# **How I Make my GitHub Profile Look Cool With Markdown**

<div align="middle">
    <img class="img-thumbnail radius" src="/article/how-i-make-my-github-profile-look-cool-with-markdown/image1.jpg" alt="Sample Cool GitHub Profile" style="width: 95%;">
</div>

<br>

Is it my first article on this site. I hope you can be helped with my article. And for the first time I want to write about Github profile because yesterday I 
try to change my GitHub profile and is it make my GitHub profile look so cool, and how make it so easy. For example, I will use my second GitHub account.

<br>
<br>

## **1. Create a repository with a name same as GitHub username**

<div align="middle">
    <img class="img-thumbnail radius" src="/article/how-i-make-my-github-profile-look-cool-with-markdown/image2.jpg" alt="Sample Cool GitHub Profile" style="width: 95%;">
</div>

<br>

Create your repository, but make sure the name repository same as username github, and don't forget check **Add a README** file. The readme on repository is the file what we setting for github profile, if all done click create the repository.

<br>
<br>

## **2. Edit README on your repository  as you like**

<div align="middle">
    <img class="img-thumbnail radius" src="/article/how-i-make-my-github-profile-look-cool-with-markdown/image3.jpg" alt="Sample Cool GitHub Profile" style="width: 95%;">jhyuyufyfuy
</div>

<br>

First time create a repository you will get this. Now you can start editing your readme, for creating a cool github profile you just need this file. README is file markdown, what is markdown ? Markdown is a lightweight markup language, from markdown can processed to html, so can I write html on markdown ? Yes you can, but markdown has their own method and format for writing. Back to editing markdown, you will see an example on your readme, try removing the comment and just leave the first sentence and list with emoticon. After that you can commit your changes, and go to your github profile.

<br>
<br>

## **3. Look at it! you have cool GitHub profile**

<div align="middle">
    <img class="img-thumbnail radius" src="/article/how-i-make-my-github-profile-look-cool-with-markdown/image4.jpg" alt="Sample Cool GitHub Profile" style="width: 95%;">
</div>

<br>

It's cool right ? Yes, first time using this feature I feel it to. But is not enough, your github profile is still too boring, you can add images, GIFs, or badges to describe yourself and make your github profile cool. If confused you can see my mine readme or if you are too lazy to make it, you can duplicate my mine.

<br>
<br>

### **README.md**

It is README.md I use
<br>
[Go to Repository](https://github.com/zeetec20/zeetec20)

<br>

```markdown
<div align="center">
  <img src="http://38.media.tumblr.com/d30fe069cc48e11eeb31ae08293a159e/tumblr_nbtdxg9d6n1szf0nzo1_250.gif" width="170" height="170">
</div>

<br>

## Helo, I'm [Firman Justisio Lestari!](https://firmanlestari.vercel.app/) 👋

- 🔭 I’m currently working on Pixel Dev Factory.
- 🌱 I’m focused on Mobile Development.
- 👨‍💻 I’m mostly use programming language <b>Dart</b> with framework <b>Flutter</b>
- 💬 Ask me about Flutter or any tech-related stuff.
- 📫 How to contact me: [contact me](https://firmanlestari.vercel.app/about)
- ⚡ Fun fact: I love coffee ☕

<br>

[![Linkedin: firmanlestari](https://img.shields.io/badge/-firmanlestari-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/firmanlestari/)](https://www.linkedin.com/in/firmanlestari/)
[![GitHub zeetec20](https://img.shields.io/github/followers/zeetec20?label=follow&style=social)](https://github.com/zeetec20)
[![website](https://img.shields.io/badge/PortfolioWebsite-firmanlestari.vercel.app-2648ff?style=flat-square&logo=google-chrome)](https://firmanlestari.vercel.app/)

<p align="left"> <img src="https://komarev.com/ghpvc/?username=zeetec20&label=Views&color=blue&style=plastic" alt="zeetec20" /> </p>

<br>

**Languages and Tools:**  

<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/flutter/flutter.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/dart/dart.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/android/android.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/nodejs/nodejs.png"></code>    

<br>

**Github Stats:**

<a href="https://github.com/zeetec20">
  <img align="center" src="https://github-readme-stats.vercel.app/api?username=zeetec20&show_icons=true&theme=light&line_height=27" alt="Firman github stats"/>
</a>
<br>
<br>

**Most Used Language:**

<a href="https://github.com/zeetec20">
  <img align="center" src="https://github-readme-stats.vercel.app/api/top-langs/?username=zeetec20&theme=light&hide_langs_below=1" />
</a>
```