Portfolio-project — HTML 作品集模板

SHA-256: ad51b1df05db2742c926d338540e3a297944db4912dc0a335c7cd47fdcf11505

2026-10-02T21:30:15.074Z

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


<div align="center">

  <h1><b>Portfolio Project</b></h1>
  <img src="images/screenshots/README.png" alt="Readme Image">
</div>

<!-- TABLE OF CONTENTS -->

# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)
- [📖 Portfolio Project: Setup and mobile first](#-portfolio-project-setup-and-mobile-first)
  - [🛠 Built With ](#-built-with-)
    - [Tech Stack ](#tech-stack-)
    - [Key Features ](#key-features-)
  - [🚀 Live Demo ](#-live-demo-)
  - [🏎️ Loom Walktrough ](#️-loom-walktrough-)
  - [💻 Getting Started ](#-getting-started-)
    - [Prerequisites](#prerequisites)
    - [Setup](#setup)
    - [Install](#install)
    - [Usage](#usage)
    - [Run tests](#run-tests)
    - [Deployment](#deployment)
  - [👥 Authors ](#-authors-)
  - [🔭 Future Features ](#-future-features-)
  - [🤝 Contributing ](#-contributing-)
  - [⭐️ Show your support ](#️-show-your-support-)
  - [🙏 Acknowledgments ](#-acknowledgments-)
  - [📝 License ](#-license-)

<!-- PROJECT DESCRIPTION -->

# 📖 Portfolio Project: Setup and mobile first<a name="about-project"></a>


**Portfolio Project: Setup and mobile first** is the start point in order to create my own portfolio web site. This project uses the template number 1 from the **templates in Figma**.

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

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


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

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

<!-- Features -->

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


- **Creating branches on repositories.**
- **Use of linter on HTML&CSS project.**
- **Write a correct descriptive README file.**

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

<!-- LIVE DEMO -->

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

- Here you can see a [Live Demo](https://oovillagran.github.io/Portfolio-project/) of my project.

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

<!-- Walktrough-->

## 🏎️ Loom Walktrough <a name="walktrough"></a>

- This is the [Loom Walktrough](https://www.loom.com/share/dc581ee556564b79980452c969e5d524) of my project.

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

<!-- GETTING STARTED -->

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

To get a local copy up and running, follow the following steps steps.

### Prerequisites

In order to run this project you need:

- Create a repo on your repositores files.
- Clone or make a copy of this repo on your local machine.
- Follow GitHub flow.
- A carefully reading of this README.md is required.


### Setup

Clone this repository to your desired folder:
 
 ```bash
 cd my-folder
 git clone [email protected]:oovillagran/Portfolio-project.git
```

### Install

Install this project with:

 ```bash
 npm install
```

### Usage

To run the project, you can use your favorite browser.


### Run tests

To run tests, execute the following command:

```bash
 npx hint .
```

### Deployment

- You can deploy this project using GitHub pages.

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

<!-- AUTHORS -->

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


👤 **Oscar Villagran**

- GitHub: [@oovillagran](https://github.com/oovillagran)
- Twitter: [@oovillagran](https://twitter.com/oovillagran)
- LinkedIn: [Oscar Villagran](https://www.linkedin.com/in/oovillagran/)

👤 **Hafed Efheij**

- GitHub: [@Hafed](https://github.com/hafedefheij)
- LinkedIn: [@Hafed](https://www.linkedin.com/in/hafedefheij)


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

<!-- FUTURE FEATURES -->

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



- [ ] **Use of linter in HTML&CSS projects**
- [ ] **Flexbox tools are requiered**
- [ ] **Use README template file**
- [ ] **Ask for a code review**

<p align="right">(<a href="#readme-top">back to 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">back to top</a>)</p>

<!-- SUPPORT -->

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


If you like this project feel free to make any comment, all contributions are welcome!.

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

<!-- ACKNOWLEDGEMENTS -->

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

I would like to thank Microverse comunity, especially reviewers guys, they do an excellent job. I thank my learning, morning session and standup partners for supporting me.

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

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

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

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