ZephyrTime Website ⌚

Welcome to the ZephyrTime website project! This project is a fully responsive e-commerce website built to showcase and sell a variety of high-quality watches.

Table of Contents

1. Project Overview
2. Features
3. Technologies Used
4. Setup and Installation
5. Usage
6. Folder Structure
7. Subpages
8. Contributing
9. License
10. Contact

Project Overview

ZephyrTime is an online store designed for selling stylish and luxurious watches. The website includes various sections like Home, Shop, Blog, About, and Contact. It has a sleek and modern user interface, built with responsiveness in mind, ensuring a seamless experience across all devices. zephrtime

Features

• Preloader Animation: A loading animation displayed before the main content appears.
• Responsive Navigation: A top navigation bar that adapts to different screen sizes.
• Hero Section: Image slider with promotional content.
• Feature Highlights: Displays key selling points like free shipping, online order, and 24/7 support.
• Product Listings: Showcases featured products with details and price.
• Animations: Smooth animations using AOS (Animate on Scroll) for enhanced user experience.

Technologies Used

• HTML5: Structure of the website.
• CSS3: Styling of the website, including responsiveness.
• JavaScript: Interactivity and animations.
• AOS (Animate On Scroll): Library for scroll animations.
• Font Awesome: Icons used across the website.

Setup and Installation

To get a local copy of the project up and running, follow these simple steps:

1. Clone the repository:

   git clone https://github.com/your-username/zephyrtime.git

2. Navigate to the project directory:

   cd zephyrtime

3. Open index.html in your preferred web browser.

Usage

• Browse the different sections using the navigation bar.
• View the promotional offers and new arrivals in the hero section.
• Explore the features and products listed.
• Click on any product to view details and add it to the cart.

Folder Structure

zephyrtime/
│
├── CSS/
│   ├── style.css
│   └── responsive.css
│
├── img/
│   ├── favi.png
│   ├── banner8.png
│   ├── features/
│   │   ├── f1.png
│   │   └── f6.png
│   ├── products/
│   │   ├── watch1.webp
│   │   └── watch9.jpeg
│   └── other images...
│
├── js/
│   ├── main.js
│   └── other scripts...
│
├── subpages/
│   ├── about.html
│   ├── blog.html
│   ├── cart.html
│   ├── checkout.html
│   ├── contact.html
│   ├── shop.html
│   ├── sproduct.html
│   └── thankyou.html
│
├── index.html
└── README.md

Subpages

• About Page (about.html) 📝: Provides information about the ZephyrTime brand, its mission, and values.
• Blog Page (blog.html) 📰: Features articles and posts related to watches, fashion, and trends.
• Cart Page (cart.html) 🛒: Displays items added to the shopping cart, with options to adjust quantities or remove items.
• Checkout Page (checkout.html) 💳: A secure page for customers to enter shipping information and make payments.
• Contact Page (contact.html) 📞: A form for customers to get in touch with the ZephyrTime team, including contact details.
• Shop Page (shop.html) 🛍️: The main shopping page showcasing all available watches, with filtering options.
• Single Product Page (sproduct.html) ⌚: Detailed view of a selected product, including images, description, and purchase options.
• Thank You Page (thankyou.html) 🎉: Confirmation page displayed after a successful purchase, thanking the customer.

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the project.
2. Create your feature branch (git checkout -b feature/AmazingFeature).
3. Commit your changes (git commit -m 'Add some AmazingFeature').
4. Push to the branch (git push origin feature/AmazingFeature).
5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

Contact

• Project Maintainer: Zahid Rahimoon - email
• GitHub: zahid