Creating-Overview-Page-for-GitHub

In this repository I will provide you with some code to create a nice looking overview in Github

Intro

As I started to structuring and creating some content in GitHub I realized that it isn't really self-explaining. If you don't know how to start and you havn't some expiriences in HTML it can be hard.So I thought I give you some Tips how to create an overview page the easy way.

Example

The Example can be found here: Code

Microsoft- Who?

About

• 🦄 Microsoft
• 💬 Quote
• 💗 Love

Hobbies:

✒️Writing
🎧 Musik

GitHub Stats

✍️Latest Blog Posts :

How to?

Creating your personal profil repository

Description	Sreenshot
1. You need to create a repository to build a overview page.Click on repositories and on new in the right corner above. Now you have to put in your Github Profilname as it is. After entering the username, GitHub displays a message describing that you’re about to create a GitHub special repository.
2.Check the Public checkbox under repository type to make the GitHub profile README visible to everyone who visits the GitHub profile page. And add a README file checkbox.
Click on the Create repository button. Your special repository is created successfully. Go to the repository you just created and you’ll see a README.md file added to the repository.
To use the GitHub editor, open README.md and click on the edit this file icon (a pencil icon) on the top right of the page.

Adding GIFs, Buttons, Stats,...

Adding some Buttons, Stats, GIFs to make your Profil more interessting and interacrive

Description	Additional information
Some links which will help you:	https://giphy.com/ = Gifs https://shields.io/ = Buttons https://github.com/anuraghazra/github-readme-stats = GitHub Stats https://www.w3schools.com/html/ = Learn HTML
Adding Buttons into your profil page: Code
Adding Gif into your profil page. Go to giphy.com and choose one gif, click on share and copy the Link. Put the Link into the code above: Code
Next you can add a About me section: Code You can press the Windows button and the dot button at the same time to get emojis. To create bold and bigger header you can put one # for a very big Header ## for a slightly smaller Header and so on	🦄 Unicorn 💪🏽 Hard working 🧁 Sweet as a Cupcake
Adding GitHub Stats to your Profil page: Code Change "your-github-username" into yours
And now some general coding commands in HTML	br in <> = Break p in <> = Paragraph Commands starts with <> and ends with a / in <>