# Description

Hosting my personal static website in GitHub for free.

URL: sarath-pm.github.io

> Feature

• HTML Static based website (Personal Profile)
• Easy to customizable
• Easy to deploy static changes on GitHub.
• SSL certified
• Downtime Depends on GitHub (SLA: 99.5%)
• 50 Contact Form Messages (Subscription Needed for more)
• Contact Map Location (From GMaps Embed)

> Pre-Requests

• Find a template of a static website (I used this one templateflip)
• Basic knowledge of GitHub pages
• Basic knowledge of HTML Static website
• Need a account in formspree for contact form. if you're not interested you can ignore it and it's not mandatory.

> How to Setup a GitHub Static website Look like this..

Please go and walk through the official GitHub link it's an easy way to set up.

> My Website Output

Please go and check that the URL of my domain: sarath-pm.github.io

Complete-Screenshot

> Directory Structure

• css\ - Stylesheets CSS files for the template.
• images\ - Images used in the template.
• scripts\ - JavaScript used in the template.
• styles\ - SCSS source files for stylesheets CSS. .
• favicon.ico - Favicon placeholder provided for the template.
• index.html - Main HTML page to open the template in the browser.
• *.html - Additional HTML pages (if any).
• LICENSE-*.txt - License file as per your downloaded variant.
• CNAME for - GitHub Pages domain pointer

> How to Edit the template

1. Editing Content in the template

To edit the content open the corresponding *.html files and open them
in an editor such as VSCode or Notepad++.
Search for the content you want to change and edit it to the text you want.
Save the file and reopen the HTML file in the browser to see the changes.

2. Editing Styles of template

The main style is present in css\main.css which you can edit.
You must know how to edit CSS files to do this.
If you have purchased any of the premium versions then you will also get
SCSS source files which generate all the styles of the template.
You can use these SCSS files to make your changes and regenerate CSS.

3. Changing Images

You can change images inside the images\ folder.
Make sure to name the file the same as the original file.
If you wish to change the name of the image file then you must
also make a corresponding change in the HTML file which refer to that image.

> How to use the template

* Upload the contents to your webserver.
* index.html must be in the main (root) folder of your webserver.
* Do not change the name of the template folders or files unless you know
* what you are doing and are changing the names in HTML files too.

Connect with Me