This is an HTML-based static website for my own domain "alexphilip.tech (Domain purchased from Hostinger)" and that the domain which I had hosted on GitHub pages (like a server) for free.
- 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 GCP Embed)
- Need a Domain name from any of the registrar.
- Find a template of a static website (templateflip I used this one)
- 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.
- Need a GCP account for GeoLocation set up on your page (Not mandatory if you're not interested you can ignore it.)
Please go and walk through the official GitHub link it's an easy way to set up.
Please go and check that the URL of my domain: alexphilip.tech
Complete-Screenshot
- 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. Available in - - Purchased versions only.
- 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
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.
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.
For Webhosting, you can go with https://templateflip.com/go/hosting for easy FTP file uploads (It's Mention for a public or FTP based Server, not GitHub Pages)
It's just HTML based static website for my own "alexphilip.tech (Domain purchased from Hostinger)", I downloaded a template from templateflip and I Modified it as per my requirement and I hosted my website on GitHub for lifetime free so this repo is my website server.
