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.
- 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.
- 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.
Here's a quick preview of the website in action:
To get this project up and running on your local machine, follow these simple steps:
-
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.
-
Open
index.html: Navigate to the project directory and simply open theindex.htmlfile 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.
