Greenmind

Overview

This project is a frontend website for an e-commerce platform named "GreenMind," designed for selling various types of plants. The website is built using HTML, CSS, and JavaScript, and includes a variety of sections such as a banner, best-selling products, categories, reviews, and a footer.

Technologies Used

• HTML5: For structuring the content.
• CSS3: For styling and layout.
  • CSS Flexbox and Grid for layout management.
  • Media queries for responsiveness.
• JavaScript: For interactivity and dynamic content.
  • ScrollReveal for scroll animations.
• Remix Icon and Box Icons: For vector icons used throughout the site.

Project Structure

The project directory is organized as follows:

/project-root
├── /css
│   └── styles.css
├── /img
│   ├── logo.svg
│   ├── banner2.svg
│   ├── product1.png
│   ├── product2.png
│   ├── product3.png
│   ├── tree.svg
│   ├── git-box.svg
│   ├── Telephone.svg
│   ├── natural-plants.svg
│   ├── plant-accessories.svg
│   ├── artificial-plants.svg
│   ├── user1.svg
│   └── user2.svg
├── /js
│   └── app.js
├── index.html

Installation and Setup

1. Clone the Repository:

   git clone https://github.com/yourusername/greenmind.git
   cd greenmind

2. Open the Project: Open index.html in your preferred web browser to view the website.

3. External Libraries and Resources: The project uses external CSS and JavaScript libraries. Ensure you have an internet connection for the following CDN links to work:

   • Remix Icon CDN
   • Box Icons CDN
   • ScrollReveal CDN

---

Thank you for visiting GreenMind! We hope you enjoy exploring our plant collection and find the perfect greenery for your space.