# Github

## Step 01: Create HTML Form

First of all we need to create a `html` page with web3forms. Learn how to setup on our [installation](https://docs.web3forms.com/getting-started/installation) page.

## Step 02: Create an account on Github

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F5b691e57deb6353c3dac0fafc984fadb6462a78f.png?generation=1619515049547582\&alt=media)

First Step is to create a Github account if you don't already have one.

## Step 03: Create a GIT Repository

Now, you should create a new GitHub repository and add your `html` code to your repo.

## Step 04: Add code to GIT repository

Follow the code to initialise and add your code files to your repo.

```bash
git init
git add index.html
git commit -m "first commit"
git branch -M main
git remote add origin your_origin_url
git push -u origin main
```

## Step 05: Go to Settings

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2Fd8fd667fa48dc910feee65e5e061506557f1606a.png?generation=1619692475604428\&alt=media)

On your github repository, you can see a tab called **Settings**, just click on the tab.

## Step 06: Go to Pages Table

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F02617e0e788a629b20a2970b5f286f7aadc94e90.png?generation=1619692475875839\&alt=media)

On your settings page, you can see a tab called **Pages** on the left. Just click on tab.

## Step 07: Choose Branch

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2Fc2c86e0a7d5d1b012bd4b0d3e72d2c00cdd2138c.png?generation=1619692473775245\&alt=media)

Here, you can should set your branch as `main` and click on **Save** button. You're good to go!

## Step 08: Congratulations! You're App is deployed

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F3701994426aec5191dddec1ffa61ac42ef343d33.png?generation=1619692476858951\&alt=media)

Congrats, You're app is now deployed on github. Your hosting url will be *username.github.io/repo* You can now visit it! It will work absolutely fine. Well done! 👏

## Test App

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2Ff6f661f64420d428c42d0a73f6b49311d054760e.png?generation=1619515052440332\&alt=media)

Now, here comes the final part! It is time to test. Head over to the app, and submit the form. Open your mail, you can see a new one. It will look like this 👇

![](https://4078640192-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MPUC7SfrK7-rhtC1UKR%2Fsync%2F2390b995777e19c4a98323868041b043d71ab25e.png?generation=1619515047948809\&alt=media)
