portfolio1

KO | EN

gitlite — search

#python #hacktoberfest #llm #go #rust #deep-learning #linux #macos #java #kubernetes #awesome-list #pytorch #security #ios

(★ 18)

In this mobile-first approach project I used HTML and CSS to build a portfolio based on a Figma design. I used flexbox, grid and Bootstrap framework.

portfolio1 Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# My Portfolio
Microverse Project
<a name="readme-top"></a>

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

</div>

# 📗 Table of Contents

- [📖 About the Project](#about-the-project)
  - [🛠 Built With](#built-with)
- [💻 Getting Started](#getting-started)
  - [Prerequisites](#prerequisites)
  - [Setup](#setup)
  - [Usage](#usage)
- [👥 Authors](#authors)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

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

**[Portfolio - Mobile menu]** is a project for the full time program in Microverse in which we apply JavaScript best practices.

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

### Tech Stack <a name="tech-stack"></a>
+ Git
+ HTML
+ CSS
+ JavaScript

> Used HTML, CSS, JavaScript to work on this project and Linters configuration provided by Microverse.

<details>
  <summary>Portfolio</summary>
  <ul>
    <li><a href=["(https://github.com/microverseinc/curriculum-html-css/blob/main/portfolio/sneak_peek.md">Linters Config</a></li>
  </ul>
</details>

## 💻Getting Started <a name="getting-started"></a>
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
+ A computer with an internet connection
+ A web browser

### Setup
Clone this repository to your computer

### Usage
To run the project, execute the "index.html" file in your browser
<p align="right">(<a href="#readme-top">back to top</a>)</p>

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

> An exercise to create a portofolio mobile first aproach with media queries for desktop version and JavaScript.

- **[Use of Linters]**
- **[Mobile first approach]**
- **[Navigation and mobile menu]**
- **[Hero Section]**
- **[Project Section]**
- **[About Section]**
- **[Contact form]**
- **[Footer Section with Social Media links]**
- **[Desktop Version]**
- **[Deploy using Github Pages]**
- **[Accesibility tested]**
- **[Mobile menu implemented with JavaScript]**
- **[Modal Window implemented with JavaScript]**
- **[Form Validation]**

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

- [Loom Walkthrough Video](https://www.loom.com/share/a2952b953c22406096cb32691fa38723)

- [Live Demo Link](https://maedea9.github.io/portfolio1/)

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

👤 **Maedea9**

- GitHub: [@maedea9](https://github.com/Maedea9)
- Twitter: [@MelanieCascant6](https://twitter.com/MelanieCascant6)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/melanie-cascante-938a93228/)

👤 **benja27**

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

👤 **danifromecuador**

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

👤 **oscar-byte15**

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

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

- [ ] **[Real projects!]**

## 🤝 Contributing <a name="contributing"></a>
Contributions, issues, and feature requests are welcome!

## ⭐️ Show your support <a name="support"></a>
If you like this project you can follow my work through my social networks

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

I would like to thank Microverse, my Coding partners who helped me throughout this difficult week, Standup Team and Morning Sessions Team for supporting me.

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

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

portfolio1

portfolio1 Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

portfolio1

portfolio1 Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README