Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devsyedmohsin/portfolio-template
An open source portfolio template for anyone to use for free. Give it a star ⭐ if you find it useful.
https://github.com/devsyedmohsin/portfolio-template
customizable developer-portfolio devfolio open-source personal-websites portfolio portfolio-site portfolio-template portfolio-website resume-website
Last synced: about 1 month ago
JSON representation
An open source portfolio template for anyone to use for free. Give it a star ⭐ if you find it useful.
- Host: GitHub
- URL: https://github.com/devsyedmohsin/portfolio-template
- Owner: devsyedmohsin
- License: gpl-3.0
- Created: 2023-06-10T07:37:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-26T07:15:42.000Z (7 months ago)
- Last Synced: 2024-10-28T13:17:32.936Z (3 months ago)
- Topics: customizable, developer-portfolio, devfolio, open-source, personal-websites, portfolio, portfolio-site, portfolio-template, portfolio-website, resume-website
- Language: HTML
- Homepage: https://opensource-portfolio.netlify.app
- Size: 29.2 MB
- Stars: 420
- Watchers: 5
- Forks: 83
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Portfolio Template
An open-source, user-friendly, responsive, and accessible portfolio template for developers 🚀⚡
Give a star ⭐ if you find it useful. [Visit site →](https://opensource-portfolio.netlify.app/)
## Useful resources
Make 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.
## Table of Contents
1. [Features](#key-features)
1. [Customization](#customizing-the-template)
1. [Deploying the Site](#deploying-the-site)
## Features
- Fully Mobile responsive.
- Supports light/dark theme.
- Built with a11y in mind.
- Modern design.
- Multiple sections.
- Sleek animations.
- Fast loads.
- SEO-optimized.
## Customizing the Template
Please follow these three steps to make an awe-inspiring portfolio of your own.
- [Cloning the repository](#cloning-the-repository)
- [Editing the Template](#editing-the-template)
- [Deploying the Site](#deploying-the-site)
### Cloning the Repository.
If 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.
```bash
git clone https://github.com/devsyedmohsin/portfolio-template
```
Alternatively, click on this [link](https://github.com/devsyedmohsin/portfolio-template/archive/refs/heads/main.zip) to download it.
### Editing the Template
After you get the template please open it in the code editor of your choice.
You will find a file named `index.html` Open it and follow the guidance inscribed within the comments to customize the template.
**For example:**
```html
Syed Mohsin's Portfolio
```
```html
Hi, I'm Syed Mohsin Frontend Web Developer
A frontend software engineer and interface designer
```
**Note:** While editing the template, ensure you have updated all `href`, img `src`, and `alt` attributes of links and images.
### Deploying the Site
Watch [this youtube video](https://www.youtube.com/watch?v=oEyXLYW3RjY) to learn how to deploy your version of the portfolio template to the web.
[](https://www.youtube.com/watch?v=oEyXLYW3RjY "Deploy your version of the Portfolio template using Netlify")
### Contributions are warmly welcomed ❤️.