What you'll learn

How to get started in Webflow

Understand what HTML and CSS is and they are used to create all websites

How to add div blocks, container and sections and other elements in Webflow

How to style elements in Webflow and affect the layout and design

How to build a landing page in Webflow based on Figma designs

How to make the website responsive on all devices

How to connect a Domain name and publish the site

Requirements

No Webflow experience required. All you will need is a Webflow account, a laptop or pc and willingness to learn.

Description

Welcome to my fun Webflow beginner's course!Hi, I'm Ashleigh and I will be your friendly instructor as we build out a simple landing page for a cafe based on the Figma designs. Perhaps you are a complete beginner looking at dipping your toes in the water or maybe you have tried working in Webflow before and have gotten stuck and hit a brick wall. Don’t worry, I am here to help! This is the perfect introduction to Webflow to get you started. Here's what's on the agenda for this course:We'll kick things off with a review of HTML and CSS, and how they're implemented in Webflow using the element and style panel.You'll follow along as we learn how to structure a website with div blocks, containers, sections, grids, and Flexbox.Together, we'll create everything from the navigation menu to the footer, including a form and testimonial slider.Once we've ensured the site looks fantastic on various devices, I'll guide you through connecting your domain and publishing your site.There has never been a better time to learn Webflow. Whether you just want to expand your skill set or perhaps learn to be a Webflow developer, hopefully by the end of the course you will have the base to be able to start building your own projects.Let's get started!

Overview

Section 1: Introduction

Lecture 1 Intro to Webflow for Beginners Training Course

Lecture 2 Introduction to HTML and CSS

Section 2: Building a Cafe Landing Page

Lecture 3 Building the Navbar

Lecture 4 Building the Hero

Lecture 5 Building the Intro Section

Lecture 6 Building the Quote Section

Lecture 7 Building Testimonial Slider

Lecture 8 Building the Contact Info Section

Lecture 9 Building the Contact Form

Lecture 10 Building the Footer

Lecture 11 Page tweaks and Responsiveness

Lecture 12 Connecting your Domain and Publishing the Site

Section 3: Final Thoughts

Lecture 13 All done and ready to start on your own project!

Beginners looking to learn Webflow.,Beginners wanting to learn web development,Beginners wanting to create website without having to know how to code