Search videos

Search across video titles, descriptions, and transcripts

Build a Starbucks Landing Page Clone | Traversy Indexed

Build a Starbucks Landing Page Clone

Nov 23, 2021intermediateProject Build

Description

In this video, we will build the homepage of Starbucks.com from scratch with HTML, CSS and a bit of JavaScript

Code:

https://github.com/bradtraversy/starbucks-homepage

👇 Website & Courses:

https://traversymedia.com

https://freelancemastery.dev

💖 Show Support

Patreon: https://www.patreon.com/traversymedia

PayPal: https://paypal.me/traversymedia

👇 Follow Me On Social Media:

Twitter: https://twitter.com/traversymedia

Instagram: https://www.instagram.com/traversymedia

Linkedin: https://www.linkedin.com/in/bradtraversy

Timestamps:

- 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

Related Videos

React Native Crash Course 2026 - Build a Complete Mobile App

React Native Crash Course 2026 - Build a Complete Mobile App

beginnerCrash Course

Optional Chaining in JavaScript

Optional Chaining in JavaScript

intermediateQuick Tip

I Tried Vibe Coding - Here Are My Thoughts

I Tried Vibe Coding - Here Are My Thoughts

intermediateQuick Tip

Freelance Web Developer Roadmap

Freelance Web Developer Roadmap