Webflow Tutorial: Build Your First Website!

Get access to this full course and 30+ of my other design courses here: 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:   / bringyourownlaptop  
Follow me on Instagram:   / bringyourownlaptop  
Follow me on TikTok: https://www.byol.com/tiktok/
Follow me on Twitter:   / danlovesadobe  
Join the LinkedIn Group:   / 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