Customize Github Landing Page

We normally have a same landing page that basically displays the few selected repositories or pinned repositories followed up with the commit-graph. As a developer, we should have eye-catching landing page. So, here this article will guide you to set up an awesome display for your GitHub Landing Page.



First, create a new repository with your username and README.md file in it. Like in my case github link is https://github.com/the.pro.developer then the username is the.pro.developer So accordingly you can find yours username.

Second, you need to open your READ.md file of the created repository and style it to get the effect on landing page. A sample code could be like that given below :



### Hello World 👋 It's [@the.pro.developer](https://in.linkedin.com/in/)
<a href="https://in.linkedin.com/in/">
<img align="left" alt="developer" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/linkedin.svg" />
</a>
<a href="https://www.instagram.com/the.pro.developer/">
<img align="left" alt="developer" width="22px" src="https://cdn.jsdelivr.net/npm/simple-icons@v3/icons/instagram.svg" />
</a>
Hi,I'm a Web Developer, Technical Content Writer and Problem Setter. Apart from that I love getting involved in Competitive Programming
and Problem Solving.❤✌
<img align="right" alt="GIF" src="https://media.giphy.com/media/USV0ym3bVWQJJmNu3N/giphy.gif" />
**Talking about Personal Stuffs:**
- 🔭 I’m currently Intern at GeeksforGeeks and Cutshort.
- 🌱 I’m currently learning MERN Stack.
- 👯 Part of Developer Community.
- 💬 Ask me about anything , Would love to answer them.✌
- 📫 How to reach me: Any of the Social-Media Platform
- ⚡ Check out my recent [Posts](https://www.instagram.com/the.pro.developer/)
**Languages and Tools:**
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/python/python.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/cpp/cpp.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/mysql/mysql.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/git/git.png"></code>
<code><img height="20" src="https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/terminal/terminal.png"></code>
![the.pro.developer's github stats](https://github-readme-stats.vercel.app/api?username=the.pro.developer&show_icons=true&hide_border=true)
view raw README hosted with ❤ by GitHub
Make sure to customize the code according to your need.





No comments:

If you have any doubt or suggestion let me know in comment section.

Powered by Blogger.