Skip to content

SomshekharArabali/Responsive-CoffeeStore-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Coffee Store Website

This project is a responsive front-end website for Starbucks, designed to provide an engaging user experience across various devices. It features a modern layout, interactive elements, and a clean design inspired by the Starbucks brand.

Features

  • Responsive Design: Adapts seamlessly to different screen sizes, from mobile phones to desktop monitors.
  • Navigation Menu: A dynamic navigation bar that collapses into a hamburger menu on smaller screens.
  • Sections: Includes dedicated sections for Home, Shop, Delivery, App, About, and Contact.
  • Product Display: Showcases various coffee products with ratings and pricing.
  • Call-to-Action: Prominent buttons for joining, ordering, and downloading the app.
  • Social Media Integration: Links to Starbucks' social media profiles.
  • Smooth Scrolling: Enhanced user experience with smooth transitions between sections.

Tech Stack

  • HTML5: For structuring the web content.
  • CSS3: For styling and responsive design.
  • Vanilla JavaScript: For interactive elements and dynamic behavior.
  • Boxicons: For scalable vector icons.
  • Google Fonts (Poppins): For modern and readable typography.

Preview Video

Here's a quick preview of the website in action:

Preview

Setup Instructions

To get this project up and running on your local machine, follow these simple steps:

  1. Clone the repository: If you have the project files locally, you can skip this step. Otherwise, you would typically clone it from a version control system.

  2. Open index.html: Navigate to the project directory and simply open the index.html file in your preferred web browser. All necessary CSS and JavaScript files are linked directly within the HTML.

    # Example command to open in a browser (might vary based on OS)
    open index.html

That's it! The website should now be running in your browser.

About

"A modern and responsive front-end website for Starbucks, built with HTML, CSS, and JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors