Update README.md

README.md

@@ -1,2 +1,99 @@
-# Ecommerce-Site
-A simple, minimalistic ecommerce site template.
+<a name="readme-top"></a>
+
+<!-- PROJECT LOGO -->
+<br />
+<div align="center">
+
+<h3 align="center">Ecommerce Site</h3>
+
+ <p align="center">
+ A simple, minimal ecommerce site template.
+ </p>
+</div>
+
+
+
+<!-- TABLE OF CONTENTS -->
+<details>
+ <summary>Table of Contents</summary>
+ <ol>
+ <li>
+  <a href="#about-the-project">About The Project</a>
+  <ul>
+  <li><a href="#built-with">Built With</a></li>
+  </ul>
+ </li>
+ <li>
+  <a href="#getting-started">Getting Started</a>
+  <ul>
+  <li><a href="#installation">Installation</a></li>
+  </ul>
+ </li>
+ <li><a href="#license">License</a></li>
+ </ol>
+</details>
+
+
+
+<!-- ABOUT THE PROJECT -->
+## About The Project
+
+[![Product Name Screen Shot][product-screenshot]](https://github.com/Itz-Hex/Ecommerce-Site)
+
+<p>Ecommerce site is a minimal frontend-only ecommerce site with features including:
+  <ul>
+  <li>Product Searching</li>
+  <li>Product Display</li>
+  <li>Order Basket</li>
+  <li>Product Properties</li>
+  <li>and more!</li>
+  </ul>
+  </p>
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+### Built With
+
+* [![HTML][HTML]][HTML-url]
+* [![CSS][CSS]][CSS-url]
+* [![JS][JS]][JS-url]
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+<!-- GETTING STARTED -->
+## Getting Started
+
+Here's how you can set up and run Ecommerce Site locally.
+
+### Installation
+
+1. Clone the repo
+ ```sh
+ git clone https://github.com/Itz-Hex/Ecommerce Site.git
+ ```
+2. Open `index.html`.
+
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+<!-- LICENSE -->
+## License
+
+Distributed under the MIT License. See `LICENSE.txt` for more information.
+
+<p align="right">(<a href="#readme-top">back to top</a>)</p>
+
+
+
+<!-- MARKDOWN LINKS & IMAGES -->
+[product-screenshot]: Ecommerce-Site.png
+[HTML]: https://img.shields.io/badge/HTML-000000?style=for-the-badge&logo=html5&logoColor=orange
+[HTML-url]: https://nodejs.org
+[CSS]: https://img.shields.io/badge/css-000000?style=for-the-badge&logo=css3&logoColor=cyan
+[CSS-url]: https://www.w3.org/Style/CSS
+[JS]: https://img.shields.io/badge/Javascript-000000?style=for-the-badge&logo=javascript&logoColor=yellow
+[JS-url]: https://expressjs.com/