GithubHelp home page GithubHelp logo

cv's Introduction

Official WebSite For My Own

Build


Description

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.


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 GCP Embed)

Pre-Requests

  • 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.)

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: alexphilip.tech

Complete-Screenshot

alt_txt


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. 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

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.
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)

Conclusion

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.

⚙️ Connect with Me

cv's People

Contributors

alex-philip5 avatar

Stargazers

Jihad Abdulrazaq avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.