Embark on your web design journey with Joe Krug as he guides you through the fundamentals of Webflow in this beginner tutorial. Starting from scratch, Joe covers essential concepts, explores the Webflow interface, and demonstrates how to build a beautiful landing page. In the Resources section below access all the necessary assets to recreate the showcased landing page.This is just the start of your Webflow journey and we at Finsweet are here to help lead you to success using Webflow 💪
-----------------------------------------------
// TIMESTAMPS
0:00 Intro
0:48 Box model
1:35 Add an element
2:00 Class names & styles
3:09 Add Div blocks
3:47 Grid settings
5:39 Left side content
7:19 Adding styles to a heading tag
9:04 Form component
11:13 Settings panel
12:18 Navigator panel
13:04 Right side content
13:39 Adding a gradient to the background
14:24 Breakpoints
14:52 Tablet
15:25 Mobile Landscape & Mobile Portrait
16:15 Publishing the project
16:54 Client-First
17:38 Outro
-----------------------------------------------
// RESOURCES FROM THE VIDEO
Live example:
Get the cloneable:
Get Webflow:
Client-First:
Subscribe to Finsweet YouTube:
Get the full list of FREE Finsweet products:
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community -
🔥 Add superpowers to your Webflow website -
🧰 Extend your Webflow workflow -
🚀 Build clear, scalable & organized Webflow websites -
👀 Check out products used at Finsweet -
🛍️ Buy Finsweet merch -
-----------------------------------------------
// SOCIAL
Podcast:
Twitter:
Tik Tok:
Instagram:
Facebook:
Dribbble:
Behance:
Webflow:
-----------------------------------------------
// TAGS
#webflow #beginnerguide #nocode
-----------------------------------------------
Thanks for your support! 🤟
Музыка
Фильмы
ТВ Шоу
Категории видео
