Elementor Complete Tutorial 2020 - Build a Full One Page Website with Elementor
WATCH THE LATEST ELEMENTOR TUTORIAL FOR 2020 - https://www.youtube.com/watch?v=guUuaArckEw&t=2578s
In today's mega tutorial, I am going to show you how to use Elementor page builder plugin to build a full one page website for a fictional company.
This fictional company is titled 'The White Hat Hackers' and is a company that specializes in cyber security. We are going to build a website promoting this company first by using the free version of Elementor. We will then use Elementor Pro to enhance the design of the website in part 2.
NOTE - That small annoying dash you see above headers is the 2019 theme. Just change the theme and it will disappear.
If you want to use my images and video here is a drop box link for you to download them - https://www.dropbox.com/sh/u6y4xqjpxrit9t8/AACj2g9AvLV3_MtQDdKpSQ5va?dl=0
Buy Elementor Pro - https://elementor.com/pricing/?ref=2834&campaign=YouTubeMasterTutorial
Want to enroll in my Elementor Master Class? - https://www.thewebmonkeyacademy.com/courses/elementor-2019/
Learn how to use the Page Builder Framework Theme - https://www.youtube.com/watch?v=SW677AFO_sI
Follow me on Facebook - https://www.facebook.com/thewebmonkeyonline/
Buy Siteground Web Hosting - https://www.siteground.com/go/you_tube
Visit my blog - https://thewebmonkeyonline.com/tutorials/the-complete-elementor-tutorial/
Follow me on Instagram (If you want to see awesome videos and pictures from my travels around the world) - https://www.instagram.com/travels_of_xander/
Time stamps
3:52 - Initial Setup
5:34 - Elementor Settings
11:42 - Setting up the Home Page
15:38 - Setting up our Global Values
21:42 - Adding our First Section
32:50 - Adding the 'Who We Are' section
40:18 - Working with the Navigator & History Tools
42:30 - Creating Advanced Structures
47:02 - Elementor Challenge
47:58 - Adding the Services Section
56:31 - Adding the 'Why Work with Us' Section
1:06:03 - Adding the 'Meet the Team' Section
1:12:18 - Adding the Clients Section
1:16:17 - Adding the Testimonials Section
1:22:06 - Working with Margins and Paddings
1:28:45 - Working with the Spacer Element
1:32:38 - Adding a Number Counter
1:35:35 - Creating the Contact Us Section
1:42:27 - Creating the Header Part 1
1:53:16 - The Page Builder Framework Theme
1:55:09 - Creating the Header Part 2
1:59:39 - Responsive Design with Elementor
2:07:24 - Page Templates & Blocks
2:12:33 - The Finder Tool
2:14:32 - Introduction to Elementor Pro
2:19:09 - Section 1 Review
2:19:57 - Elementor Pro Section Preview
2:20:21 - Recreating the Header with Elementor Pro
2:31:12 - Adding an Animated Headline
2:35:32 - Adding a Countdown Timer
2:40:58 - Recreating the Services Section with Elementor Pro
2:48:13 - Recreating the Why Work with Us Section
2:56:20 - Recreating the Contact Us Section
3:04:48 - THE END HAHAHAHA
Buy the Elementor Full Course
Udemy - https://www.udemy.com/elementor-101-build-amazing-wordpress-pages-with-no-coding/?couponCode=YOUTUBE9
Skillshare - https://www.skillshare.com/classes/Elementor-Build-Amazing-WordPress-Pages-With-No-Coding/2139262532?via=search-layout-grid
For business inquiries, product reviews or partnerships, please send an email to alex@thewebmonkeyonline.com
Did you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to onialex14@gmail.com. Thanks.
Видео Elementor Complete Tutorial 2020 - Build a Full One Page Website with Elementor канала Web Monkey
In today's mega tutorial, I am going to show you how to use Elementor page builder plugin to build a full one page website for a fictional company.
This fictional company is titled 'The White Hat Hackers' and is a company that specializes in cyber security. We are going to build a website promoting this company first by using the free version of Elementor. We will then use Elementor Pro to enhance the design of the website in part 2.
NOTE - That small annoying dash you see above headers is the 2019 theme. Just change the theme and it will disappear.
If you want to use my images and video here is a drop box link for you to download them - https://www.dropbox.com/sh/u6y4xqjpxrit9t8/AACj2g9AvLV3_MtQDdKpSQ5va?dl=0
Buy Elementor Pro - https://elementor.com/pricing/?ref=2834&campaign=YouTubeMasterTutorial
Want to enroll in my Elementor Master Class? - https://www.thewebmonkeyacademy.com/courses/elementor-2019/
Learn how to use the Page Builder Framework Theme - https://www.youtube.com/watch?v=SW677AFO_sI
Follow me on Facebook - https://www.facebook.com/thewebmonkeyonline/
Buy Siteground Web Hosting - https://www.siteground.com/go/you_tube
Visit my blog - https://thewebmonkeyonline.com/tutorials/the-complete-elementor-tutorial/
Follow me on Instagram (If you want to see awesome videos and pictures from my travels around the world) - https://www.instagram.com/travels_of_xander/
Time stamps
3:52 - Initial Setup
5:34 - Elementor Settings
11:42 - Setting up the Home Page
15:38 - Setting up our Global Values
21:42 - Adding our First Section
32:50 - Adding the 'Who We Are' section
40:18 - Working with the Navigator & History Tools
42:30 - Creating Advanced Structures
47:02 - Elementor Challenge
47:58 - Adding the Services Section
56:31 - Adding the 'Why Work with Us' Section
1:06:03 - Adding the 'Meet the Team' Section
1:12:18 - Adding the Clients Section
1:16:17 - Adding the Testimonials Section
1:22:06 - Working with Margins and Paddings
1:28:45 - Working with the Spacer Element
1:32:38 - Adding a Number Counter
1:35:35 - Creating the Contact Us Section
1:42:27 - Creating the Header Part 1
1:53:16 - The Page Builder Framework Theme
1:55:09 - Creating the Header Part 2
1:59:39 - Responsive Design with Elementor
2:07:24 - Page Templates & Blocks
2:12:33 - The Finder Tool
2:14:32 - Introduction to Elementor Pro
2:19:09 - Section 1 Review
2:19:57 - Elementor Pro Section Preview
2:20:21 - Recreating the Header with Elementor Pro
2:31:12 - Adding an Animated Headline
2:35:32 - Adding a Countdown Timer
2:40:58 - Recreating the Services Section with Elementor Pro
2:48:13 - Recreating the Why Work with Us Section
2:56:20 - Recreating the Contact Us Section
3:04:48 - THE END HAHAHAHA
Buy the Elementor Full Course
Udemy - https://www.udemy.com/elementor-101-build-amazing-wordpress-pages-with-no-coding/?couponCode=YOUTUBE9
Skillshare - https://www.skillshare.com/classes/Elementor-Build-Amazing-WordPress-Pages-With-No-Coding/2139262532?via=search-layout-grid
For business inquiries, product reviews or partnerships, please send an email to alex@thewebmonkeyonline.com
Did you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to onialex14@gmail.com. Thanks.
Видео Elementor Complete Tutorial 2020 - Build a Full One Page Website with Elementor канала Web Monkey
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Free Course: Beginner Web Design using HTML5, CSS3 & Visual Studio CodeElementor Complete Tutorial 2021 ~ Build a Full Website with ElementorFree Adobe XD Tutorial: User Experience Design Course with Adobe XD CourseBuild a Realtime Chat App in React Native (tutorial for begginers) 🔴The Complete WooCommerce Elementor Tutorial 2019How To Create An eCommerce Website With Wordpress 2020 [ONLINE STORE!]Why you should NEVER start in Elementor, but in Adobe Xd (improve your web design process)How To Make A Website In One Hour | Elementor 2019How to Make a WordPress Website with Elementor | (Best Elementor Tutorial)How to build a Dropshipping Store with WordPress - AliExpress DropshippingElementor WordPress Tutorial 2021 ~ A Complete Elementor Page Builder For WordPress TutorialHow To Make an eCommerce Website With Wordpress and Elementor 2021 [Elementor Tutorial]✅Create a Homepage For Your Business With ElementorHow To Make a WordPress Website - 2021Get 1840 Professional Elementor Templates For FreeHow to Create an Affiliate Marketing Website | Step-by-Step Tutorial 2020Elementor Pro Wordpress Tutorial - The basics in 20 minutesHow To Make a WordPress WebsiteWordPress Tutorial for Beginners (2020) - Make a Professional Website!