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

<div align="center"> <h1><b>PERSONAL PORTFOLIO</b></h1> </div> <!-- TABLE OF CONTENTS -->

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

<!-- PROJECT DESCRIPTION -->

📖 [PERSONAL PORTFOLIO] <a name="about-project"></a>

A "portfolio" HTML-5 & CSS3 repository built during the portal learning module. It is a show of my understanding of Gitflow, use of Linters, HTML5 semantics, CSS3 flexbox, grid and figma.

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

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

• HTML-5
• CSS3
• Linters
• Figma

<details> <summary>Client</summary> <ul> <li><a href="https://github.com/Chandan-devs-tech/Portfolio/blob/master/.github/workflows/linters.yml">Linters</a></li> <li><a href="https://www.w3schools.com/html/">HTML</a></li> <li><a href="https://www.w3schools.com/css/">CSS</a></li> </ul> </details> <!-- Features -->

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

Key features of the application.

• [Navigation bar in Header-Section]
• [Homepage of Personal Portfolio]
• [Built Work-Section]
• [Built About-Section]
• [Built Language-Section]
• [Built Footer-Section]

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

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

Added a Image of my project.

• Live Demo Link

<img src="Portfolio-Desktop-Version.png" alt="Portfolio-Desktop-Version-Img" width="800px" height="auto" /> <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

• You only need a browser to run the html file in.

Setup

• Create a new folder to store the files in.

Install

Install this project with:

• Open your command prompt or terminal and run.
• git clone https://github.com/Chandan-devs-tech/Portfolio.git

Usage

• I can help in building a product , feature or website Look through some of my work and experience! don’t hestiate to contact me.

Run tests

To run tests, run the following command:

• To run tests run :
• npx hint .
• npx stylelint "*/.{css,scss}"

Deployment

• Project is deployed using GitHub Pages
• 🚀 Live Demo Link Provided Above ⬆️

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

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

👤 Author1

• GitHub: @Chandan-devs-tech
• Twitter: @ChandanGuptaDev
• LinkedIn: www.linkedin.com/in/chandangupta-devs
• Slack: @Chandan Gupta

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

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

Features to be added:

• [ ] [Setup and mobile version skeleton]
• [ ] [Mobile version]
• [ ] [Contact form (pair programming)]
• [ ] [Desktop version]
• [ ] [Application deploy]
• [ ] [Evaluate accessibility (pair programming)]
• [ ] [Mobile menu (pair programming)]
• [ ] [Details modal (pair programming)]
• [ ] [Validate contact form (pair programming)]
• [ ] [Preserve data in the browser (pair programming)]

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

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

• Contributed by yegonkimutai to enhance the functionality of the project.

• Contributed by AbbasSarwar to enhance the functionality of the project.

• Contributed by SanaTameem to enhance the functionality of the project.

• Contributed by God-Logic to enhance the functionality of the project.

• Contributed by Bezalell Barnet W to enhance the functionality of the project.

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

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

Give a ⭐️ if you like this project!

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

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

Major thanks to Nemwel Boniface

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

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

This project is MIT licensed.

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