Webflow Tutorial For Beginners 2021 [FULL STEP-BY-STEP TUTORIAL]


Start Here ? https://meticsmedia.com/webflow
In this webflow tutorial for beginners I will show you step by step how to use webflow to build and design your own website from scratch! [Complete Tutorial]

? Best Online Marketing Tools ? https://meticsmedia.com/tools
? Subscribe to MeticsMedia ? https://meticsmedia.com/subscribe

0:00 Intro
0:51 Getting Started on Webflow
3:50 Designer Interface Overview
8:28 Import Assets
9:03 Building a New Section
12:14 Layout Settings
13:11 Spacing
14:22 Editing Content & Typography
16:18 Classes
19:43 Changing Hover State
20:51 Editing Background
21:40 Adjusting Section Size
22:30 Adding a Nav Bar
26:14 Grid Layout
29:56 Prebuilt Layouts (e.g. Lightbox)
33:00 Hover Effects & Transition Settings
35:32 Creating a New Page
36:28 Symbols
38:34 Editing Nav Links
40:07 Animations
45:56 Breakpoints (Mobile Optimization)
50:17 Publishing (+Webflow Plans)
56:33 Project Settings
58:45 Asking For A LIKE 🙂

Webflow is an amazing website builder that allows you to create a dynamic website using a drag and drop page builder. In this webflow tutorial for beginners you’ll learn all the basics of how to use webflow to build a custom professional website. You’ll learn webflow quickly by watching and following along with this webflow tutorial.

#meticsmedia #webflow #webflowtutorial

The description of this video contains affiliate links, which means that if you buy one of the products that I recommend, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for your support!

Discover more from WIREDGORILLA

Subscribe now to keep reading and get access to the full archive.

Continue reading