Build a Starbucks Landing Page Clone

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to recreate the Starbucks homepage from scratch in this comprehensive tutorial video. Master HTML, CSS, and basic JavaScript as you build a fully responsive landing page clone. Follow along step-by-step to create the navbar, implement custom button styles, design content boxes with utility classes, construct grid layouts, and add a footer with social icons. Dive into responsive design techniques, create a hamburger menu icon with smooth transitions, and implement mobile navigation functionality using JavaScript. Perfect for web developers looking to enhance their front-end skills through a real-world project.

Syllabus

- Intro.
- Navbar HTML.
- Base & Navbar CSS.
- Button Styles.
- Box A & Utility Classes.
- Other Boxes & Grids.
- Footer & Social Icons.
- Responsive Grid Styles.
- Hamburger Icon & Transition.
- Nav Toggle JavaScript.
- Mobile Menu.