Webflow Basics

• Create a Webflow account
• Create your first project
• Overview of Webflow Designer
• Add elements to the webpage
• Style elements inside the webpage
• Responsive design and development

Project #1 - Build a multipage static website

• Project Settings (Add Favicon, fonts, etc.)
• Adding Navigation bar
• Adding Lottie animations in Webflow
• Using Grid and Flexbox layouts for responsive design
• Symbols in Webflow
• Common Webflow elements like dropdown menus, forms, Lists, Google Maps, Google reCaptcha for forms, etc.
• SEO

Animations and interactions in Webflow

• Animations triggered by mouse movements on the page
• Building a loader
• Click and hover interactions (customize for touch screen devices)
• Scroll-based animations such as horizontal scrolling, adding skew effects to elements on scroll, playing a Lottie animation as you scroll, etc.