# Pro Github profile The sections which we have to change in the profile and the steps are so on: ### *Profile page steps:* 1. Firstly adding up the profile image a descriptive bio and location in the "edit profile" option for making it bold. 2. If you want you can add any of your website URL and also you can set the status you want. 3. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685169595473/aceae932-a496-47a7-8df9-b212d28f260a.png align="center") ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685169685400/998e4f69-1f81-4c77-96c7-233d1e8080f6.png align="center") 1. The above images for reference that how it will look. ### *The second main procedure we will go is creating dashboard:* 1. We will create a repository with the same name of our Git-hub account. 2. It will show up a special message regarding the Readme.md file. 3. Make the repo in public and select the option of adding Readme.md file present below and save changes 4. After creating the repository, Double click on the repository and go inside it 5. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685170195833/c4e47c13-f9d8-4618-a60c-e910f4b4706c.png align="center") There will be a Readme.md file created in the repository. 6. Now will open a tab and visit the website given `https://rahuldkjain.github.io/gh-profile-readme-generator/` 7. This website will help us in making our dashboard dynamic. 8. Going to the "GitHub profile readme Generator" ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685170977471/7b582e32-278d-4ff4-8471-77ce106cb8f9.png align="center") Add all the following sections you want to add all the things are mentioned line by line select the sections you want to fill. 9. The later add all the skills such as select the programming language, database, devops-tools, backend languages, Operating system you want. 10. Then scrolling down we can mention our social accounts 11. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685171191547/df6244bd-60b8-4327-a5fd-0a4325a29ce7.png align="center") After selecting all the sections and now scrolls down and select the add-ons such as git-hub trophy, top skills, streak stats etc. 12. The click on "GENERATE README" 13. Then basically what is this website it will create and give a basic code of html and css of the options and features you have selected in the readme file. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685171422025/84e0f2ad-63f1-4e46-99e2-6799dc825045.png align="center") 14. Then copy this code and paste it on notepad, Now what we have to add is banner and background image and some cool GiF. 15. Now got the google and search animated coding gif and the select the picture you want . 16. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685171621404/b8738390-7fab-4262-86f8-a1f5f041545e.png align="center") Copy the image link and go to the notepad section now and paste it. 17. On the third line of the code add a new line `coding` 18. After writing this <img align="right" alt="coding" width="400" src= paste the link address which you have copied from the above image as well 19. Then copy all the code which we have added and edited and paste it to the repository's readme.md file ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685172034750/df9aa4e4-d050-42a6-bd29-c343b667b5b8.png align="center") 20. Now we have to add Banner and dark theme, For banner we will select a particular image and add it to the repo through upload files option and then copy the link of the file and paste it on the first line. 21. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685172159040/16308620-6291-4c37-8fed-928b2ba81f83.png align="center") We can also create a new banner image through this website `https://leviarista.github.io/github-profile-header-generator/` 22. Through this website create your own specific Github account Banner and Image. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685342796219/c84f5ede-a3e9-405b-81e9-e1bf1109fc1c.png align="center") 1. Then after creating the banner, Download the banner or header file and then create a banner folder in same repository by the name of github.header.png ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685343453331/9e8f9f81-f865-4b2c-a265-ebde6740d608.png align="center") 1. Upload the download banner image to the above folder "github-header-image.png" 2. After uploading right click on the folder and copy the link address and paste it on the top line of the readme.md 3. Type on the first line !\[logo\](copy the above link here) eg: ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685343759884/c43724e9-1fcb-44b3-830e-bd506aa22c5d.png align="center") 1. After copy and paste of the line click on preview it will show you the output of the code on your Github profile. ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1685169595473/aceae932-a496-47a7-8df9-b212d28f260a.png align="left") ![It will show the output of the code in this GUI format](https://cdn.hashnode.com/res/hashnode/image/upload/v1685169685400/998e4f69-1f81-4c77-96c7-233d1e8080f6.png align="left") 1. Later just add a Dark theme to your account to make it more Attractive and Bold. 2. The steps are Setting>Appearance>Theme, Select it from there. By this way can make out Github account more attractive as well 3. The youtube link you can refer for this : [https://www.youtube.com/watch?v=HD4cnRuSGN0](https://www.youtube.com/watch?v=HD4cnRuSGN0) 4. The repository for template selection other than google is: [https://github.com/kautukkundan/Awesome-Profile-README-templates](https://github.com/kautukkundan/Awesome-Profile-README-templates) [https://github.com/anuraghazra/github-readme-stats](https://github.com/anuraghazra/github-readme-stats) #linux #Cloud #Devops #Github #Git #Aws