Skip to content

Rishabh-Verma-thc/CoffeeShop-WebPage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Coffee Shop Website

Welcome to the Coffee Shop Website! This project is a showcase of a fully responsive coffee shop website built using HTML, CSS, and JavaScript. It serves as a practice project to demonstrate web development skills.

Table of Contents

Features

  • Responsive Design: The website is fully responsive and works on various screen sizes, from desktops to mobile devices.
  • Smooth Scrolling: Implemented smooth scrolling for anchor links.
  • Animations: Includes animations that trigger as you scroll to different sections.
  • Navigation Menu: A fixed navigation menu that allows easy access to different sections of the website.
  • About Us, Products, and Customer Reviews Sections: Detailed sections to showcase the coffee shop's offerings and customer testimonials.

Demo

You can check the Live Demo here.

Main page screenshot

About section screenshot

Products section screenshot

Customers section screenshot

Technologies Used

  • HTML: For structuring the web pages.
  • CSS: For styling and layout.
  • JavaScript: For interactive elements and smooth scrolling functionality.
  • AOS (Animate On Scroll Library): For animations on scroll.

Installation

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

  1. Clone the repository:
    git clone https://github.com/Rishabh-Verma-thc/CoffeeShop-WebPage
    
  2. Navigate to the Project directory:
    cd CoffeeShop-WebPage
    
  3. Open index.html in your web browser to view the website.

Usage

  • You can navigate through the different sections using the fixed navigation bar at the top.
  • Scroll down to see the animations triggered by the AOS library.

License

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

Acknowledgments

  • Inspiration from various coffee shop websites and UI designs.
  • Special thanks to the developers of the AOS library for their scroll animations.

About

A coffee shop webpage with hover and fade-in effects - Built using Html, CSS and Javascript

Topics

Resources

License

Stars

Watchers

Forks