Skip to content

Greenery is a modern, eco-friendly plant store website where users can explore and shop for indoor and outdoor plants. Built with responsive design and clean UI, Greenery offers smooth navigation, contact support, and a nature-inspired interface. Perfect for plant lovers and sustainable shoppers.

Notifications You must be signed in to change notification settings

akashasahu07/Greenery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌿 Greenery - Online Plant Store

HTML5 CSS3 JavaScript RemixIcon

A beautiful and responsive website for an online plant store built with modern web technologies.

Features β€’ Installation β€’ Usage β€’ Structure


🌟 Overview

Greenery is a modern, fully responsive online plant store website that provides users with a seamless shopping experience. Whether you're a seasoned gardener or just starting out, Greenery offers a curated collection of plants with detailed information and easy ordering process.

✨ Features

  • βœ… Responsive Design - Works seamlessly across all devices (desktop, tablet, mobile)
  • πŸŒ“ Dark/Light Theme Toggle - Users can switch between dark and light modes
  • 🧭 Interactive Navigation - Smooth scrolling and mobile-friendly menu
  • πŸ›οΈ Product Showcase - Display of various plants with prices and add-to-cart functionality
  • ❓ FAQ Section - Accordion-style frequently asked questions
  • πŸ“§ Contact Form - Easy way for customers to reach out
  • πŸ“¬ Newsletter Subscription - Keep customers updated with latest offers
  • ✨ Scroll Reveal Animations - Smooth entrance animations for better UX
  • πŸ”— Social Media Integration - Links to social media platforms

πŸ› οΈ Technologies Used

HTML5
HTML5
Structure & Content
CSS3
CSS3
Styling & Animations
JavaScript
JavaScript
Interactive Functionality
Git
Git
Version Control

Additional Libraries & Resources

πŸ“ Project Structure

Greenery/
β”‚
β”œβ”€β”€ πŸ“„ index.html           # Main HTML file
β”‚
β”œβ”€β”€ πŸ“ images/              # Image assets folder
β”‚   β”œβ”€β”€ favicon.png
β”‚   β”œβ”€β”€ home.png
β”‚   β”œβ”€β”€ about.jpg
β”‚   β”œβ”€β”€ product1.png
β”‚   β”œβ”€β”€ product2.png
β”‚   β”œβ”€β”€ product3.png
β”‚   β”œβ”€β”€ product4.png
β”‚   β”œβ”€β”€ product5.png
β”‚   β”œβ”€β”€ product6.png
β”‚   β”œβ”€β”€ card1.png
β”‚   β”œβ”€β”€ card2.png
β”‚   β”œβ”€β”€ card3.png
β”‚   └── card4.png
β”‚
└── πŸ“ src/                 # Source files folder
    β”œβ”€β”€ styles.css          # Main CSS file
    β”œβ”€β”€ main.js             # Main JavaScript file
    └── scrollreveal.min.js # ScrollReveal library

πŸš€ Installation

  1. Clone the repository

    git clone https://github.com/akashasahu07/Greenery.git
  2. Navigate to the project directory

    cd Greenery
  3. Open in browser

    • Simply double-click index.html or
    • Use a local development server

πŸ’» Usage

  1. Open the index.html file in any modern web browser
  2. Navigate through different sections using the navigation menu
  3. Toggle between dark and light themes using the moon/sun icon
  4. Browse products and click the shopping bag icon to add items
  5. Fill out the contact form to reach out to the team
  6. Subscribe to the newsletter for updates

πŸ“‘ Website Sections

Section Description
🏠 Home Landing section with hero image and call-to-action
ℹ️ About Why choose Greenery - benefits and guarantees
πŸ“‹ Steps Three-step process to start your plant collection
πŸ›’ Products Showcase of available plants with prices
❓ FAQs Accordion-style frequently asked questions
πŸ“ž Contact Contact form and information
πŸ“§ Footer Newsletter, address, social links, and payment methods

🌱 Product Catalog

  • 🌡 Cacti Plant - $10.99
  • 🌡 Cactus Plant - $11.99
  • 🌿 Aloe Vera Plant - $7.99
  • πŸͺ΄ Succulent Plant - $5.99 - $9.99
  • 🌱 Green Plant - $8.99

πŸ‘¨β€πŸ’» Developer

Flash⚑Code

GitHub LinkedIn Twitter

πŸ“§ Contact Information

  • πŸ“± Phone: +91-98765-43210
  • πŸ“§ Email: greenery@example.com
  • πŸ“ Location: Berhampur, Ganjam, Odisha, India

πŸ“± Social Media

Facebook Instagram Twitter

πŸ“œ License

This project is open source and available under the MIT License.


Made with πŸ’š by Flash⚑Code

⭐ Star this repo if you like it!

About

Greenery is a modern, eco-friendly plant store website where users can explore and shop for indoor and outdoor plants. Built with responsive design and clean UI, Greenery offers smooth navigation, contact support, and a nature-inspired interface. Perfect for plant lovers and sustainable shoppers.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published