Portfolio (yosaddis) — HTML 作品集模板

SHA-256: 4667729cd82a343228d1a8dc454444667ec640ad989b463d415631fb7f0e81cc

2026-10-11T20:16:47.656Z

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

<!--
HOW TO USE:
This is an example of how you may give instructions on setting up your project locally.

Modify this file to match your project and remove sections that don't apply.

REQUIRED SECTIONS:
- Table of Contents
- About the Project
  - Built With
  - Live Demo
- Getting Started
- Authors
- Future Features
- Contributing
- Show your support
- Acknowledgements
- License

OPTIONAL SECTIONS:
- FAQ

After you're finished please remove all the comments and instructions!
-->

<div align="center">
  <h3><b>Portfolio Page</b></h3>
</div>

<!-- 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)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

<!-- PROJECT DESCRIPTION -->

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

> This is my portfolio project getting started.

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

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

> The tech stack used is HTML and CSS. Also Flexbox and Grid layouts are used.

<details>
</details>

<!-- Features -->

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

>

- creates menu or tool bar for mobile version.
- creates a header section.
- creates a section for the project I have accomplished.
- creates a section for my skills.
- creates a section for a contact us form.
- Desktop version of the website is also included.
- Accepts messages from visitors by linking with formspree.io
- Implements web accessibility features.
- Uses java script to create mobile menu and projects section.
- Displays details of individual projects in popup window.
- Validates users input using java script.

<!-- LIVE DEMO -->

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

> https://yosaddis.github.io/Portfolio/

<!-- GETTING STARTED -->

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

To get a local copy up follow these simple example steps.

### Prerequisites

In order to run this project you need:

> git

<!--
Example command:

```sh
 gem install rails
```
 -->

### Setup

Clone this repository to your desired folder:

```sh
  cd my-folder
  git clone [email protected]:yosaddis/Portfolio.git
```

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- AUTHORS -->

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

>

👤 **Yoseph Addisu**

- GitHub: [@githubhandle](https://github.com/yosaddis)
- Twitter: [@twitter](https://twitter.com/yosaddis)
- Portfolio: [Portfolio](https:https://yoseph-portfolio.onrender.com/)

👤 **Kajal Pramanik**

- GitHub: [@githubhandle](https://github.com/Kajal19-del)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/kajal-pramanik-234a93173/)

<!-- FUTURE FEATURES -->

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

> This are the feature on the way.

- Use local storage in java script.
- Add actual contents to the website..

<!-- CONTRIBUTING -->

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

Contributions, issues, and feature requests are welcome!

<!-- SUPPORT -->

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

> If you like this project give it a star.

<!-- ACKNOWLEDGEMENTS -->

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

> I would like to thank Microverse and my collaborators.

<!-- LICENSE -->

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

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

<p align="right">(<a href="#readme-top">back to top</a>)</p>