HTMLPortfolio

My-Portfolio — HTML Portfolio Template

By BahirHakimy

A personal portfolio website template built with HTML and CSS that showcases completed projects, uses a mobile-first responsive layout, and is marked in the repository as still under development.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-12View source

What stands out

A quick read of the recorded project description.

A static portfolio page built purely with HTML and CSS; open index.html after cloning to view it

Mobile-first responsive layout, which the README says adapts to desktop and mobile

The README lists SEO and accessibility friendliness as design goals

The repository is marked as still under development, with project detail pages and multiple color themes listed as pending features

Uses the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

My-Portfolio is BahirHakimy's personal portfolio website, written in HTML and CSS, intended to centrally display the author's completed projects. The README states that it is still under development and that features will continue to be added; the server-side and database portions are marked as "to be added later," so the current version is a purely static front-end page.

The page uses a mobile-first responsive design. Key features listed in the README include an attractive interface, mobile-first, responsive, and SEO- and accessibility-friendly. The repository's Future Features section lists "project detail pages" and "multiple color themes" as two unfinished features, indicating that these had not yet been implemented at the time of inclusion.

Usage is simple: clone the repository and open index.html directly in a browser, or preview it in VS Code via the Live Server extension. The project uses the MIT license, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons must have their licenses checked separately.

HTMLPortfolio

Is it right for your project?

Use Cases

Individual developers building a portfolio page to showcase completed projects
Use as reference code for learning HTML and CSS responsive layout
Modify an existing static page to replace it with your own projects and personal information

Suitable For

Developers who need a purely static portfolio page with no backend dependency
Users who want to freely modify and distribute under the MIT license
HTML/CSS learners who want to reference mobile-first responsive practices

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Git and a code editor must be installed first (the README recommends VS Code)
2
Clone the repository: git clone github.com/BahirHakimy/My-Portfolio.git
3
Open index.html directly in a browser, or preview it using the VS Code Live Server extension
4
The server side and database are not yet implemented; the README marks them as to be added later
5
When replacing demo images, fonts, icons, and other assets, you must check their respective licenses yourself

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This inclusion covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of that version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/BahirHakimy/My-Portfolio/blob/main/LICENSE https://github.com/BahirHakimy/My-Portfolio/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-12. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: Partly documented · 72 / 100
Technologies: HTML
Website type: Portfolio

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2023-08-24
Screenshot last checked: 2026-10-12

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 448b94b86429064df4e4a806048afd3237d60b71db3c3ec3131d33b27464fabc

2026-10-12T21:15:10.353Z

Source file / repository

<a name="readme-top"></a>

<!-- TABLE OF CONTENTS -->

# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [🛠 Built With](#built-with)
    - [Tech Stack](#tech-stack)
    - [Key Features](#key-features)
  - [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
  - [Setup](#setup)
  - [Prerequisites](#prerequisites)
  - [Usage](#usage)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

<!-- PROJECT DESCRIPTION -->

# 📖 My Portfolio <a name="about-project"></a>

**My Portfolio** is my portfolio website, its currently under development and I will add more features as I go forward in the program.

## 🛠 Built With <a name="built-with"></a>

### Tech Stack <a name="tech-stack"></a>

<details>
  <summary>Client</summary>
  <ul>
   <li>HTML</li>
   <li>CSS</li>
  </ul>
</details>

<details>
  <summary>Server</summary>
  <ul>
    <li>Will be added later</li>
  </ul>
</details>

<details>
<summary>Database</summary>
  <ul>
    <li>Will be added later</li>
  </ul>
</details>

<!-- Features -->

### Key Features <a name="key-features"></a>

- **Beautifull UI**
- **Mobile-first**
- **Responsive**
- **SEO and Accessibility Friendly**

<p align="right"><a href="#readme-top">👆</a></p>

<!-- LIVE DEMO -->

## 🚀 Live Demo <a name="live-demo"></a>

- [Live Demo Link](https://bahirhakimy.github.io/My-Portfolio/)

<p align="right"><a href="#readme-top">👆</a></p>

<!-- Getting Started -->

## 💻 Getting Started <a name="getting-started"></a>

To run the project locally, follow these steps.

### Prerequisites

In order to run this project you need:
-Install [Git](https://git-scm.com/)
-Install a code editor, I suggest [VsCode](https://code.visualstudio.com/)

### Setup

Clone the repo into your local machine:
git clone github.com/BahirHakimy/My-Portfolio.git


### Usage

You can open the `index.html` file using a web browser or using VsCode extension [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

<p align="right"><a href="#readme-top">👆</a></p>

<!-- AUTHORS -->

## 👥 Authors <a name="authors"></a>

👤 **BahirHakimi**

- GitHub: [:heart:](https://github.com/bahirhakimy)
- Twitter: [:heart:](https://twitter.com/bahirhakimy)
- LinkedIn: [:heart:](https://linkedin.com/in/bahirhakimy)

👤 **Muhammad Davlatov**

- GitHub: [Muhammad0602](https://github.com/Muhammad0602)
- Twitter: [Muhammad Davlatov](https://twitter.com/MuhammadDavla20)
- LinkedIn: [Muhammad Davlatov](https://www.linkedin.com/in/muhammad-davlatov-6a8536254/)

👤 **[Alejandro-Bernal-M]**

- GitHub: [Muhammad0602](https://github.com/Alejandro-Bernal-M)

<p align="right"><a href="#readme-top">👆</a></p>

<!-- FUTURE FEATURES -->

## 🔭 Future Features <a name="future-features"></a>

- **Project Detail**
- **Multiple color themes**

<p align="right"><a href="#readme-top">👆</a></p>

<!-- Contributing -->

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

<p align="right"><a href="#readme-top">👆</a></p>

<!-- Show your support -->

## ⭐️ Show your support <a name="support"></a>

If you like this project leave a start for it.

<p align="right"><a href="#readme-top">👆</a></p>

<!-- ACKNOWLEDGEMENTS -->

## 🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank Microverse for helping me in my journey to become a Fullstack developer 🌹

<p align="right"><a href="#readme-top">👆</a></p>

<!-- LICENSE -->

## 📝 License <a name="license"></a>

This project is [MIT](./LICENSE) licensed.

<p align="right"><a href="#readme-top">👆</a></p>

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

simplefolio

Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.

HTML · Portfolio

Freelancer

A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.

HTML · Portfolio

Resume

A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.

HTML · Portfolio

Creative

A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.

HTML · Corporate Website

Grayscale

A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.

HTML · Corporate Website

startbootstrap-stylish-portfolio

A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.

HTML · Portfolio