📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
  • Tech Stack
  • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
• 👥 Authors
• 📝 License

📖 [Portfolio]

[Responsive Portfolio] is a short project with the objective of start practicing the professional way to work with CSS and HTML in responsive design, using the basic structure, data query, flexbox, CSS Grid and all following a template in Figma.

🛠 Built With

Tech Stack

Key Features

• [Have made with, Flexbox directly from a templete in Figma]
• [Have a card system, a list of technologys and all made it with CSS Grid and Flexbox]
• [In this project, we end with the desktop version, and update with a upgrade of GithubPages]

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

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

Prerequisites

In order to clone this project you need:

◦ Installation of Git ◦ Installation of NPM ◦ A working browser ◦ Internet connection ◦ A code editor like Visual Studio Code ◦ Installation of Live Server plugging in Visual Studio Code

Setup

To setup and install this project, follow the below steps:

• Clone this project by the command:

$ git clone https://github.com/SaveryIV/Portfolio-Responsive.git

• Then switch to the project folder by the bellow query:

$ cd Portfolio-Responsive

Install

For setting up the linters you need:

-Follow the steps mentionated in this article https://github.com/microverseinc/linters-config/tree/master/html-css

Usage

To run the project:

-Download the extension Live Server for Ritwick Dey. -Then close and open again VScode. -When you open the folder of the project in your local machine, in the lower left of your screen, you gonna see a item what says "Go Live". -Press that button and set the developers tools and select your toggle device toolbar. -And enjoy the project!.

(back to top)

👥 Authors

👤 Agustin Soria Meza

• GitHub: @SaveryIV
• LinkedIn: Agustin Ricardo Soria Meza
• Site: (https://SaveryIV.github.io)

  (back to top)

🔭 Future Features

• [ ] [Animations and Transitions]
• [ ] [In future versions, we going to put this site in production]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project share it with others you think can help to learn something new

(back to top)

🙏 Acknowledgments

I would like to thank (@NahnahAJ)https://github.com/NahnahAJ, (@Efiamotu-1)https://github.com/Efiamotu-1/ (My personal favorite reviewers XD)

(back to top)

📝 License

This project is MIT licensed.

(back to top)