portfolio-template

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #golang #machine-learning #deep-learning #linux #docker #java #windows #awesome-list #pytorch #ios #open-source

portfolio-template

(★ 511)

An open source portfolio template for anyone to use for free. Give it a star ⭐ if you find it useful.

파일 탐색기

최종 버전 다운로드 (.zip)

- - LICENSE.txt
  - Mona-Sans.woff2
- - craft.webp
  - favicons.png
  - featured-blog.webp
  - heart-outline.svg
  - hero-bg-light.webp
  - hero-bg.webp
  - lighthouse.png
  - portfolio-template.gif
  - sharing-card.png
  - signatures.png
  - thumbnail.png
.gitignore
index.html
LICENSE.md
README.md
script.js
style.css

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Portfolio Template

An open-source, user-friendly, responsive, and accessible portfolio template for developers 🚀⚡

Give a star ⭐ if you find it useful. [Visit site &rarr;](https://opensource-portfolio.netlify.app/)

![Portfolio Template Gif](https://raw.githubusercontent.com/devsyedmohsin/portfolio-template/main/assets/images/portfolio-template.gif)

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

<title>Syed Mohsin's Portfolio</title>
```

```html
<div class="header-textbox">
  
  <h1 class="h1">Hi, I'm Syed Mohsin Frontend Web Developer</h1>

<p class="header-text">A frontend software engineer and interface designer</p>
</div>
```

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

[![Deploy your version of the Portfolio template using Netlify](https://raw.githubusercontent.com/devsyedmohsin/portfolio-template/main/assets/images/thumbnail.png)](https://www.youtube.com/watch?v=oEyXLYW3RjY "Deploy your version of the Portfolio template using Netlify")

### Contributions are warmly welcomed ❤️.

portfolio-template

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

portfolio-template

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README