Webflow Tutorial: Build Your First Website!

Join my website to watch this full course + 30 others for $20p/m: https://BYOL.com/WFELFC Download the free Exercise Files to Follow Along: https://BYOL.com/WFELEX Want to expand your skills? Learn Tailwind CSS & Alpine.JS for $10!: https://byol.com/mal1 Buy the full course on Udemy for $9.99: https://byol.com/WFUDEMY Affiliate link to sign up for Webflow: https://byol.com/wf Figma Essentials: https://BYOL.com/WFELFE Abobe XD Essentials Course: https://BYOL.com/WFELXD Join the Bring Your Own Laptop Facebook Group: https://www.facebook.com/groups/bringyourownlaptop Follow me on Instagram: https://www.instagram.com/bringyourownlaptop/ Follow me on TikTok: https://www.byol.com/tiktok/ Follow me on Twitter: https://twitter.com/danlovesadobe Join the LinkedIn Group: https://www.linkedin.com/groups/10539178/ Intro: 0:00 Introduction: 0:16 Getting started: 3:26 What is Webflow: 6:27 Webflow FAQs: 12:40 Build your first site: 26:59 Class project 01 - Brief: 35:46 Container vs Sections: 38:14 Creating CSS classes: 47:25 Middletro: 1:04:27 Images: 1:05:06 Background images: 1:11:51 Buttons with a hover: 1:18:51 Custom nav: 1:32:12 Burger menu: 1:43:54 Production Video 1: 1:55:33 Hyperlinks: 2:17:14 Anchor links: 2:22:56 Class project 02 - Club page: 2:27:02 Combo Classes: 2:31:09 Grid: 2:38:04 What is responsive design: 2:57:59 Make Webflow responsive: 3:00:46 Responsive Grids: 3:18:59 Class project 03 - Grids: 3:24:17 Button hover animation: 3:25:55 Fade in on scroll: 3:33:04 Class project 04 - Interactions: 3:40:33 Sharing with clients: 3:41:39 Hosting & workspace costs: 3:46:41 Shortcuts & tricks: 3:52:44 Outro: 4:07:42 #webflow #webflowtutorial #webflowcourse