{"id":18947619,"url":"https://github.com/yousafkhamza/official-website","last_synced_at":"2025-07-14T10:07:02.997Z","repository":{"id":195965556,"uuid":"423937954","full_name":"yousafkhamza/official-website","owner":"yousafkhamza","description":"It's just HTML based static website for my own \"yousafkhamza.tech (Domain purchased from Hostinger)\", I downloaded a template from template flip 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.","archived":false,"fork":false,"pushed_at":"2025-07-12T15:37:58.000Z","size":8499,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-12T17:47:39.722Z","etag":null,"topics":["css","github","githubpages","html","official-website","static-site","staticwebsite"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yousafkhamza.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE-free.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-11-02T17:28:28.000Z","updated_at":"2025-07-12T15:38:02.000Z","dependencies_parsed_at":"2024-11-08T13:11:09.730Z","dependency_job_id":"be16784b-7f30-4ea6-aeae-311fc2ea151a","html_url":"https://github.com/yousafkhamza/official-website","commit_stats":null,"previous_names":["yousafkhamza/official-website"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yousafkhamza/official-website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousafkhamza%2Fofficial-website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousafkhamza%2Fofficial-website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousafkhamza%2Fofficial-website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousafkhamza%2Fofficial-website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yousafkhamza","download_url":"https://codeload.github.com/yousafkhamza/official-website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yousafkhamza%2Fofficial-website/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265277383,"owners_count":23739375,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","github","githubpages","html","official-website","static-site","staticwebsite"],"created_at":"2024-11-08T13:10:40.374Z","updated_at":"2025-07-14T10:07:02.972Z","avatar_url":"https://github.com/yousafkhamza.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Official WebSite For My Own \r\n[![Build](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://travis-ci.org/joemccann/dillinger)\r\n\r\n---\r\n## Description\r\nThis is an HTML-based static website for my own domain \"[yousafkhamza.tech](https://yousafkhamza.tech) (Domain purchased from Hostinger)\" and that the domain which I had hosted on GitHub pages (like a server) for free. \r\n\r\n----\r\n## Feature\r\n- HTML Static based website (Personal Profile)\r\n- Easy to customizable\r\n- Easy to deploy static changes on GitHub.\r\n- SSL certified\r\n- Downtime Depends on GitHub (SLA: 99.5%)\r\n- 50 Contact Form Messages (Subscription Needed for more)\r\n- Contact Map Location (From GCP Embed)\r\n\r\n----\r\n## Pre-Requests\r\n- Need a Domain name from any of the registrar.\r\n- Find a template of a static website ([templateflip](templateflip.com) I used this one)\r\n- Basic knowledge of GitHub pages \r\n- Basic knowledge of HTML Static website\r\n- Need a account in [formspree](https://formspree.io/) for contact form. if you're not interested you can ignore it and it's not mandatory.\r\n- Need a GCP account for GeoLocation set up on your page (Not mandatory if you're not interested you can ignore it.)\r\n\r\n----\r\n## How to Setup a GitHub Static website Look like this..\r\n_Please go and walk through the official GitHub [link](https://pages.github.com/) it's an easy way to set up._\r\n\r\n----\r\n## My Website Output\r\nPlease go and check that the URL of my domain: [yousafkhamza.tech](https://yousafkhamza.tech)\r\n\r\n_Complete-Screenshot_\r\n\r\n![alt_txt](https://i.ibb.co/wS8N0mC/screencapture-yousafkhamza-tech-2021-11-03-14-35-00.png)\r\n\r\n----\r\n## Directory Structure\r\n\r\n- css\\              - Stylesheets CSS files for the template.\r\n- images\\           - Images used in the template.\r\n- scripts\\          - JavaScript used in the template.\r\n- styles\\           - SCSS source files for stylesheets CSS. Available in - - Purchased versions only.\r\n- favicon.ico       - Favicon placeholder provided for the template.\r\n- index.html        - Main HTML page to open the template in the browser.\r\n- *.html            - Additional HTML pages (if any).\r\n- LICENSE-*.txt     - License file as per your downloaded variant.\r\n- CNAME for         - GitHub Pages domain pointer\r\n\r\n----\r\n## How to Edit the template\r\n\r\n```\r\n1. Editing Content in the template\r\n\r\nTo edit the content open the corresponding *.html files and open them\r\nin an editor such as VSCode or Notepad++.\r\nSearch for the content you want to change and edit it to the text you want.\r\nSave the file and reopen the HTML file in the browser to see the changes.\r\n\r\n2. Editing Styles of template\r\n\r\nThe main style is present in css\\main.css which you can edit.\r\nYou must know how to edit CSS files to do this.\r\nIf you have purchased any of the premium versions then you will also get\r\nSCSS source files which generate all the styles of the template.\r\nYou can use these SCSS files to make your changes and regenerate CSS.\r\n\r\n3. Changing Images\r\n\r\nYou can change images inside the images\\ folder.\r\nMake sure to name the file the same as the original file.\r\nIf you wish to change the name of the image file then you must\r\nalso make a corresponding change in the HTML file which refer to that image.\r\n```\r\n\r\n----\r\n## How to use the template\r\n```\r\nUpload the contents to your webserver.\r\nindex.html must be in the main (root) folder of your webserver.\r\nDo not change the name of the template folders or files unless you know\r\nwhat you are doing and are changing the names in HTML files too.\r\nFor 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)\r\n```\r\n\r\n----\r\n## Conclusion\r\nIt's just HTML based static website for my own \"[yousafkhamza.tech](https://yousafkhamza.tech) (Domain purchased from Hostinger)\", I downloaded a template from [templateflip](templateflip.com) 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.\r\n\r\n### ⚙️ Connect with Me \r\n\r\n\u003cp align=\"center\"\u003e\r\n\u003ca href=\"mailto:yousaf.k.hamza@gmail.com\"\u003e\u003cimg src=\"https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\"/\u003e\u003c/a\u003e\r\n\u003ca href=\"https://www.linkedin.com/in/yousafkhamza\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\"/\u003e\u003c/a\u003e \r\n\u003ca href=\"https://www.instagram.com/yousafkhamza\"\u003e\u003cimg src=\"https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white\"/\u003e\u003c/a\u003e\r\n\u003ca href=\"https://wa.me/%2B917736720639?text=This%20message%20from%20GitHub.\"\u003e\u003cimg src=\"https://img.shields.io/badge/WhatsApp-25D366?style=for-the-badge\u0026logo=whatsapp\u0026logoColor=white\"/\u003e\u003c/a\u003e\u003cbr /\u003e\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyousafkhamza%2Fofficial-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyousafkhamza%2Fofficial-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyousafkhamza%2Fofficial-website/lists"}