When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

New Elementor Container-Based Workflow (2023): Build a Fitness Website Landing Page from Scratch

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon3 hours 8 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About New Elementor Container-Based Workflow (2023): Build a Fitness Website Landing Page from Scratch

Intro

Project Overview

Install Astra Theme

Install Elementor

Elementor Workspace Overview

Understanding Containers

The Hero Section - Adding the Hero Elements

The Hero Section - Styling the Hero Elements

The Nav Bar - Install ElementsKit

The Nav Bar - Add the Navbar Elements

The Nav Bar - Styling the Elements

Body Section 1 - Part 1

Body Section 1 - Part 2

Body Section 2 & 3

Services Section

Testimonials Section

The Footer

Create the Signup Form

Make the Navbar Sticky

Add Motion Effects

Responsive Header

Responsive Body Sections

Responsive Footer

Final Thoughts

What You Will Learn?

  • **QUICK SIDE NOTE: You can now BOOK A 1-ON-1 VIDEO CALL with me to get personalized advice on your website project.** .
  • AND NOW, BACK TO THE CLASS DETAILS.
  • Would you like to learn how to build beautiful web pages and websites with Elementor?.
  • Would you like to understand how the new Elementor container workflow works?.
  • In this course, I'll be walking you through the step-by-step process of building a landing page for a fitness website using Elementor's latest features and techniques. And we’ll do it from scratch..
  • Throughout the course, you'll learn how to design and customize every aspect of your landing page using Elementor's intuitive drag-and-drop interface, with a focus on utilizing the Containers workflow. .
  • By the time you finish the class, you will have a thorough understanding of how to work with the Elementor Containers to build a fully working landing page for the fictional fitness website I’ve just mentioned..
  • From selecting the perfect color scheme to customizing the font and creating eye-catching graphics to adding and resizing images, to creating cool backgrounds and motion effects, I'll guide you through the entire process so you can create a landing page that not only looks great but also helps your business stand out online..
  • And, as usual, we will be using the FREE version of Elementor and other amazing free tools. Therefore, you won’t need to spend money on premium plugins to create this beautiful landing page..
  • So, if you're ready to take your web design skills to the next level and learn how to build websites with the new Elementor Containers feature, join me in this exciting new class and let’s build an awesome landing page together. .
  • Let's get started!.