How to create a personal web page using GitHub

Create your content

So lets get started to make your personal web page. We need to split our project to few steps. We need to download editor, made files, and put it to the web. So how to do it i will explain below.

Download VS code

Just follow this link and download the editor


Vs code download link

Create files

You need to open Vs code after that go to explorer and push open folder. You should choose where in your computer you want to work.Better to create new folder.

Open Folder

Create index.html

After that push new file and put index.html to the text box


New File

Put and edit by your choice this code inside your index.html

<html class="center">
        <style>
          .center {
            background-color: aliceblue;
            text-align: center;
            display: block;
            font-family: Papyrus;
            color: rgb(223, 93, 0);
          }
        </style>
      
        <h1>Alex's Portfolio</h1>
      
        <img
          src="./alxholly.jpg"
          width="30%"
          style="border: 2px; border-style: solid; border-color: rgb(63, 113, 133)"
        />
      </html>

Upload images

Then you need to upload all image that you need and change it in "img src" tag

Get instructions from w3c

Its good if you go through this links and figure it out what they talking about

HTML <img> Tag
HTML <h1> to <h6> Tags

Register on github.com

Go through this link and register in GitHub

Github registration link

Create Repository

After registration go to repositories and push New

New Repository

Create a new repository

Lets put your project to github. Put yourusername.github.io to Repository name push create repository. Push add files and add yours.

Create Repository

Upload your files

Upload your files

So after you add files to repo your web site should appear in yourusername.github.io address.