Portfolio-template-1 — HTML 作品集模板

SHA-256: a664ae2299734c2e291e5e73a1a8d0ca9a8bd7c822e7498812c970c967031000

2026-10-12T13:35:05.161Z

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

<div align="center">
  <img src="cat-black-face.png" alt="logo" width="140"  height="auto" />
  <br/>

  <h3><b>Portfolio Project Website</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)
  - [Install](#install)
  - [Usage](#usage)
  - [Run tests](#run-tests)
  - [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

<!-- PROJECT DESCRIPTION -->

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

This is a portfolio website, this is the 1st project of the portafolio, as I go through the Microverse curriculum materials I'm going to complete several small projects that will combine to create a portfolio website.
This first project will precisely replicate one of the portfolio templates provided. However, later on during the Microverse journey it will be customized and improved it to make it more unique, as well as include more of my own projects in the portfolio.

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

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

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


<!-- Features -->

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


- **Use of Flexbox**
- **Use of Grid**
- **Use of Media Queries**
- **Mobile first**
- **Responsiveness**

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

<!-- LIVE DEMO -->

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


### <a href="https://pulgosodog.github.io/Portfolio-template-1/">Live Build</a>

<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 these steps.

### Prerequisites

1. Git
2. A Web Browser with developer tools that supports HTML5 and CSS.

### Setup
1. On GitHub.com, navigate to the main page of the repository.
2. Above the list of files, click *Code*.
3. Copy the URL for the repository.
4. Open Terminal.
5. Change the current working directory to the location where you want the cloned directory.
6. Type git clone, and then paste the URL you of the reposotory.<br>
``` $ git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY ```

### Install

No installation is required for this project.

### Usage

To run the project, open the *index.html* of the clone repository or go to the <a href="https://pulgosodog.github.io/Portfolio-setup-and-mobile-first/">live demo</a>.


### Run tests

No tests available. 


### Deployment

The project can be deployed to a hosting service.

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

<!-- AUTHORS -->

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


👤 **Gabriel Y.**

- GitHub: [@pulgosodog](https://github.com/pulgosodog)


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

<!-- FUTURE FEATURES -->

## 🔭 Future Features <a name="future-features"></a>
No planed future features for now.

<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 you can clone it and feel free to improve it by making a pull request.

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

<!-- ACKNOWLEDGEMENTS -->

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


I would like to thank my mom, my dad and my siblings.

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


<!-- LICENSE -->

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

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


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