{"id":17876876,"url":"https://github.com/devsyedmohsin/portfolio-template","last_synced_at":"2025-04-10T01:06:27.578Z","repository":{"id":174265105,"uuid":"651820674","full_name":"devsyedmohsin/portfolio-template","owner":"devsyedmohsin","description":"An open source portfolio template for anyone to use for free. Give it a star ⭐ if you find it useful.","archived":false,"fork":false,"pushed_at":"2024-06-26T07:15:42.000Z","size":30605,"stargazers_count":462,"open_issues_count":1,"forks_count":97,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-03T00:41:43.434Z","etag":null,"topics":["customizable","developer-portfolio","devfolio","open-source","personal-websites","portfolio","portfolio-site","portfolio-template","portfolio-website","resume-website"],"latest_commit_sha":null,"homepage":"https://opensource-portfolio.netlify.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devsyedmohsin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2023-06-10T07:37:10.000Z","updated_at":"2025-03-28T08:52:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"9ac8283d-0b24-47e1-9f4b-fc3d3f1d7184","html_url":"https://github.com/devsyedmohsin/portfolio-template","commit_stats":null,"previous_names":["devsyedmohsin/portfolio-template"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsyedmohsin%2Fportfolio-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsyedmohsin%2Fportfolio-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsyedmohsin%2Fportfolio-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devsyedmohsin%2Fportfolio-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devsyedmohsin","download_url":"https://codeload.github.com/devsyedmohsin/portfolio-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248137887,"owners_count":21053775,"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":["customizable","developer-portfolio","devfolio","open-source","personal-websites","portfolio","portfolio-site","portfolio-template","portfolio-website","resume-website"],"created_at":"2024-10-28T11:35:51.141Z","updated_at":"2025-04-10T01:06:27.556Z","avatar_url":"https://github.com/devsyedmohsin.png","language":"HTML","funding_links":[],"categories":["HTML"],"sub_categories":[],"readme":"# Portfolio Template\n\nAn open-source, user-friendly, responsive, and accessible portfolio template for developers 🚀⚡\n\nGive a star ⭐ if you find it useful. [Visit site \u0026rarr;](https://opensource-portfolio.netlify.app/)\n\n![Portfolio Template Gif](assets/images/portfolio-template.gif)\n\n## Useful resources\n\nMake sure to subscribe to our [youtube channel](https://www.youtube.com/@nisarhassan12) channel where we cover creating template like this from scratch using HTML, CSS and JavaScript also don't forget to star 🌟 the [css-tips-tricks](https://github.com/devsyedmohsin/css-tips-tricks) that has already reached 180+ stars.\n\n## Table of Contents\n\n1. [Features](#key-features)\n1. [Customization](#customizing-the-template)\n1. [Deploying the Site](#deploying-the-site)\n\n## Features\n\n- Fully Mobile responsive.\n- Supports light/dark theme.\n- Built with a11y in mind.\n- Modern design.\n- Multiple sections.\n- Sleek animations.\n- Fast loads.\n- SEO-optimized.\n\n\u003cimg src=\"assets/images/lighthouse.png\" alt=\"lighthouse report with 100% scores\"\u003e\n\n## Customizing the Template\n\nPlease follow these three steps to make an awe-inspiring portfolio of your own.\n\n- [Cloning the repository](#cloning-the-repository)\n- [Editing the Template](#editing-the-template)\n- [Deploying the Site](#deploying-the-site)\n\n### Cloning the Repository.\n\nIf you have [Git](https://git-scm.com/) installed on your computer, you can clone or download the portfolio template by running the following command in your terminal.\n\n```bash\ngit clone https://github.com/devsyedmohsin/portfolio-template\n```\n\nAlternatively, click on this [link](https://github.com/devsyedmohsin/portfolio-template/archive/refs/heads/main.zip) to download it.\n\n### Editing the Template\n\nAfter you get the template please open it in the code editor of your choice.\nYou will find a file named `index.html` Open it and follow the guidance inscribed within the comments to customize the template.\n\n**For example:**\n\n```html\n\u003c!-- Update with your name --\u003e\n\u003ctitle\u003eSyed Mohsin's Portfolio\u003c/title\u003e\n```\n\n```html\n\u003cdiv class=\"header-textbox\"\u003e\n  \u003c!-- Replace with your name \u0026 job title --\u003e\n  \u003ch1 class=\"h1\"\u003eHi, I'm Syed Mohsin Frontend Web Developer\u003c/h1\u003e\n\n  \u003c!-- Add a small introductory paragraph about yourself --\u003e\n  \u003cp class=\"header-text\"\u003eA frontend software engineer and interface designer\u003c/p\u003e\n\u003c/div\u003e\n```\n\n**Note:** While editing the template, ensure you have updated all `href`, img `src`, and `alt` attributes of links and images.\n\n### Deploying the Site\n\nWatch [this youtube video](https://www.youtube.com/watch?v=oEyXLYW3RjY) to learn how to deploy your version of the portfolio template to the web.\n\n[![Deploy your version of the Portfolio template using Netlify](assets/images/thumbnail.png)](https://www.youtube.com/watch?v=oEyXLYW3RjY \"Deploy your version of the Portfolio template using Netlify\")\n\n### Contributions are warmly welcomed ❤️.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevsyedmohsin%2Fportfolio-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevsyedmohsin%2Fportfolio-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevsyedmohsin%2Fportfolio-template/lists"}