Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Build a Starbucks Landing Page Clone

Traversy Media via YouTube

Start learning Write review

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.