How To Make A Wordpress Website -Elementor Page Builder | Darrel Wilson | Skillshare

How To Make A Wordpress Website -Elementor Page Builder

Darrel Wilson, Wordpress Designer, Digital Marketer

How To Make A Wordpress Website -Elementor Page Builder

Darrel Wilson, Wordpress Designer, Digital Marketer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
20 Lessons (3h 36m)
    • 1. INTRO

      7:17
    • 2. HOSTING + WORDPRESS + THEME

      7:37
    • 3. PART 3 MENU + PAGE SETTINGS

      10:36
    • 4. PART 4 HOMEPAGE PART 1

      19:20
    • 5. Part 5 HOMEPAGE PART 2

      15:05
    • 6. PART 6 HOME PART PART 3

      13:04
    • 7. PART 7 RESOURCES

      2:32
    • 8. Part 8 HomePage Cont

      16:38
    • 9. Part 9 FOOTER

      12:26
    • 10. Part 10 text shadow

      1:31
    • 11. Part 11 PRO FEATURES

      12:38
    • 12. Part 12 about us page part 1

      15:57
    • 13. Part 13 about us page part 2

      19:39
    • 14. Part 14 VIDEO FEATURE UPDATE

      2:25
    • 15. Part 15 blog!

      15:02
    • 16. Part 16 QUIZ!

      3:00
    • 17. Part 17 mobile optimizatrion

      16:05
    • 18. Part 18 CONTACT FORM

      14:38
    • 19. Part 19 importing and exporting

      6:20
    • 20. Part 20 The End

      3:40
58 students are watching this class
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

3,161

Students

1

Projects

About This Class

Why Take This AMAZING Course?

  • Highest Rated Instructor Here On Udemy, Youtube, + Skillshare For Wordpress Lessons
  • Master WORDPRESS and Elementor Page Builder. Complete Beginners Guide
  • Use and MASTER The Elementor Page Builder for FREE
  • I Am A TOP RATED INSTRUCTOR on Udemy. Find out Why!!
  • Get a Modern And Amazing Look For Your Website That Will Impress!
  • Learn From A Professional Who Creates Websites For a Living with over 30,000 Monthly Visits!
  • THE MOST UPDATE AND MODERN TUTORIAL. Dont Settle For Outdated Content!
  • Get A fully Responsive Website And Mobile Responsive
  • Over 25,000,000 Minutes Watched. Over 6 Million Views. In 180 Countries.

Unlike Other Lectures. I Cover Everything. Dont be left in the dark with other lectures that are only one hour long. I help my students and make sure they are 100% informed on all wordpress features. This lecture is very detailed and will make you fully understand how you can create your wordpress website from scratch as a beginner. 

What Will I Learn From This Course?

  • Setting up your domain and hosting
  • Create Modern,beautiful, and STUNNING Websites!
  • Create Pages With Elementor and Wordpress
  • Create Pre-Made layouts for clients
  • Master The Elementor Page Builder and even start your own business!
  • Master The #1 FREE Page Builder - Elementor
  • LEARN HOW TO USE THE DRAG AND DROP MODULES + VISUAL BUILDER. EASY!
  • Master Wordpress. Create Your Own Website Simply And Easily.

Meet Your Teacher

Teacher Profile Image

Darrel Wilson

Wordpress Designer, Digital Marketer

Teacher

 

Howdy All. Im here to help you all create amazing wordpress websites. A little about me, I graduated with a bachelors from Cal State Northridge and also Ashford attaining a bachelors degree. I quit my job to start my own web design business and now work as a wordpress designer and digital marketer. I continue to create free tutorials in digital marketing and wordpress tutorials. 

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. INTRO: Hey, what's up, guys? My name is Darrell. And in this video, I'm going to show you how to make this beautiful WordPress website step by step. Now the great part about this tutorial and that you don't need to have any sort of experience or any knowledge of coding whatsoever because everything in this tutorial is gonna be drag and drop. Now, if you're a small business owner looking to make a website for your business, just the average person looking to learn to make it was like for the very first time in this tutorial is for you. And let me give you all a quick tour of this website and show you how this pays builder works. So this right here is our current lining page. Let's see, you want to go ahead and just change the title of your website or something like your business. Now we can also change the position of our text. We can change the color we can change. The font you can be is customizable as you want with your websites. So this tutorial I'm gonna show you how you can do that now also, for those of you who like those very beautiful video backgrounds. I'm gonna show you where you can get free video backgrounds for your website. You can incorporate this on your own website. And also a really cool feature is the grating effect. So you want to have a beautiful grain effect landing page in this tutorial, Gonna show you how you can do that? It's actually really simple, and everything is visual, so you can always see what you're doing. So, for example, right here, my second color want to do it to something like Burgundy color, and then I want to go ahead and make another change. I want to change the angle of its We can also either focus our location all one color or the other color or both. So in this tutorial, I'm gonna show you how you can do that. Now, let's go ahead and check out the rest of the website. So the first thing we're going to be doing is designing our home page, and I will show you how you can add an image to your background right here along with putting text. And I'm also gonna show you how you can add it. But miss your website, and these buttons can link anywhere on your website. So, for instance, you click on my contact button right here, it's gonna take you to a contact us page, and I'm gonna show you how to design and create this beautiful contact. That section right here. So going back to our home page that I'm sure you all how to add in a menu to your website along with a logo. And if you guys don't have a logo, don't worry about it. In this tutorial on the show you where you can get a logo and they were gonna create this section right here and making changes to the sections are very simple. It's just a matter of simply clicking on it and changing it to whatever you like. We can put something like are amazing or we are cool. And of course, all the changes right here are alive. So after we create this section, we're gonna go ahead and create this section right here, which are blurbs, and you can change these to any color. You can change these to any style, any fonts or any position. And then right here, I'm gonna show you how you can add in these images right here. And if you notice right here we have this unique style grid effect. So I'm gonna show you how you can incorporate this on your website and you can totally drag and drop those images right here, for example. Let's say you want to go and have two rows of this. Go ahead. Just click on this duplicate row and simply go ahead and drag us over here. We dragged us over here, so it's that simple to make a website. So after that, I'm gonna show you all how to incorporate this parallax section right here and then right here we have a section with text with a simple call to action. You have an image. We have the split screen effect. Show me. Show you how you can do that on your own websites. And then we have it again right here where you have some texts and a simple call to action again with a split screen effects. And then right here way have our testimonial section and you can put any images you would like right here. People can go ahead and scroll through this and take a look at them. And lastly, we have our footer. So right here we have our menu section way Haven't Instagram you haven't instagram. This will automatically sync up with your website. So whenever you make a picture on Instagram, it will show up right here on your websites. And right here we have our social media icons and these were all linked to your various social media platforms. So right here we have Facebook, we have Twitter and Instagram and Pinterest. And then also we have this little section right here. Like hear our story. And here you can go ahead and just talk about your business or your websites. And you know this how we got started or this is what we do. It's going up over here, and the next section we're going to do is the about us page. So I'm going to show you how you can create your own about us page and right here you can see we have some texts with a call to action button. Right here. We have these bar counters right here. So I'll show you how you can design these. You can change it to any color, any font and he saw you would like and again right here were consistent with our color. So show you how you can add these number counters right here and again right here We have the parallax effect with some number counter. So we have websites completed customers cups of coffee. Of course, you can change this to anything that you would like and right here we have some more icons to show more to court to the websites. And right here you can introduce your team. So I'm gonna show you how you can introduce your team with this grid cell image effect. Right here. So we have meet the team, you can answer some text and then right here you go ahead and talk about your team members . And then right here we have a testimonial section, and again we have our footer. Now also, one more thing. That right here on the bottom, right. If I click on this, it will bring me to the top of the website every single time. Now, we also have a unique contact us page for that already showed you and this will actually go straight to your email. So if someone messages you with a question. They can go ahead and put their names or email their message and they can go ahead and send a message and it will go directly to your inbox. Now, also, for those of you who want to create a blawg, I'm gonna show you how you can incorporate a blogger as well on your website. Another really cool, amazing feature about this Blawg that we can actually go ahead and change these waves right here. So this page brother has something called a shape divider and it's really cool when it's really fun. So, for example, right here, let's say you want to go ahead and change the waves right here. So on the bottom page right here you can change this to anything that you would like to change into, like a zigzag. You can change him to like a tilt. You can change them to all sorts of really cool stuff, and then you can go ahead and change the height of its. You want to add these to your website. It's very simple to do, and then again, we could just go ahead and change the color to anything that would like right here and scoring down here. We have our block section and going down here. We have the shape divider as well. So it's a kind of cool look right here. So I just basically put in clouds right here on the bottom. So let's go ahead and go to our blawg section. Now click on this block and our blogger is going to look so amazing and so professional. So this is what your block post will look like. And you guys can see it just looks beautiful. It looks amazing. It looks really professional. So in this tutorial on my show, you how you can create this blawg. Now, this was actually a layout, and you will actually get this for free in this tutorial. So it's not gonna be like you have to design it from scratch Law. This is gonna be already done for you. And of course, lastly, I want to talk about the pre made louts. So later on this tutorial, going to be talking about how you can actually just get a designed from someone else uploaded and everything will be done on your website. So it's really hard to design a website by yourself. But once you learn how to use the page bowler and then from there you can go ahead. And you know you some of these layoffs. They're going to be free layouts given to you in this tutorial that will really help you out with designing your websites. Okay, my glands scroll up. So if you guys want to make a beautiful website, that's very mobile, responsive, super STL friendly. Keep watching. Because in this tutorial, I'm gonna show you how to do it, step by step. 2. HOSTING + WORDPRESS + THEME: how to do it step by step. So the first thing we're going to do is get our domain and hosting in my link. Luxi provide you all with a 60% discount off your hosting. After that, we're going to install WordPress. After that, we're going to install a WordPress theme and last thing, we're going to create the most amazing website ever. Now there is a link in the description of this video. It will take you to a website called Psych Round and you're about to a page that looks just like this right here. Now, when you get to this website, all you have to do is click on, sign up. Okay, so we have three plants, so we have the startup. We have the grow big and the go geek. Now I recommend the grow big because with grow big option, you get unlimited websites rather than just a single website. That's a pretty big difference. And you will also receive this 60% discounts off your hosting. So you get to this page. All you gotta do is go to order now, so go ahead and type in your new website name, so I'm gonna do my famous one. I love kylo ren and go to proceed. All right, it's available. Cool. If your domain is not available, it's gonna give you liken errors. And hey, you know it's unavailable. Go ahead and pick something else. So right here, going to put in your email and then right here, you can put in your password, confirm your password again. You're gonna go and put in your first name, your last name, and you know, you can fill your company and your all this information. It's going down here. Go ahead and give them your card number and your social security number. I am just kidding. You do not give them your social, just your credit card number. And then right here, you can, you know, put your name etcetera. No, for this information right here, the period. You know, I recommend doing just the 12 months because with 12 months, remember, you always get a 30 day money back. So let's just say, for example, this tutorial sucks and you're like, you know what did not work out for me? At least you have the confidence of knowing that you get a 30 day money back guarantee. So I would recommend the 12 months now for the extra services. I actually do kind of recommend these on other tutorials. I have not, but actually, Romek amend the domain privacy and a cycle on site scanner is actually a pretty cool option for $20 a year. For somebody to check your website daily, notify if it's ever been hacked. I would recommend that. So now the domain privacy is basically hiding your personal information if somebody tries to search you up, so if you have this checks, they will not be able to search you. However, here the unchecked it will be public to the Internet. So I'm gonna go and check on both of those. And after you feel about all this information right here, you can always go to pay. Now, Now, I actually have an accountant, these guys, because they have actually performed better than eight other hosting companies that I had a video for. So these guys are probably your best option as far as hosting, because I've actually tested them and they came out first in almost every single test. Pretty incredible. Pretty, pretty incredible. So right here on my go to sign in. And you guys were about to a page that looks just like this right here. So congratulations. You made it this far. You're probably. But as of right now, you have a domain. You have like your website, which is really, really cool. So you brought you pay to look just like this right here. Now we get to this page, all you got to do is go to my accounts. So now that we've actually have our domain, we're going to install WordPress, which is basically what we used to design our websites. Like the bread and butter of everything. It kind of creates everything for us. So right here I go to the go to see panel right here as going to say, Are you sure you're just gonna just click on? Proceed? You never look at what they If there's a security warning press. Okay. Just do that, you know. So anyways, you get to this page right here now, right off the back. You guys can already see we have a WordPress right here. So going to click on WordPress. Okay. And guys also remember, if you ever have questions if something doesn't work or something happens. They have a support team, and these guys are really cool. You can call them 24 hours a day and they're super helpful. So I don't feel like you're like, Oh, my gosh, I messed up. And you know this tutorials? No, they have, ah, whole support team, and they have free live chat. I mean, they always there to help you and back you up. So it's really, really cool. Now, over here, I'm go to install now. And where press guys is actually probably now the most popular platform on the Internet, you know, besides PHP. Because you don't have to have any knowledge of coding or any that stuff. It's just so amazing. What? What? Wordpress conducive. In the invention, it's It's incredible. So right here. I mean, click on this right here and go ahead and find your domain. Now, you probably only have one domain. If there's 80 of them, then you're probably I don't know, But there's a little of you one right here. Now, right here. Make sure there is nothing there. Okay. Make sure there is nothing here. Okay? We're also is gonna install your website Dash, whatever you put here, which is not what you want. So give your side of name. So we're gonna put Darrell Wilson and then WordPress tutorials, for starters. And right here, go ahead and put your admin user name. Remember, guys, you can change us at any time, so don't feel like you're locked in like it's some sort of contract. You know, you can change it anytime you want. So I'm gonna put Patty whack. That's my dog. So she's the boss, you know, Patty wack. And then my password. I'm gonna go ahead and just copy this. So you know, one time I actually left this up and someone logged on my website and leave everything. So, uh, yeah, so make sure guys, you know, you always in your password and make sure it's always confidential. Okay, Now, right here. I'm gonna put my email address, feel free to email me any time, and then right here is gonna say choose theme. Don't worry about that. Um, right here where it says install also for language. You guys speak different languages. Um, yeah, it's going to select one of, um, English is generally standard, but you know, go and put whatever he wants. So under theme to install, we don't need to put any because we're going to install another theme that I'm gonna recommend. And then right here, click on install. All right. It says like, 3 to 4 minutes, but I gotta be honest is probably be, like, 10 seconds. They always say, like, 3 to 5 minutes. Yeah, that was not even, like a minute. That was probably 101%. Well, it was probably less than, like, 30 seconds. All right, so right here we have your administrative girl, and this is basically what you do to actually log in on your websites. So going to click on this? No. Guys, if this takes you to a page where it looks very bizarre and it's not correct, go ahead and contact site ground. Because sometimes wordpress takes time to propagates. Sometimes it could be an hour. Sometimes it could be instance I'm going to be a few hours, but generally it's instant. But there have been rare cases where you click on it and it takes you toe like a random like page and like, there's nothing there, but you should brought to a page. It looks just like this right here. So congratulations, guys. You guys have successfully installed WordPress. I'm very proud of You guys are doing amazing right now. And if you guys want to look at your web sites and just see how it is and it's kind of check it out, you go up here to visit site. And there you go. Now, this is using a different theme. It's called like I think it's calling 27 or 26. I don't know. They I don't know. They make a lot of WordPress themes. I try. I try my best to keep up with it, but, um, yeah, it just doesn't work out. So over here under dashboard. Now, let's go ahead and look at our list right here. So we got our domain and hosting done. Congratulations. We have assault. WordPress done. Congratulations. Now we're actually going to install our wordpress theme. So before we install WordPress team, I want to go ahead and familiarizing wall with some of these settings right here. So unless side right here under users, I want to go to your profile 3. PART 3 MENU + PAGE SETTINGS: Now, if you ever want to change like your you know your color scheme so you're gonna kind of, you know, a little bit customizable with your settings and also gonna change your password and your email. This is where you're going to do it. So right here you can see you have an email so you can go ahead and put like your different email if you want to change in the future. And also, if you want to change your password, just click on generate password and then you can always put in your own password and then just click on update and then right here. So yeah, it's week set her up, but I'm not gonna update it for now, So I'm gonna go ahead and leave it blank. But I do like this color scheme, so I'm gonna go and update it. Now, one more thing I want you to do is go down to settings and go down to Perma links. Now I want to change this right here to post name. Now, the reason why you do this is because usually when you go to a website like Amazon or apple and you go to the shop page. It says apple dot com dash shop, right? Not Amazon or apple dot com Dash 10 to, you know, all this crazy mumbo jumbo. And this is actually good for STL purposes so people can actually find your website easier . So going down here, click on save changes. Okay, Now I'm gonna go ahead, install our WordPress theme. So right here in her appearance, go to themes. And for those of you who are branded toward press and have no idea what a theme is basically how it works is your site is kind of structure. So all these are different themes. You can tell there's different sort of themes and it's basically the structure of it, and it really can't be changed. But the thing that we're gonna be using we can change it. So right here under popular, we actually might be little Find our theme. I think everything actually comes up is number one. But the theme that we're going to be using is called Ocean WP. So right here, Ocean WP Now you can also find it just by going to search teams and typing in Ocean WP and right here and click on details and preview, and you guys can see it has 53 5 star ratings now. I would never ever, ever have you guys. That's all A bad theme. Now, this looks bad, right? But don't worry. We're gonna make it look really, really cool. Uh, this this is like a really bad preview of its, but not to worry. It's gonna look really amazing. So right here, click on install. All right. It's insulting, not just click on. Activate. Awesome. Now, one more thing. It's going to recommend right here. It says this team recommends the following plug in called Ocean Extra. Now, right here. Click on, begin installing plug in. So right here. Click on install. Okay, so the plug in was installed successfully. So right here, it's click on return to dashboard. Now, guys, you have to make sure that plugging is installed. So if that did not pop up for you, just go ahead and find it. Comes with the theme. Now, for those of you who have no idea what plug ins were what we just did. So over here, under plug ins, we click on in salt plug ins. So these are basically plugging no guys. The best way I can use to describe plug ins is basically APS. So just like iPhones have applications like, you know, eBay Chase or some sort of app you use or tender. This is the same exact thing. So right here, under add New you guys are going to see that there are hundreds, thousands of plug ins, and these basically give your site extra added features like, for example, that some right here gives you ability to sell online. This one gives ability to have your website search better and actually have tutorials on both of those plug ins. So later on down the road, when you you guys air, you know better than me with WordPress. You guys can always go to those tutorials, and you guys can always check him out, and they're really, really helpful. So that's basically what plug ins are. In a nutshell. They're basically just APS. So, for example, if someone tries to log into any times right here, it will lock them out. So that's just a little quick rundown of what, um, plug ins are. So if you want to visit your site right now, I think I'm right here. Go to visit sites and you guys can see it. Looks absolutely terrible. Does not look any good. So we're gonna go ahead to make it look really, really cool. Now we're actually going to assault another plug in and this is called the Elements or Paige Miller. It's a brand new plug in, actually know, it came out about Onley a year ago, and it has just been like the number one thing for WordPress right now. It's It's really amazing what this page Lorcan do. So you guys typing l a mentor? No. You may want to make sure you install this one right here. The elements are payable. Or now look at it as 100,000 active installs with very, very positive ratings. And these are all, like, third party playing. So people kind of like loved it so much that they made templates for it. They made all sorts of widgets and add ons, But I'm not gonna go through all of those because I can spend days talking about those. So right here under Al Mansur Paige Miller, you wanna click on install now? It's actually really incredible. The page builder is is very easy to use, and it's just it's It's so easy for beginners and it is kind of change how we make websites today. So it's going down here. You can see L. A mentor has been activated. So let's go to mix and pages Now. You know, we need to make some pages for our websites. So right here under pages, go to all pages. So we have no pages, no pages found. So right here, click on, add new. Now let's go and make a home page right here home page and then click on Publish right here , all rights and then I'm click on one more. So let's go to page right here. That's like the shortcut method right here. See this? Plus knew you could make post like Blawg Post. Or like another user. We'll talk a little about that little later. So I hear you about us and then one more need to contact page, right? So right here under page, come to the warmer time. So here, contact us and go to publish. All right, so we basically made the pages now, So we made the home page we made the about us page and a contact us page And right here on the Perma link, you can see that this is like, you know, elementary dot com dash, contact us. So it's not all that mumbo jumbo that we're number stuff. So that's basically why we did the post name instead. So again, if you want to go ahead and change your website, you goes up here, go to visit site, but actually want to create the menu first before we go crazy and do everything else. So right here under appearance, we're gonna go down to menus. All right, So go ahead and give you a menu. A name now I always just do menu one. You know, it doesn't really matter too much what your menu name is. No one's actually going to see it, but you So here we go to create menu now, right here under pages. I want you to click on you all. Just click on all the pages. So there's two home pages and I'll explain why we have to home pages. So right here it says, custom link. I want to go ahead and delete this page now in the future if you wanted to lead a page, This is how you're gonna do it off your menu. So right here, I'm click on this arrow, scroll down and go to remove. So now all they have is the about us, the contact us Andy home page, and you can kind of rearrange these in any which order. So in a home about contact us and right here on save menu. Now, if you want to drop down menu, let's say, for example, you hover over it and it shows another page. All thing to do is drag this page or whatever page just like that. And it'll give you a drop time and you and I'll explain what that is right now. So right here, I'm gonna go to visit sites. Now the menu is not there because we actually need to set it. So right here, I want you guys to click on Customize. Now this is a theme customizer. This has a lot to do with the general theme settings like the menu, the topography and other settings like that. So right here under menus which become menus, go to Menu one. And then right here there's four different places where you can You can put your menu what is actually three. There's the top, the main in the footer. So right, if you click on footer, you're going to see that your Ah, I'm sorry. The top. Are you gonna see that your menu appears up here. Now, if you wanted to appear like over here, you can click on main. So you see, the menu is over here, and if I take this out, this top part will disappear. And also on the footer, which is the bottom part of the website. There you go. To the home about us in the contact us. Now, if I hover over home, you're gonna see about us. Show up. So the reason why that's happening is because I dragged the about us under the home. So if you want a drop him and you like that, that is how you accomplish it. Okay, so here we go to back now, there's also one more important thing that we need to set. We need to set a home paid. So when your visitors come to your website, what pages you want them to first come to probably your home page, right? So right here under static front page, I want to click on that, go to a static page and select the front page as your home page and go to save and publish . So now if someone visits your website, they're going to actually visit the home page first. So by clicking X, you can see I have my home page and I click on my contact us. Of course, there's nothing on. It's because we haven't designed it. So we're gonna go ahead and do that right now. So why don't you go to your home page right here and then go to edit page? So there's a few things that we need to actually change on this page right here. So I guess the scroll down right here and you're gonna see Ocean WP settings now, basically, what this is it's the settings for the theme. So right here, under content layout, I want you to click on this and go to 100% full with and the reason why we're doing that's in case you're wondering. I'll go ahead and show you why go to paste. So right here is a current home page but I kind of want to get rid of this great part. And I want to get rid of all this. And I just want to have a blank sheet of paper, sort of. So we can just design the website. So right here, I want to do 100% full with now for sidebar right here. You guys can go ahead and leave that default and then for margins. I want to disable that. And the margins are actually these little white patting right here. This is a lying No, we don't really want that either. So over here, you click on Disable now also for the header. So for the header section right here, I want to go ahead and disable this right here and actually want to display the header. We can display the header and then for the main navigation. Want to click on this and I want to select the menu that we created. So basically, I'm saying I want our menu to show up on this front page right here and then also for the title. I want to go ahead and disable that because right here I don't want this home right here. You know, we don't need it. It's ugly. It's not necessary. So I'm gonna go ahead and just say, you know what? You're retired. You know, you're gone. You're You're fired, you know? So we're gonna go ahead and get rid of that right there. And then another thing is our footer section. Now we're gonna talk a little bit about footers and widgets and everything else later. So for right now, I'm just going to go ahead and leave this default because we're gonna come back to which it's a little bit later. I'll explain what those are in detail a little bit later, but right now, I want you click on updates. Okay? And now we can actually go ahead of you the page. Time to go and refresh this page. And you should look something like this right here. It's gonna look like this. It's gonna look, you know, But don't worry, because it's basically ah, scratch it of paper. So right here, click on any with L. A mentor 4. PART 4 HOMEPAGE PART 1: All right, we're here. Congratulations, guys. We're making progress. We're doing it. We're doing it. So we have this section right here. It says adding new section. Now, I want you guys a little, like, kind of familiarized yourself with ease. So this is like a text widgets, A. But in a video, a divider, an icon like Google Maps, image box, all these air Just basically little modules. And you basically just drag all these until anywhere you want, and it basically just puts it there. So that's basically how this page Miller works, or everything is totally Dragon drop right here. So right here. Click on, add a new section and I want to select one right here. So you see your section right here. Now, before we do anything, I want to click on this right here. Now you feel less side right here. We have this layout. So basically, I want to say, Look, I want to go ahead and stretch this section. I wanted 100% so I wanted to cover all the page and also for the content with I want to make it full with and for the height. I want it to fit to the screen. So now you guys can see that we have that landing page like this. We can have that big landing page so we can have that, Like, you know, the image in the background. We can kind of decorate a little bit. Now, there is a link in the description of this video, and it will give you access to some images. Now, the image I use for this same exact tutorial I cannot give you this same exact image because it's actually owned by a company. So I can't redistribute its. But I've actually put a lot of replacements in that fuller, so don't worry. And also, if you guys need to go get really cool images, I recommend going to un splash dot com. These guys have some amazing images. So really famous wanted, like night sky. Or you can put in like space. And these are all, like, HD beautiful images. It's kind of like instagram, but for, like, super professional photographers, you know, it's not for the average person. Like people just don't upload pictures that are not good. They only take really, really, um, you know, really nice pictures. So I actually have some in my folder and the the link in the description. So I think I use like, a few other ones. Okay, so right here and click on this, or I'm gonna go back over here now, under the style, we have background type. So this is for just like, an image. This right here is for the great effect, which will talk about a little bit later. And this is for the video. So depending on which one you want, you can use either those. But I want to get very basic and just go to classic. And let's say you want a different color so you can have, like, a different color, you know, right here. And remember this probably. Here's where Texas gonna go. But I'll do that little bit. But you know, I don't want color, you know? I don't want I don't want I just want I want a picture. Pictures are always easy. Everyone less pictures. So I handed me the library. I'll click on select files and you're going to upload the file. So I think mine was on my desktop. It was for l. A mentor, and I can use them like this right here. Okay, so I'm gonna go ahead and use this right here and go to insert media. All right? Now it does. Look a little scoot. It looks kind of crazy. You're like, Whoa, this does not look that good. So right here under our position, leave as default for the attachments. I'll go and leave as default. But the main one that you really wanted to look after is size, and I want to put cover. Now, you guys can see that the images right there. And it looks much better than that little tiny space that we had before, right, so on. And there's also a lot of other cool features you can have, like, Ah, background overlay. So if you want to add like an overlay to this, you can go ahead and add an overly But for right now, I'm not gonna get too far in these settings because we're gonna talk about all of these settings a little bit later. I just want to get you all familiar with the page Buller and make sure that you understand it. So she does that a lot of these circles squares up here. Don't you click on that. And this will bring the option of these right here. So it gives you all of a little, um you know, the gadgets and everything else. So right here on her text editor, I'm gonna take that and just drag it right here. Now I put welcome to the revolution, but you guys can put whatever you want. You know, by now you guys can you know it's your website, you know? So I'm gonna put something like, Welcome to you know, I want to do this and see Welcome to the revolution and you guys for for future reference. I don't know why, but a web design. Everyone capitalize The first letter of every word. It's just the way it kind of goes. It just looks really clean. And most people out there just tend to do that. So I put welcome to the revolution and for style. I want to go in and center this Now. You guys can't really see it too well. So I want to change the color. So right here in our text color. I want to put white now topography. So this is actually where you can change the font. You can change everything about this. So the size you guys can making go bigger or you can make it go smaller. So here I believe it. At around 35 guesting 32 32 is good. Now for the family, I put Italiana. But guys, this page builder has unlimited fonts. And the great part about this is that with other themes and other page rollers, you have to install like the easy Google fonts and you have to enter code. It's a total pain. It's the little pain in the butt, But this is actually much easier. So I did, Italiana. All right, Now it doesn't come out too well, So maybe you would want to change yours or, you know, But actually, the weight would actually make a big difference. So right here the weight is kind of like the boldness, So I'm gonna go ahead and put 300. Okay, that didn't too much. So this increase it to 600. Now you can see it's coming out a little bit more clear, and I can even go more Aiken, go 700 then I can 800 organ to say I wanted bold, but just leave it at 800 right here. Now for the transformation. We can have it all in uppercase, so I prefer to have it in upper case because I think it looks better. But you can actually do lower case or you capitalize or whatever you want to do. It now capitalizes actually, what I recommend, because that's just what people in love do. I know in the grammar world, it's not correct. But that's just what people do here. So, yeah, so anyways, so, for the style is, well, you can change it to normal, italicize or oblique. So if you want to italic to italic, or you can go ahead and just leave it as normal now for the letter spacing, I know some companies do this like I think Loreal that shampoo company were. If you space it out to see how the letters kind of space out like that, you can do that or you can make it really, really, really small. But that's that's ridiculous. Nobody would do that, but maybe something like that and then right here contains the line height. Now I'll explain what the White House is a little bit better. This is kind of hard to give you an example of a good line heights, but basically, it's just the line. It's like this space of its. But after I had some other Texan, you understand what I'm talking about? A little bit more. Some believe that like, uh, leave it at one for now. Okay, So I want to go ahead and add in the next section. So right here? Actually, no, it's the other websites. Durables and tutorial. Let me go to that one. Just to show you guys, they also if you guys need help or use the resource is go to my website darrell wilson dot com. You guys can get a lot of free. Resource is I have a lot of like giveaways. I have all sorts of cool stuff. Now I want you guys to kind of understand what I've done. So right here we have a text, I have a header. I added an underlying and then two buttons. That's it. That's all I did. So going back over here and I want to let this one You're fired. No one's gone. That was gone. All right. So clicking on these little icons right here. So right here, I go to heading, and I would put this right here. That little line is right there. I'm gonna go and drop it right there. Now it shows up right here. So right here. I put Elemental because that's the page bill that we're using. L a mentor. Go ahead and center that. All right. Now, for the style, we have text, color and topography. So right here, click on white and then topography. Um, I think I used it was like the monster it something like that. I wasn't really sure which one I used. So here, under the family, right here. I think it was like the months they use this one right here. No, You know, I use open stance, open sand. It's like it's like the most preferred one. So open towns right here and then I want to change this to maybe, like, you know, 300 make a little bit more thinner because once I make it bigger, it'll look better now for this size right here. I might change it to something like 105% like that. Okay, I see the line height right there. So basically the line high is basically saying, Look, I want this much height in between the lines, so it's kind of like hogging the lines in a way, that's what the line height is doing. So going back over here, you have to follow me. But right here on the line height, you can see how it kind of saying, Look, I want this much space to myself. That's basically what the line height is. So in a nutshell, that's basically what life and it is. So I hear a but L a mentor. Now for this style I want actually make these a little bit. I want to kind of space it all right here. You don't want that big space right there. So 5.1. And for the transformation, I'll do something upper case. And then, for the style, go ahead. Leave that as default. Now, guys, also, one more thing when you're designing your website, you might want to close this right here. That's gonna actually show you what it looks like. And then that's what kind of like you know, it's almost the same thing. It's just giving you an extra example of what it would look like. So the letter spacing, I think looks good. Now, over here on my other website right here, you can see that I have this little line right here. So this is basically a divider. So right here under these little gadgets right here, I'm gonna go to Divider and simply take this. Just drag you right below. Now, the whole purpose of a divider, guys, is to actually give space in between everything. That's really what it's for. But you can use it as decor, you know? So right here I'm a click on center. I would change the color to White. And I want you guys actually seeing something. Increase the weight. I'm gonna do it a lot. Right here. I need to like eight. Now. All my doing this just to show you what it is. So right here under with I want you guys to see this. Like he was kind of disappearing, you know, See that. But if I have it on the left is gonna disappear to the left and then to the rights. You can kind of disappear like that's but I actually want to keep it in the center, and I want to just have it. Maybe like something like this right here. Okay. And then the weight. That's too much. You know, maybe something a little bit thinner. Three is good. Okay, Now you can actually do, like, dotted. You can do, like, all sorts of different little decorations and everything. Not for the advanced time. Guys. Don't worry about all this. We're gonna cover this a little bit later. That story A Well, I know there's a lot to cover this page, Miller, but baby steps. So also, you guys can do, like, the way to gap enough for the gap right here. This is basically the sole purpose of the divider. So basically dividers saying, Look, I want this much space in between everything. So by increasing or decreasing, that's you can actually, um, you know, put that wherever you want it. So I was gonna do, like, two. And later on this tutorial, we'll talk more about margins, which is basically, like, how you can actually push it against other places where you can, you know, put it anywhere you want. So basically, the margin is kind of like saying where you want to start from. So if I put like minus 10 it's gonna be a little bit closer. But if I do like plus 10 it's gonna be, like, farther away. But in this case, right here, just leave it at minus 10. But we'll talk more about margins and patting Guys, don't worry. I don't want to jump into any of the mass options yet. So next we have this to button right here. So we have two buttons right here. Now let's go ahead. Now those in No guys, I want to be very straight for with you guys, design is everything. You know, I seen ah lot of other tutorials where they teach you a lot of websites, but they don't look good. You know, guys, what good is a website? If it doesn't look good, you need to make it amazing. And what someone comes to your page, they need to know what your website is about in two seconds or they're gonna leave. Because if someone comes to an ugly website, don't understand it, they're gonna leave, right, wouldn't you? So you want to make sure your website gets to the point very fast. Very clear. So they understand about you and your website. So right here under these little two things now wants to go to columns. They dragged this and we're gonna put this below this thing right here. So what? Columns are basically it's just more sections. Basically, it's just more section, so that's really all it is. So I have two sections here. Now, if you want to add more, you click on this little thing and go to Plus it's gonna add three sections, but I want to go and just leave it Only want to I only want to buttons. And if you wanted to eat this whole row, you click on the little X right here, and that will actually delete the entire row. Okay, But I'm gonna go ahead and take these columns and drag it out and put it right there. And then we'll click on these buttons and go to Butts in. You guys are probably already getting this, you know? Right? Put it right there. Now I'm going to click this again. Actually, no, no, we can actually duplicate this row, but, um yes, sir. Right here. Click on this and click on this little these little two things right here. Here says Duplicate column. Click on that. So now we have to Now this one, we just go ahead and lead it. Awesome. Now there are a lot of good reasons why you want to pick a rose. Because sometimes you're making a lot of stuff and just want to duplicate it. You know, you already have the font, like right here we did the fox and everything. You know, you might want to do that all over again, another part of your website. So you can just go ahead and duplicate the rose Now for this button right here. I want to go ahead and put it to the rights. So you see here it's right there now for the type right here you can, But it's like info. But there's just the color. So these were just, like, kind of like for beginners. If you don't really know what to put their basically saying, danger is red. You know, success is a success, greenoe cause I guess money, You know, I guess whoever has the most money nowadays that's that's that's with the successful person is so here. I'm gonna put start now for the link. So the link is basically, If they click on this, where do you want them to go? Well, we will do that a little bit later. But, for example, you put like w w dot darrell wilson dot com. And if they click on this button right here, they're gonna go to my website darrell wilson dot com. We'll actually have to put you have to put https https and then that. Okay. And then when they click on this, it'll take them to darrell wilson dot com. OK, so we'll just go and leave that like that for now and then for the icon. Do you want an icon here? So you want a Nikon? We can go ahead and put Yes, we can find some cool ones and see what we got. We got the apple. Are we got apple? That's actually really cool. And you can actually do like the positions. You're gonna have it before, after. And then you could do icon spacing as well, but that looks really ugly. I don't think any website does that. So Well, probably that, like, five or something. Something centered Nuffer style. So we have this hover right here. And guys were gonna come across this hover and all of the options worth these things were basically like, if you hover over something, what do you want your visitors to see now? I'm gonna go ahead and use the hover option in this because all of the models actually have this. So if you go to like any of these other models right here, they all have the hover feature. So even the background right here, if someone hovers over it, you can change the settings. If someone hovers over, it's really up to you. So right here under these under the button right here. I'm going click on the button now under style right here. I'm a click on topography. So remember, we're just changing the actual button right now, but I actually just kind of left it standard. You know, you can give it like a different fonts like this to open sands, okay? And then the weight You can always change the weights to whatever you like. 500. And these options guys are also repetitive. So in the course of the sartorial, I'm not going to go in depth on this again because we've kind of already covered all this. You know, we talked to put this We, you know, we talked about the heading and all the other stuff, so I'm not gonna like once I cover one thing I'm not gonna, you know, cover all over again because that would just be repetitive. And we're just wasting each other's time. You know? You're gonna behavioural already. All this, you know, thumbs down, you know? So right here we have our normal and then we have a hover. So the hover option means if someone hovers over its what do you want it to do? So basically, you can decide if someone hovers over, it's the auctions will change. So right here we have text color. I'm gonna put whites. It's already white. Click here and now we also have background color, so I like this color right here. So now you guys can see it's this color. But now we have the option of hover. See this right here? So right now it says text color is white background color is this blue? But if I click on hover right here, we can change that. So now I'm gonna put black and I'm gonna put red to really see where's the red at? Nearness Red. Okay, so now if I hover over the start button, it's going to change like that. So it's gonna be from, you know, like that's and that's basically what the hover is and also contains the animation, which is really, really cool. So basically, when someone visit the website for the very first time, it's going to get like, a really cool little animation. So that's only for the hover over effect, though. So you see, I'm over hover over in it right now. I can change to, like, pull shrink, See that how it's kind of making the animation or pop in do that. But remember, this is only for the hover. So if you do this, you want to make sure you're doing it for the correct setting. Now I don't know which one you'd want, but right here on the normal. And then again, we can change the, you know, change the the animation for it as well. So I'm just letting you guys know that when you guys do this, you need to actually set it for the hover option. No. I actually think the hover auction is only for the the buttons when you hover over as well . But it's actually in every module, so that's just basically if someone hovers over it. There you go. Okay. So next thing we're gonna go ahead and do is like the with right here. So we have the solid and the normal. Whenever you want to put now, we can also do border radius, and the hard you go, the runner it gets. So here. I do like 30. You know, 50. You know, we have it like that, and then you go out like a rounder button. Okay, Now, box shadow. Everyone loves balk shadows. So box I was basically like a shadow around the box, so right here we have this blur. Now, if you see the button right here, you're going to see this dark little kind of like, uh, you can actually change the color to help you see a little bit better. But now you see how there's like that little green around. It's there's a blue. There's like a purple. You see how it's kind of glowing. That's really what a box shadow is. So if you want a box shower on your button, feel free to do that. And, of course, you can change these settings. You could have a horizontal that would probably make no sense. Big change, the spread of its to something like this right here. So you see how it's kind of glowing. So that is basically what a box shadow is, and you can change the blur to something else that you want. Okay. But I don't want a black shadow. No, I do like box shadows around other modules, but not on. But since you know, I don't think it's good and this is also like the text padding. So patting is basically space, but space. I don't want to do it in this example, cause it's not gonna be clear enough. So right now I'm going to say, you know what? I'm done with this section, you know? So going up over here. Now click on this button right here. Now all they want to do right here is I'm just gonna go ahead and just change the south of black. So I want the background color as black. Some like that's and it puts like a welcome earlier this year here, we'll put the button right here. We'll go ahead and put Welcome. Okay. And then, of course, we have our icon. You can change this to all these setting as you want, okay? And then we'll talk a little bit about margin and Patty a little bit later. How we can put this kind of, you know, we could put it anywhere we want, basically, but I don't want to do that's right now, So we'll talk more about that a little bit later. But let's go ahead and shrink this right here. And there you go. We have our home page. Beautiful home page. So I have Welcome to the Revolution. C l a mentor. We have this divider, and we added two buttons. So congratulations, guys. You know, that was actually 5. Part 5 HOMEPAGE PART 2: pretty easy, right? This was It is pretty self explanatory. You know, it's it's just the ever of learning how to use it. So to those of you watching this congratulations, other people kind of just like watching formally. I don't know. It's do already. It's It's not. It's very, very easy. So if you want to make changes to website right here, click on safe. Okay. And then right here, click on this X and go to view page. And there you go. We have our beautiful home page right there. Super simple to make. And of course, President, put that link in there. So, dear wilson dot com If I click on the start button, it's gonna take me to my websites. Darrell wilson dot com. So this is my website does not calm. So again, you're just gonna go ahead and put any link right there. But we're probably gonna end up putting our other pages like our contact pr about us page, cause usually when they come to our site, you want them to go to your contact us page. OK, so now let's go ahead and keep making this website. So right here, click on edit with elemental or and we're just gonna keep going down section by, section guys in I want you to kind of understand what we're gonna do. So right here. I want to look at this section. So basically, this is a two column section with text, text and text. So it's a column with three text models in it. That's it. So right here at a new section, But it needs to you right here and right here. I have the text editor. I'm gonna put this right here, and I'm just gonna go ahead and put something else in there, like I don't know what I want, What I put. I have the biggest problem with five texts, so arrest his mind. Rest is mine. Rest is mine. Now, for this style here, I just did style, and I put it to the right, and then I put the color as whites. Okay, Now I know you can't see. It's and that's because we're gonna change this background to black right here. So right here under this section and go to our style. And now for the background type and click on classic and we can change the color to black. And now we can see this. Now we can also do the great in effect. So I'm actually going to show you what the great effect is right now. So the green effect right here. If I click on it, we can change this two different colors. So, for example, right here I have color. And I can change this summer like green and then our secondary color change the location and guys, you can do this for every single module. So its limitless on your creativity. So however create creative you are. I am not the best web designer I'm really not, you know, and other people are just, like so much better than me. You know, if they have such creative websites and creative ideas. So that's basically how you would do the great effect. So I'm gonna do you just gonna go ahead and leave it as classic right here. I'm gonna do a solid black right now. Okay, so I click on this right here, which is the text module. I'm go to style, changed the topography to something like, you know, I think you're open sands. So the open sands and then right here. I'm gonna go ahead and say, You know, I wanted just a little tad bigger. Maybe we can have it at Ah, see, we haven't adds having that. Ah, good. That's good. 2039 Honesty. 20. 20. There you go. 25 25 2020 20. Yeah, I'm a perfectionist is really annoying. So this right here is like the settings again, guys. So open, Sands. We can go and leave that Now I want to go ahead at another one. So I want to go ahead out in a heading right here, right below that. And I want to change alignments to write, so want it right here and right here. I'm gonna type in four brands. Okay, then again to style. Now, also use here it says link. So if someone can actually come to a website and they can click on this, it will link them to wherever you want and html tags because I'm not gonna get into html tags too much because this is regarding S CEO. But this is basically for, like, sdo purposes. And I have a video on freelancer together, Incident s CEO, but I'm not gonna get too much into HTML tags. They're really not, is necessary because for beginners, you're pretty much never gonna understand what it is because it did a lot with HTML. So it's not really important for us, but right here click on style and go to text color and go to whites usually like the titles of everything or each one. And then, like the contents like H two h three. It's just for STL purposes like, you know, like search engine optimization and stuff like that. So we're here and change it to something like that, it open tent again, okay? And then we can change, like the size of it toe like a Let's do, like 30 thirty's. Good. Now there's also What we're gonna do is we're actually going to go ahead and just duplicate this whole row because we don't really need to do this twice. So right here you can see on this right side we have an empty box. We're just basically gonna duplicate everything and then just, you know, do it from, uh, just duplicated, cause there's no reason for us to do it from scratch, you know? So there you go. Don't click on this and go to text editor and go ahead and put this to the rights and then change this to whites. And then also, we're gonna go ahead and put this as opens ends. Okay? All right. Cool. So we have one section right here and let's go ahead and just duplicate this row and then just added to this section right here. I don't feel like doing all that over again with the with the font and everything is too much work. So here with duplicated now, I'm gonna drag this. Do this, call him right here, And I'm gonna go ahead and delete this one right here. Okay? Now, the reason it looks like this is because remember, the settings are still to the right side. Sold. Need to do is click on this little click on the text right here, Now on the style editor to go to style, and then I want it on the left side. Okay, so right here. Same thing. The alignment right here for the header is actually right here. And then this section right here again, style left side. And you don't want to change this. You know we don't want the same text will be like afraid of markets. And then we'll do like, um, Wordpress is fun. That's too much of this. Do cool job. Yeah, it doesn't make any sense. So over here under this I want to change this to style. And I want to change the color. I want to change something like this right here. So you see what I've done right here. So how I have these corresponding colors and it looks really cool. Guys, some some tips for a lot of you. When you're building websites and you're and you're learning how to do this, try to keep your colors consistent. You don't want my 89 colors on your website. It's gonna look tacky having 2 to 3 colors. You guys can see I have white black in this. This that's ugly, but that's OK, But I have, like, why it's black and this blue. It looks good, right? And it's consistent. So I want to keep these cars consistence because I like to teach people how to make really good websites. Not Uggla. That's no guys. So right here is the section. So this section right here controls this whole area. You see this little this time right here. So over here, under style. Click on that and go to I'm sorry. Go to advanced. Now you see this right here, which says link values together. I want you to unclip that. So now we're going to the more advanced stuff. So the margin margin is basically saying word. I want this to start from. Don't want start from 10. What? I want to start from negative 10. Negative. 10 would be the opposite direction. So again we'll click on this again. That's really annoying. So right here on the goats to negative 10. I'm sorry. Negative time. No, no, 110. So now you see how this is actually starting up a little bit higher than it's supposed to, and as a result, it's actually pushing up on the page. So right here again, I can go to Let's do, uh what's the marginals to minus 50? Hope Sorry. You have to do the minus. And then 50 was too much. Too much. So you guys gonna see how it's pushing up on the picture? Just like it is on my website? CMA is pushing up right here so it's kind of like not we're supposed to be, but it's kind of a design. So that's exactly how I achieved that design right there. So I just basically put in some, um, like some margin. So I also want to show you what patting is because patting is basically space. So how much space you wants right here? Well, let's say I want I want 10 pixels above. Then you get 10 pixels above Let's say I want 50. So basically saying I want space right here. I want 50 pixels of space to the top. Now, you could do this for the rights. You can do this for the bottom and to the left. But the issue is we don't really have anything. We would have enough patting right here. We don't really need to add more, so I just want to go ahead and focus more on the margin. So am I. Didn T minus 50. Oh, no, to us. There we go. OK, minus 50. And there you go. So now that's how I achieve that kind of clashing design. So right here, I'm a go to safe. All right, so let's go ahead and keep going. So the next section Now I want you guys to understand what I did here. So right here, I added basically just a am, a section for text for text. And then I added a divider. That's all I did. And then I made a three column role with icons, so I'm gonna show you that is right now. So right here on click on this click on a new section on this one right here. You know, I'm gonna go ahead and put the tax rate here. So here, under text editor, and I'm gonna do We are amazing. I don't want to lower case. So we are amazing and style. I want to go and put in center and I want changes to black And then again on the open sense . Oh, the wrong one. Open sends. And then, of course, we can change the size of something. You know what changed? A bigger or something or whatever he wants. I'll just go and put 20 or 20 two's. Okay. On the way. It will do, like 300. Kind of like that. Look, you know, it's it's simple, It's easy. I think that's what Apple uses. So remember, we talked about padding. This is actually what's gonna come Maurin to use so you guys can see right here. This is too close to this right here. I don't want this. I don't want this to close, you know? So right here I click on this which is controlling this whole section and go to advanced now for this section right here won't click on this because if you click on link values together, it doesn't for all of them. And I don't really want that. See how it's doing for all of them? No, I don't want that. So click on this and say, Look, I want to give maybe, you know, 50 pixels, you know, 50 pixels or let's do 100. So you see how it's kind of pushing space because we don't want to have everything clustered. So just like, right here, you guys can see that I added space right here. So I want enough space to introduce the new section. So without it being all clustered and, you know, noisy, so all they did was basically add in some space. Okay, Now I want to go ahead and add in another text right here. So I click on this the header, and then drag it right there and again put that in the center and never put re bring something special. And in the center of this, right here for the style, I'm gonna changes to black and then, you know, probably open sand again. Open their ego. Anne, use your telescope. What is that font? Okay, that's I've never seen that with any user who names a font and e news. Your telescope are crazy. All right, so 300 right there. I'm gonna go ahead and make this, like, maybe upper case and make a little bit bigger, all right? And the last thing I want to do is go ahead and put in this next divided right here. So, divider trouble right there. Remember, this is just giving it look, you know, So I want to go ahead and put in the center and then reduce this, okay? And then the gap, I just I only care about the gap. I just want I want to close to that because I this this looks good to introduce a new section, you know? So that's basically why I have this. So we have this section right here. So right here. You can see that we have this section and we have these three little buttons. So I want to go ahead and added in a new section. So right here and click on add a new section. Click on these three and you guys can see that we have these three little bubbles, right? Hear clicking on this. Now we have different ones. There's, You know, there's image boxes. There's icon boxes are all sorts of stuff, guys. Also, they have a pro version in this. So the pro version basically gives you access to mawr of those modules. But we'll talk more about that after this section right here. So basically, on this website right here, um, I'm actually gonna go ahead and show you guys just go and show you some of these pro features just to give you guys an example of they offer a pro version. You know, there is a link in the description. You guys can purchase the pro version if you'd want. You don't have to, but you get a lot of more icon to get a lot more widgets and you also get a lot more of the pre made Lance, so this company actually gives you a lot more layouts. That's if you purchase their probe and this high scoring just a little bit slow. All right, it's working. It's loaded. It's almost done. Okay, so right here you guys can see I have the pro elements right here. So they basically give you, like, slide, like those full of sliders. They give you pricing tables of flip box and share, but sends a countdown. So, for example, like a like a flip boxes basically like saying, if you, you know, you hover over, it flips over. So that's basically one of the pro features, but we don't have to. I'm gonna talk about all the pro features a little bit later in this tutorial. So if you guys decide to purchase the pro version, I think is like 100 or for the whole year and you get like support and everything, it's it's pretty amazing. So that pro features you get the procedures and you get the support. So it's kind of like a win win, and if you guys do purchase it, I do make a small commission and, you know, it helps me continue to make these tutorials for free, cause he's there long tutorials, you know, right, Like long died of, you know, but it's fine. So right here, I will click on icon, and he's gonna drag it right here. Now, that's kind of ugly, you know? But if you everyone just like a regular icon with no text or anything else, that's what you're gonna do. But I don't want them. You know, I want I want some text. I want some flavor to everything you know. So, um, going down here, you have icon box and then image box. So the icon box of the one with the text and the other one is the image box where basically , you can put your own picture and instead, So let's say you're really handsome looking guy or your beautiful girl. You can kind of introduce yourself like this is you know, Tiffany, and then you can talk about your position or some like that. But I'm just gonna go ahead and use these icons for now. Okay, that was kind of just giving you an example of them. So right here have This is the heading. No, guys, I know that disappeared, but you can always just click on, like, the duplicate or out in your section, and it's just gonna go ahead and make it another one. And then, of course, you can drag and drop it, but I'm gonna close this right here. You guys can also do like, plus, you know, to add another section. But so I'm gonna go ahead and close this again, and then we're just gonna go ahead and do that again. So I'm a close this. 6. PART 6 HOME PART PART 3: all right. And then, of course, was gonna click on the icon or no, sorry, added section. And we'll click on these three. And I'm simply just gonna go to icon box and then just, you know, now we can just go ahead, duplicate this to, you know, you don't have to do all that hard work all over again. That's another That's another shortcut. Way to do it like that. But remember, you know, you guys can have any which way you want, so let's go and talk about these settings. So right here we have the view we can have, like a stacked we can have framed. And then right here, you can choose the icon type. So you know, however you wanna, you know, because these are very self explanatory, you know? So if you wanna square or circle this, we're gonna do it. They've made this so incredibly easy. So what? Welcome to elemental. And then right here we have I composition. You can have it to the right, to the left or into the center. And then, of course, you can also have this link. So if something clicks on this, where do you want them to go. Well, that's we're gonna You're gonna put the website right there. You can also have link options right here. Like Adam No falling or open a new window. Now, that's actually good idea. So basically, if they click on this, it's going to open a new window in their browser and it's going to bring them to that website because you might not want them to leave your website. So opening in a new window is actually very good. Now, Adam, no following again. That's for escape purposes. Usto guy, might you know no more about that, but no falling guys in a nutshell, It's basically telling Google not to index those links. That's basically what it is. But I'm not gonna going Tosto. So, uh, yeah, so opened a window if you want. And there you go. Okay, so here we have style and we have primary color, which is you can put in your primary color, and then you also have these secondary color so you can put something blue, which is the background generally want to leave it clear. I mean, that's kind of like too much color, so I think what? Oh, that's so ugly. We gotta change that. You got to change that. They're gonna color is whites could leave like that. Okay? And we can add spacing to this. Remember, you want it's facing or you can add size, make it a little like that's OK, and then the padding as well. If you want to add padding to that, you can go ahead and reduce the padding or you can add more patty. Remember, patting is space. Okay, just one let you know. And of course, you can rotate this to whoever you want the border with. You can, you know, add more border with if you want. We're gonna It's basically just giving the the border more with so basically all you're doing right there. And then, of course, you could do like Border Radius as well. So that's basically in a nutshell. Now I can hover. Remember, someone hovers over this what you wanted to do, so you can change it based off the hover animation. So if someone hovers over it with their mouths, you can basically do all those options all over again. So right here I have, like, bounce in. So somehow was over it you can see the animation. And then again, right here. So and also for content, you can change the spacing of the contents. You can change the color and the topography. Remember, the title is for this section right here, this blue section and then the description is for this section right here, because I'm not going to get too much into topography again. Because again, remember, we talked about all this already. So I'm gonna open Sands right here and just kind of put it in there and then, um, to the way, like, 300 and then I'll go ahead and change the this description right here. I'll make it black topography. I'll do open sands. Remember, guys, once you're these options open, you might want to click click on this, and it kind of, like, gets you out of the options. So just make sure that you're not stuck. So, basically, once you do all this, remember, you don't need to do all this hard work all over again. You know, you can just go ahead and delete these or just, you know, duplicate this right here and then delete these right here. You know, it's there's There's no reason for you to basically do everything all over again, right? Because, hey, you know, you you got this part and, you know that's basically it. Right? So it's going to go over here. Now we have these three images right here. Now, in this section, I'm gonna show you how to incorporate these images. So you guys downloaded my my folder? You guys receive some images you guys can use those. So right here, click on, add a new section. I'm a click on these three right here and right here, take image and drag it right there. Okay, So right here. I'm gonna go ahead and delete this because this is their stock image, and I want to go and add in my own. So right here we click on upload files, select files, and I'm gonna go ahead and find this one right here. Okay? And go to insert media. All right, cool. We got my book, darrell wilson dot com. I'm just kidding. It's it's not its I don't I don't write books. I don't I don't. Right here we go to image and just do it again. Okay, So upload files and then re here is gonna put in this little cool little iPhone mock up. I did. And then again, right here on my go ahead and click on this number. These bring up the modules and then I go Teoh the image again. Delete that click on this and then go to upload files and then simply glad grabbed the last one right here. This one right here, Insert media. Okay, so we have these three images, but we need to basically grid. It's, you know, it doesn't look good like that. I mean, it does look OK, but that's not the purpose. I want to show you how to have that grid style effect, so But clicking this right here, click on this will remember this sitting right here, these three little these three little things right here that's editing this whole section right here. So if you want to basically have this little you know, this this effect right here, you have to go click on this and go to full with right here. Remember, I want this full with section, and it's pretty simple. All need to do is say I don't want any gap. So under the column Gap. You could have, like, narrow. You can have, like, a small one or some like that's But I want to say, Look, I don't have any gap in between these. So now when I shrink this, you guys can see that it has that beautiful grid Sal effect right there. So that's how you achieve the grid style effect, you know? And right here, you guessed can see it looks the same. Exactly. Right here. So and also kind of jumping ahead. Looking at this, you guys can can't understand that this is a two column row. So one column, two columns. This is a image with a text, a text, a underlying more texts and a button. OK, now, guys, one more thing. I want you guys to watch this whole entire world cause they're gonna be a lot of questions that I get. I get tons of questions and people like you to do this. It is. And they don't watch the whole tutorial on my brother. It's It's in this tutorial. We just gotta watch it. Okay, so let's go out and do the next section, which is the Parallax section. So over here and click on this and I'm gonna go ahead and put in some text right here. So right here, I'm go to add a new section right here, and I was gonna select this one right here. Now I want to go and select a heading, so I'm gonna put something like no experience needed. And I'm also going to introduce you to something called the Shape Divider, which is a really, really cool feature, just like I talked about in the blog's section where you can have these different Arkin, everything. We can do this to any section that we want. So right here I'm a click on this right here to center and under style. I'm gonna change this to something like white. Now you can't see it doesn't have a background. So right here to give it a background. Some click on this little blue section and under the content with I want to say this is either full with. Now we can also do a stretch section. So let's go to do stretch section instead. And then also for style, I'm gonna click on this right here and added an image. Now again, guys, you can add in a video. You can add it in the green effect, and I'm gonna show you how to add in the videos right now. So you guys can actually go to youtube dot com right now. So go to youtube dot com and then you guys can look up something like four K scenery images . So four K scenery images. So you guys see all these videos right here. So I just like the four K night sky, So four K night sky and all of you to do is simply just copy and paste these links right here. And these will actually give you the ability to have these on your background. And it won't carry the audio. So I'm gonna click on copy and then go over here. I'm sorry. Over here. Now, for this section, we're going to let this really quick and just give you an example. So I'm adding a video background and I'm gonna go ahead and paste the link right there. So there you can see the video starting to play. Now we need more space. But before I do that, I want to finish this section off. So I click on this right here and I might add in a divider. So here, madam, to the fighter and I'm a put this centered. And again, just like we did before. I'm gonna go ahead and, like, you know, reduced the with right here and then put the color toe whites. You know, we get a little bit more. Ah, a little bit more so to And then, you know, we can reduce the gap. We don't want too much gap now for the no experience needed. I'm gonna come, you know, edit this a little bit. I kind of want toe to open Sands. Okay. Another thing I'm gonna do on this section right here under the advance is I'm gonna go ahead and add some padding to it. So maybe, like, um, I don't do, like 50 or so Like that, just like that. Or see here. Let's go ahead out in 50. So, basically, just adding space right here, and I'm also gonna make this text Ah, little bit bigger, cause it's kind of small for a heading text. No experience needed. Now I'm gonna go ahead and Adam, just some more text right here. So, text editor, we're going to put it right below this. And of course, you guys can go ahead and change the color for this and everything else. So it's going to do this right here, maybe make it a little bit bigger and then do some open tens. Okay, so at this point, you guys are kind of understanding how the page builder works. It's pretty simple. It's pretty, You know it, Zz, right? Told you guys is gonna be really, really easy. So right here under the bus in. I'm gonna go ahead and drag this down and I'm a center of this. Now, all they're gonna do is simply change this to something like, you know, text color whites. But maybe you want to add this to this color like this to kind of give it that look and again if you guys want to add padding to this entire row so basically right here I added patting with this title right here, just with this section. But maybe you want to go ahead and add and patting if the entire row So right here, my good advance and I'm just gonna go ahead and put zero. Now I'm gonna show you guys how to add padding to entire road. So I click on this section right here, which is controlling the entire row. Go to advance and just simply type in this right here and you guess concedes, adding more. Now again, you guess Getting out of new more than that. So, you know, 100 to give it something that looks like that right there. Okay, Now also talk about the shaped divider, which is really, really cool. So the shape divider will actually add in some graphics or animations, and it will actually work for video and for images. So that's actually really cool. So right here, under shape divider, we'll click on this. And this section top is controlling the top. So right here we have, like, mountains so you guys can see how it's kind of like it's giving the top these little animations and you guys can do clouds. Or you guys can Do you know, this or anything? That's actually pretty cool, you know, maybe we should have the clouds to the top, to the bottom. You know, that's kind of cool. Here you can change the height of its, you know, and then also we can flip, it's we can invert its opposite way. Um, you guys can change all the settings right here like these are also for, like, the tax in the link and everything else. So I'm not gonna get too much into, like link color. It's basically like the color of the link, But for the shape divided right here, let's say, for example, I want to go ahead and do the bottom part as well. So the bottom right here when I would go ahead and give it the clouds as well. So now we have this really cool little effect right here and you know, we can change the high. It's we can flip, it's we can invert it. We can do all sorts of really cool stuff. So that's what the shape dividers, guys. And it's for every single section so scrolling up like it wouldn't look it right here. But, um, you're probably looking at anything sections, but, um, see, I can use it right here under the style shape divider and see if you can add it to the top right here. We have to change the cover of blockers. It really wouldn't look good and there's really no place for it here, so it kind of wouldn't work out. So, yes, it has nowhere to go. So I'll use it again. Another example. But this here is a good example of how you can use it. I think also I use it on my block section and also right here. Use it. So I just added a different shape divider. But for this section, I just use cloud, and that's kind of cool combination. You know the video with the cloud. It's it's unique. It's cool. So now that's an example of the shape divider. And also, if you don't want that, you can have the parallax effects and remember to achieve the parallax effect, you simply need to go to classic, put in this image right here and put it as contained and fixed. So again, remember, attachments fixed and then size want to go ahead and put cover? Okay, so now we can have that same exact image. Are that effect because that's really beautiful. It's It's a really amazing style, like you could not do this with another free thing. I promise you I have been around WordPress for a long time. That's why I'm the top instructor on you, to me and also scale share. So you guys can also do like a great effect as well. But you know, great effects. It's good at all, you know. But I personally like the video backgrounds or I like the de on the image. Now one thing I want to talk about is video backgrounds generally will not work on IOS devices. 7. PART 7 RESOURCES: okay, So really quick. I want to go and introduce you all through some websites that offer free resource is for your website. Now, this is one is called the video dot nets, and this will actually offer you free stock video footage. And if you search on the Web sites like I just typed in sky, you can go ahead and see all the videos they offer, and these are all free to download. And these will make really good video backgrounds. You can also use YouTube and, you know, go type in, like four K scenery backgrounds or four K space or four K clouds or whatever. And you can also use those as your video background as well. Now, another good resource is unspool ash and again, these are professional pictures from like photographers. They're not some instagram picture these air very high resolution, very professional, and they are great for websites. So be sure to check out unspool ash, for example, right here on the type of something like land, and they give you all sorts of different pictures like this right here would be a good background right here. That's really cool. Okay, so be sure to check out on Splash now that another really cool one is free pick Now, free pick has a lot of cool mock ups. They have a long, cool icons, for example, on the type of mark up right here, it's a media list of all of these right here. Now, these are the free ones. These ones up here are like an advertisement. So they kind of tricky Who's so right here? You can see that there's all these like a different type of mock ups, and you can kind of take one right here and download it. And you can actually go to Fiverr dot com, which is another websites. And you have them photoshopped your logo on its or something that you ever did see like those business cards with those things on the Internet where you see like these, like iPhones and house like that company name. That's exactly what they do here. So you go to Fiverr, have someone photo shopped for just five bucks. If you don't know how to do that, and then you can have your logo or whatever on a mock up, which will look really professional on your website so I recommend doing that now. Lastly, I want to go ahead and recommend pic monkey. Now, Pic monkey is the best alternative to photo shop. It's really easy to edit stuff, so I'm gonna show you an example right now. So I'm gonna go ahead and edit this picture right here, and this is a free service. You have to pay for it. Everything is free. So right here might go to this text section and I'm going at a text. Then let's say you want to just add a text right here is gonna put something like they're wilson dot com and that's it. And then all you need to do is go to exports and then you can go ahead and save it like that's OK. So it's a very good alternative to photo shop. It's really easy. And they have a lot of other cool stuff, not just text. They have a lot of cool animations that you can add two pictures that make it look really professional. So be sure to check out pic monkey dot com. Okay, so now let's go ahead and go back to the tutorial 8. Part 8 HomePage Cont: So let's go and do the next section right here. So I'm gonna go ahead and do ad in your section, click on the sea right here. Now, I did mention really quickly. I don't wanna go off topic, but I didn't mention the fact that you cannot use this videos on mobile device is now a good way to counter that is to actually disabled this section on mobile. So let's say, for example, using this section on mobile using a video right here, and it kind of sucks because people cannot People cannot visit it on on, you know, on their phone. I mean, they can't see the video. You can actually just disable this whole background if you if you choose to have that under the advanced settings. So under the advanced settings under Responsive, you can actually hide this on the tablet and the mobile device. So that means that I wouldn't come out all weird for iPhone users because they, you know, they can't see video. You know, I don't know on tablet devices, but I know on certain IOS devices that video does not play. So that's exactly what the visibility's things for. So that's what it means by hide on tablet and also hide on mobile. Okay. All right. So let's go ahead and keep going. So we're doing pretty good so far. You guys, you have a feeling good. You know, get yourself a drink. Get yourself a beer. Whatever you guys do. So right now I'm gonna show you guys how to do the next section, which is this section right here. The split screen effect now actually have the images in my folder again. So again, feel free to download those any time. So right here. I'm gonna put this text editor right here. And I was going to something like, we are amazing, you know, I want a lower case. So we are amazing and under the style, I want to center this and I want to text to be black. And of course, we can go ahead and change like the the style topography right here. Go to open stands. You know, etcetera. Because if if something ever if something would happen to your page builder like something doesn't work, just close it and restart it. Sometimes in the world of wordpress, sometimes really weird stuff happens and I don't know why, but it's just it's just the way it goes, you know? And I wish you know everything. You know, In a perfect world, everything were perfect. But sometimes there is just really strange there's just close stuff and just reopen it. So I grabbed the heading text right here, and then go ahead and center this right here. I'm gonna put re bring something special. Are you being something special? And we hear Oh, go ahead And just, you know, put a black black color and change this to something like open Sands, and then waits. I'll do something like 300 which is cool. And then I can go ahead and add in a little divider right here. Give it some decor. You know, give it some design and everything. You know, I really like the jape dividers. I'm sorry. The divide do like, but the dividers are also really cool because they just add a lot. You know, they really add a lot. Now, one thing I want to point out that if you guys want to actually push this a little bit higher, you go to advanced and you can actually do minus 10 for the margin. So basically saying I want this to start a little bit hard. That's supposed to see I was a little bit closer now, so that's something that you can do as well. Okay, on. Actually going to go ahead and do is we're gonna add in some more text. They're gonna adding a button. So we hear him out in some more texts. I'm gonna go ahead and center this and then I'll go ahead and add a button. Now, this button right here, I sent it right there. I actually did, like a transparent background. So for the background color, I just put, like like, like transparent. And then for the text color adjusted black smart three against. He just says, click me right there. And for the border type. I did solid, and I gave it a color. So that's how I achieved that other look right there. So on this other page right here, you can see that I have this right here, so I just basically colored the border right there. So that's basically you know, how I got it. And now for the with. And he said it with because we don't have a with yet. So you mean, like, you know, for five or some like that are for one, You know, if you want to get really thin one. And then I achieved the circle by giving it a radius of 50. So right here, you can see that I have a transparent background and it looks pretty cool. And we got a box at all to it if you want. You know, if you want to get all, you know, cool. You know? See how I was like that shadow? You get some kind of messed around with that. If you want, I'll go ahead and put a little bit, you know, it works. Sometimes it works. Sometimes it looks pretty cool. So right here, I'm gonna go and click on this. And I guess I need to actually give this whole section right here a background. So on this section right here, I don't really have a background. And on my other, my other my other demo website. You can see right here that I have this background right here so you guys can go ahead and go to the folder. If you guys choose to use it or not, And you guys can actually go ahead and download it. But right here, click on this section right here and go to style and go to classic and just go ahead and add in an image so up, lewd, and I wanna go ahead and add in that background image right there. So I think the one I added was that this one right here, see which one I added, I think it was this one. Let's go and find out. Well, I'm not gonna upload boat, so it really it really won't matter. So I'm gonna go ahead and upload the other file. So right here, upload files. She was the file, and then go ahead. Was it this one? I just forgot to do both. Okay, so I uploaded the images right here. And of course, you can click on them to see him right here. So right here. I'm gonna go and upload this one right here. All right, Now, this section right here, now, guys, this section is a little bit more trickier, and I'm gonna explain why I do this the way I do this. So, basically, for mobile, for mobile optimization to work properly. If you add the image like this, it could come out wrong. It could come out wrong, but to clarify a good way to get past this. It's actually just put in a a regular little module right here. I don't have anything there and then add in the background checks. Now, I know that sounds a little weird, but I've uses Page builder, and that's what makes it work for mobile devices. So basically added, I module here, but I'm not putting anything in the module. I just want the image behind it. So right here, I'm a go to background type, give to image and just simply select an image like that. And then right here on the goats to cover. And there you go. So now I have my image right there. Now, I can also add my other one right there. So I used the other one is in this tutorial. So go ahead and upload the other one I had see here. You guys gonna put any images you want? Also, I would I would recommend on special issue this 10 no, actually, I use the other one here, so we use that we can use both We can use either or open that one. And I don't upload these two right here because thes who are also for the next part. I also included these in the tutorials. Well, guys, so just, you know, just for you guys if u guys need them because I know it's kind of hard to get started everything. So I hear added that image right there. Now I want to actually stretch this whole section right here. So this section right here and click on edit section going stretch this section and make it full with and I don't want any column gaps. So right here in a calling gaps, I'm gonna do no gap. You guys can see that this section actually is it's it's it's pretty close together, and it looks pretty good. Now again, we can always go ahead and, you know, it stretched the section even more by going to our advanced section. And now we can actually make padding weaken, do margin. We can do all sorts of stuff. So right here I would do something like 50 padding. Now it's only if you guys want like it condense inside. You see that? Because now I'm basically saying I want to add 50 patting right here. 50 patting right here, depending right here and 50 patting right here. Okay, so that's just a example if you guys want to do that. But for this section right here, I'm a go ahead and increase the padding right here. And as a result, you guys can see it will stretch the image out as well. Now, you can do that for either side. It will work for both sides. So that's basically how I achieve that section like that. So again, this section does not look good like this. But if I add 75 padding now, you guys can see it looks a little bit better. And while we have the split screen effect right here now, I did the same exact thing right here, except I just added more margin, you know, more padding right here. So it's basically how achieved that And I made the text bigger. So that's basically why it looks a little bit smaller here. So if I make this bigger, it looked the same exact way. So So you bring something special when you guys can see it's pushing the other picture down . So here's Progra feel. Go and get a little bit bigger. Way too big. Do something like that. And then, of course, we can add more padding or more space. But you guys get the idea. So that's exactly how I achieve the split screen effect right there. And you can see there's no there's no like there's no mod like there's nothing right there because I didn't I just want it for the background. I didn't want the module, but I'm just using it for the background. So now I'm going to show you the other way, which is the wrong way, just just to clarify, that's, ah, that this is the correct way to do it because I've used this particular before and I ran into errors. It's already here. I'm ago, Teoh, actually, just do this. I can actually just go ahead and duplicate this whole row. I know just yeah, I'll duplicate it. Why not? No. One way. Wrong way whips. Okay, I'll just go to make a new section so at in your section and I'll start from scratch because I want to show you guys the alternative way, which is basically the wrong way. So here we go to texts. And then, of course, I'm gonna put something like, uh, way are amazing and style, and then I just go and leave that and then go ahead and add in the head and you guys don't have to follow me if you guys choose not to. But I'm just showing you how to achieve the split screen effect wearing creativity. And then I'll go ahead and put something like, uh, you know, we'll do black or something. See, we go style. We'll do black to open Sands and then we'll make it a little bit bigger. You just can't see how fast I'm making this page. I mean, once you guys get the basics of it, so you guys can make pages like so fast. I mean, I can make a website in, like, seconds, and I I mean, like, no disrespect to Web designers, But, um, for small problems like this, where presses definite recommended. But of course, you know, this is built off PHP. So we will always need web designers and developers, you know? So right here on goes to text editor again, and I'll go ahead and drag this down and then, you know, style and center. It's and I'm going out of button really quick. So here, going out of butts in and the Simon was gonna go and leave the button ass. I mean, like, black. You know, something? Something just simple style with something like text color. There you go. Okay, so we have a section right here. Now, I'm gonna go ahead and add in the image. Now, this is the alternative way, which I don't recommend. So image right here. And then you guys can go ahead and put in something like this. And then, of course, the section right here I'm to do. We knew full with and remember. No gap. Okay, so this is the alternative way. And then, of course, right here I'm going out and some padding And another thing before we do that is I'm gonna add a background image to district here. So right here, click on this right here and go to style. And I can add in a background image. Now you guys can also remember added like a Grady and yes, now to basically wherever you want But here, we're gonna go ahead and add in something like this right here and then make this size cover. And there you go. We have some decor. You guys can always, you know, do like default. You guys contains a position of it to to, like, you know, have it any which way you want it to show. So I'll just leave like that for now and go to safe now, right here. I'm gonna go ahead and do this monitor right here and click on tablet. So this is what it looks like for tablet users. So it looks pretty cool, but that's going to scroll down right here. And you guys notice right here. The images cut off. Now, the reason why that is, because basically, it's taking on ley the size of the image. So if the image is not, you know, optimized correctly, it's gonna look like that's not a good way to prevent. This is by doing this way. So this way right here is basically, you know, you can see how the images being forced on the background. Now, this little thing right here won't show on, you know, on top. But so don't worry about it. But that way that I showed you the first time is the correct way, because it better optimizes it, and it forces the whole image as a background. So right here, I'm gonna go ahead and change us back to desktop. Now, I'm gonna go ahead and just delete this module right here. So I'm going to delete this. I don't want this right here. So this thing to go ahead and just say you know what? You're retired. I'm gonna go ahead and close this. Now I'm going to go ahead and add and heading right here. I'm gonna put nothing in the back. And I was gonna go ahead and add in a style and added, Am I'm sorry right here under this section, I'm going out in the background to it. So this section style classic image. Now, guys, this is on Lee. If you want this put screen effect to achieve properly, okay, so if you don't want the screen of the split screen effects, you don't have to do it. But that's just an alternative way to do it. So I'm gonna go ahead and say this and then let's go ahead and see how this looks on tablet and you guys can see Now it looks much better on tablet and we'll get into mobile optimization a little bit later in this editorial and guys, that is very, very important because now Google ranks your website on mobile optimization mawr. Thank Your desktops are right here. You can see it does look a little funny. Now there are some things that we can change, but I probably would recommend, you know, even disabling certain sections. But we'll talk more about optimization a little bit later. So you go back to website right now. It's kind of funny because we have not optimize it yet for mobile, so it looks a little strange. So don't worry about this too much, because we're gonna talk all about mobile optimization a little bit later in this tutorial . Okay, so let's go ahead and go ahead and keep going. So basically, we achieve the split screen effect right here and remember, if you want a white in it, but you can do it the same way we did it to this section. But let's just go ahead and go added in this little section right here. So this section right here So what happened? Happy customers. And we have this cool little testimonial section right here. So here my goats to add a new section. Click on that. And then I'm gonna go ahead and add in a header. So right here, I'm gonna put this right here at this in the center and want to put something like 1000 happy customers and for the style, I'll go ahead and you know, you can leave it as ah, well, leave it as black for now and then for the advanced section, I want to go and add some padding to the top. So let's go, Nats, um 50. Let's give it some space right here. And then right here for the style. I'm gonna go ahead and put it my famous one Open sands. And then, of course, we'll put this, you know, like that At this point, guys, you're probably you're probably getting really familiar with all these options because it's very easy, right? It's It's a very, very easy page filler to learn and everything. Sorry, here, put centered and reduce the with some like this. Now, the reason why this is so far apart because of this section right here we put padding, Remember if we put too much padding on the bottom? So I'm gonna click on this right here and say, I don't want any padding on the bottom. So now, as a result, it's much closer. Okay? And then again right here, we can go ahead and click on add in your section, and I'm gonna go ahead at the carousel in. So that's a new module we haven't used yet. Sorry. Here we have the image carousel. We have also the image gallery, but I want to go ahead and use the image carousel. So right here, put this in and then going to add some images. So, you know, I can add as many images if I want to see, so I upload files, select files, and guys, All the images are also in the in the folder, so I don't have them here, but they're gonna be in the floor that you guys have. So it wasn't a great and uses for now. I already have those Someone go ahead and let's go ahead and do These ones were here, so I'm gonna add in all these ones, so I'm have repetitive ones. So right here we go to create a new gallery. You can also give these captions, But that's up to you. So you could put, like our business or our home base, and then we here we go to insert gallery, and then as a result, you guess Come see that the images will show. Now I recommend using PNG images. So PNG images guys have a transparent background. So as a result, they don't have this background because you don't really want that for, like, this section C of these, they have no background, so they blend in very easily. So you want to go ahead, make sure that you use these PNG images. So I'm giving you these for now. But again, remember, that's when you get your own. You want a transparent PNG background because that's the correct way to do it. 9. Part 9 FOOTER: these are just, you know, they're just any images, you know, I'm just using it just for just for Detroit purposes. So right here you can change, like the image size you can do, like a different size of them. You can decide more to show. So you want more more of these to show you can go ahead and do that. You can also do like image stretch so you can kind of, like, stretch it across. And you know, however you want to design it. This thing is so customizable. There are like, like, millions of options you guys can do. You guys can do, like, medium, large something, you know, even bigger slides to show you can have it Likas. Many is like, I think that, like you can show as many as 10 or something that they show a lot. So, uh, right here you can do like dot So you guys can do just regular things. So we're here. You can see the on the bottom right here. We have dots, and then all also, you can have arrows. So on the sides right here. Now you have arrows. And of course, you can add a caption to the title and you got something else like right here. You can see I have the titles for the images. You can add those in as well. Or you can put the caption which is basically number our home base. So you can add that as well. An additional options as well. You know, you can go through these. These are pretty self explanatory, like, you know, the speed of it. Basically, the auto speed 2000 is basically M s. So it's basically like 2000 M s, which is basically two seconds. So that's basically how it works. You want a infinite loop, you can have an animation speed, you can have a go right to left, etcetera. You guys can probably get that and understand it. And also for the style, you guys can do aero size. So right here you can actually change the color as well. So right here we have the, uh, the the arrow So right here and say, I want a black, You know, I want a black. There you go. And we can make it bigger like that. Now, that actually kind of works a little bit better you know, this section actually looks a little better Now, a better way to do this would be to stretch the entire section. So right here, click on this and we can, you know, change it to something like, See, right here we can make this stretch all the way, and then we can have, like, no gap or something or full with. But that's just, you know, that's what you want to get unique and crazy, you know? But, ah, I wouldn't recommend this. I mean, I would if you're using transparent images, but that's just an example of, you know, things you can do with this because it's very customizable. You know, this testimonial things really customizable, and I just want to introduce you to it. So that's an example of the image carousel and ways you can show off testimonials. You can show off all sorts of really, really cool stuff. So I was gonna do box or something like that, you know, and then go ahead. And I don't like getting caption. That is a lot of good. OK, so I'm going to say this now. Let's go ahead and do an important section which is the footer section right here. So right here after this, we want to go and put in all this stuff right here. So these are basically widgets, and I'm gonna talk about that right now, So here we go ahead and view the page, and that's going Look at our beautiful website So far, so our website is looking pretty good. Now there are some things that we could improve on. So right here we can probably add in some more padding. So right here we can add more space right here, maybe to the top in the bottom to get make a little bit better right here. We can probably add more padding in between. So you'd have to go do this one right here and Adam patting it's going down here. Everything looks pretty good right here. Remember how we can stretch it a bit more. So I want you guys to sort of, like, visualize and look at your website to sort of understand design guys because it doesn't matter how amazingly cheap your products are. If someone comes to a website and it looks terrible, they're going to say, you know what? I don't care what this guy selling. I'm leaving, You know, they're gonna leave your website and you don't want that. You don't want to lose sales because of landing pages. And there are so many tutorials on the Internet with lining page and everything. But that's going to talk about the footer section right here. So right here on the goes to our first let's go to edit page and make sure that we have our footer enabled. So right here I go to footer and right here. Enable footer which area? Yes, and then display copyright area. Just go and click on enable right now. Okay, so let's go ahead and view the page again. So now we enabled it. So now we have enabled it. And right here there's still nothing. But we're gonna go ahead and click on the theme customizer, and we're gonna go ahead and added something to the bottom. So plug ins also coordinate with widgets like I talked about earlier plug ins are basically APS for your website, so you can have like, an instagram app. You can have a Facebook app. You can have Ah, facebook like box. You're gonna have a twitter feed you can have. There's there's limitless widgets out there, and it's very hard to cover all those in a tutorial. But I just want to expose you to basically how it works. So right here we have, like our footer widgets and that we have witnessed right here. So right here, click on widgets. Now you see, Art says footer one foot or two footed 3 44 So these correspond to Furio foot or one foot or two for 23 and four or four. No, guys, I'll be honest. I had some issues with this the first time. But after, like, kind of, like, you know, messing around and resetting stuff like that. It worked out fine. So here we go to add a widget. And this to about me talking about me, which it right here or just like you know about me. See you here. We'll go ahead and put in something like a John Doe and added some social into it to actually know what we can do. Let's see. That's fine, actually. So here you guys can see that we have the picture right now. And you know we have the right here. You have like you can upload your own image right here. So right now I'm not using an image, but I'll go ahead and upload an image right now, upload files, choose the file, and I'll select an image I also liked. Ah, like this guy. He's having a good time, you know, You little select him. All right, so I'll put to me like Darrell Wilson, all right, and then here for the social type will leave. That's as blank. And then, of course, you guys can add in your own social your own your links. So basically like your fan page or whatever you're using, you can go and put your link for your profile there, and people can go ahead and, you know, target it and talk all about it. And also, guys, don't worry about the colors. Everything else there's actually a separate section where we're going to change all that, Okay, but I'm just exposing you to basically widgets and everything else so going back over here , and also guys, if you have an issue with your theme or something's not working with your theme, feel free to contact Ocean WPS website. The link is also in the description they will also provide you with free support on wordpress dot org's pretty cool, right? All right. Sorry. Here we go to out of widgets. Now, I'm also gonna add in to see what happened over here I had in the social media icons. So there's also like a Facebook like box. There's flicker, There's instagram, all sorts of really cool stuff. So instagram now you need to go ahead and put in your user name. So you put in your user name right here, these images will show up. And of course, you guys can you know, there's different styles of it's like there's all sorts of, like, different ways you can, you know, have it So I'm actually using one from Adidas right now. So you guys, can you put your your user name or your hash tag right there and it'll it'll come out fine . So right here you have instagram. But you would, like, follow us on instagram instead a little bit more official, you know? And then, you know, you guys can actually go through all of these settings like these are just like you know how you want to design it like order by popularity, etcetera. So there's just a lot of ways you can get customizable and decide which ones you want on your website. So this is basically how you would basically intertwine your instagram onto your website. Really, really cool. And everything is done automatically. So it's it's it's amazing. It's simply amazing. So right here we go back. And now we're gonna go ahead and add in the we can do the follow us. We'll do the social media icons right here. So we'll makes it. I will put this one right here. So at a widgets, and then I'm gonna go out and find social media icons. They're here somewhere that I passed them to guess you their their social icons. Dough. All right, so social icons right here and you know, for the dimensions will do something like 20 pixels font size. They give you, like, a recommended one, like 18 etcetera. So right here you're gonna go ahead and put in your social media icon, the eyes. But again, remember that I am just, you know, I'm just you know, you're gonna put your your networking and everything else. Okay? So I make sure not to put these because this is nothing. So these dimensions actually pretty big. So you guys might have to let go through some of these and I check him out and, you know, put what dimensions you want. You can also have, like, different transitions like you can have it might float in. Or, you know, however you want it to look, you can do like a blank yourself. You can put the dimensions, you guys can go through these, and it's pretty self explanatory on all these, you know? So I'm gonna go ahead and say, OK, you know, you can also like dark or you can have like a t a colored, but we'll go ahead and change all these colors a little bit later. So this is just if you choose to have it like this guy, So feel free to go through these options and check him out, and that's what I want to do is the custom menu. So let's just say a lot of people actually still uses. No, I don't, I really don't. But a lot of people use custom menus because all your pages show up there. But I actually talked to clients, and they were saying they actually go to the bottom of the page to find the page. And I says, Really, you still use that stuff like crazy, you know, like, what do you What do you stupid? You know, like you're crazy. We're hearing, just like our pages are pages. And then again, you guys can change the font and everything else. But I don't wanna go into fonts and everything. You know, that's that could go on for days. So there you go, guys. We created a successful footer right here. So we go to save and publish and go to back. So congratulations, guys. And we basically kind of finished the first page. The first page was pretty simple. By now, you guys probably have around a 60 to 70% understanding of how this page brother works. But a very big area we need to cover is probably, you know, some of the pro features we need to cover mobile optimization and other things. Now, right here we can go ahead and change this bottom part right here. So foot or bottom right here. You guys can also change this bottom section right here. So you can put like this. I was made by copyright whatever. And you could put like a made by neck designed by Darrell Wilson, designed by Darrell Wilson. And then, of course, you guys can change, like the background color for its you guys can, you know, do all that stuff. But I'm gonna go through these options because it's it's just repetitive and color attacks . You know, it's pretty self explanatory. You can also do padding. So if you want to add padding to this, you can add that. And I hope you guys understand what that is. So, for example, if I added more right here is going to push this up. So remember, just like we did before it, Patty. Okay. Have you guys understand that? Congratulations. All right. And then also the footer widget area, This section right here. So we can go ahead and change this. Actually, no, I don't recommend doing page I d at all. I don't know why they have the option, but basically this will be replaced by a page. I wouldn't use it. I am. I'm against its now guys. Remember, when you're in the world of WordPress, sometimes weird stuff happens and just, you know, things just give you options that don't really make sense, especially for Joost. You know that plug and gives you a lot of weird options, but you know, they still have to offer them just because it's just how it goes. So right here you can change the background color. That's something that you would like or your color scheme. And then also the text color. Right here He has been like white, and then the links color the border colors, everything else etcetera. OK, that's basically how you guys would change, like all the the colors and animations, everything else. So for border colors, we can also do something like, you know, whites etcetera. OK, so that's basically how you guys, would you change this section? That is also the topography. So this section right here will actually change the fonts and everything else for different sections right here. So, like for the foot or menu, you guys can change like the font, the font size. Um, you know, there's There's so much customization here, it's it's crazy. That's why I used this theme because, ah, lot of other things don't have this you have to install plug ins. You have to, you know, do like the coding peaks p just to get it across. But the topography section right here will control, like the colors it will control the font, the size everything. Okay, So make sure to check out to the part of a section for, like, the foot or areas, because that's basically how you're going to style your font and everything else. Okay, x, and we're gonna go to the top. And now let's go ahead and do the about us page. 10. Part 10 text shadow: Hey, guys. So I'm actually going to introduce you all to a brand new feature that just came out called the text Shadow. Now, this is my current header right here. And you know, you can change like the font. You can change all that stuff, but elements released a new feature that gives you the ability to have a tech shadow. So right here on the bottom, right here, we see tech shadow. I'm a click on Yes. Now you're going to see that has this sort of this shadow behind it. And you can change the blur. You can change the color. You can change all sorts of really cool stuff to give it this illusion that you know, it's emphasizing the characters. Now there's tons of different ways you guys can use this. And I think the best we right here is to actually watch one of the new videos that Elements Air has released. So this is the current example that they're using. And it's all about creativity, guys. So you guys can use this as like your current landing page and these guys are basically giving you ideas on different styles. So here they have this, like, kind of kind of cute little, you know, headline. And then here we have this, like, sort of like, kind of like I want to say it took a dramatic anything. But there's a lot of different ways you can use this blur to emphasize your main page and, you know, also emphasize quotes and just make it look more professional. And the great part about a guys that it comes free with elemental or so I recommend using it again. It's a brand new feature update. So it is basically on most of the models right here. So be sure to check that feature out, because, I mean, it just looks really clean. I mean, this is just a beautiful attack shadow right there. Okay, so let's go ahead now and go back to the tutorial. 11. Part 11 PRO FEATURES: Ah, tech shadow right there. Okay, so let's go ahead now and go back to the tutorial. Alright, guys. So before we go on to the next page of the next section, I want you guys to take a break. You know, go and take a break. And I want to go ahead and show you all some of the pro features and what this Pace bowler has as its full potential. Now, this right here is a slider right here. It's a fullest slider and has a lot of really cool options. Now, you guys were sort of familiar with a lot of the other modules by now. So I'm gonna show you this module and I will show you what it is. And, guys, this is basically very similar to a lot of the other features that we've been using. So this right here is the slider right here, and I put like, believe, you know, you could put anything and there's all sorts of really cool features you can have. Like the Ken's burns effect. You can have a background overlay, So if you want a different overlay color, you can go ahead and just added it and right there and has a lot of different slider options. So here you can change the speed of it. The auto play, the transition. You can have it fade in. Instead of having a slide. You can change the transition speed. You can actually decide where you want the text to come in on when it comes in. So right here, instead of having it come up, you can have it come down. You can have it. Zoom in. There is so many features and amazing things about the pro version on. Also for the style right here you can change all of the same thing. You're gonna have it like vertical horizontal. You can you can put it anywhere you want. So I just want to go ahead and point out that the pro feature will include this full with slider, and it's really, really cool. You know, you can see what they're kind of zooms in. We have that Ken's burn effect right there, and it just looks really nice. So this is something that you guys want. This is included in the pro version as well, and of course, right here. I have two sliders. So you can get creative. You know, you don't have to have it like is a full with one. You can even have, like, a four section right here. And people can kind of, like, you know, scroll in and see like, Oh, you know, this was this. What's this? And you could be talking about different things. And also right here is a another feature. Now I'm gonna go ahead and show you all the pro features right here. So on the left side, right here, you see the pro elements. Now this right here is a post widget. So basically, let's say you're making a menu or something that pro. I'm sorry that post region right here is really helpful because you can talk about menus right here. You are like a steak dinner. You can give a description about the steak dinner or something else, and it's it saves you a ton of time instead of trying to find out. How do I do this? You know, the pro elements are really amazing and also comes with a contact form and like this contact from guys because it integrates very well with the Paige Miller. Now I will be talking about another contact form a little bit later, but their contact form I will be honest, is a little bit better because you can decorate it. You can get very customizable. You can change everything. You can change the color you contain the messages you contains the position. You can change anything in the same way we did it with those other modules. You can do the same exact thing with this, so I recommend to getting as well and also really cool feature that these guys have is these flip boxes. So if you guys like this feature right here, they have some flip boxes. And guys, I know this looks very basic, but you can get so customizable with this stuff. You can keep making, like all sorts of different things and trial and error and working on your side to find out how you can incorporate the's on your website because I'll be very honest, you know, the pro elements. They always add a lot of more stuff, you know? But I did this tutorial, maybe around like, six months ago. It's actually the highest rated tutorial on you to me. I got over 1000 positive reviews. But I didn't even include the pro elements, you know, And I didn't have these features weren't even available back then. So the page builder has gone such a long way. It's these guys have really outshined. And that's why I want to introduce the pro features. Because when I did that other to Tora on you, to me, there were none of these who work even year. And these guys consistently add stuff, you know, they always add a lot of new things like this right here is their pricing table. So you guys want to have a pricing table right here? You guys can do that because the pro feature will also integrate well with commerce. So you guys can, like, have, like, a little like a gold membership, silver membership and and everything else. And I also have tutorials, guys on memberships and commerce and all sorts of other cool tutorials. So be sure to check out my channel if you guys were ever interested down the road on memberships or anything else with, like, booking or something like that. Uh, I have so many tutorials on virtually everything, and right here we have a countdown, timer. So right here. I took the countdown timer right here. And that's that. You want to have, like, a movie coming out or something? You want to put it on your website? You know, this could be your whole landing page. You can just say, you know, we're coming soon on this and so days. So right here we have the days, we have the hours with the minutes and you guys can customize this to anything that you want. You know, right here we can change this toe, like in line or a block. We can take off days. We could take off hours. We just have minutes or seconds. Or you can just make your own custom label. You know, you can decide what you want here. So right here. We just have minutes and seconds. But we can have something else. Like you can put here like I don't know what years, You know, maybe you're doing some Star wars, you know? Ah, promotion or something. I don't know. People out there do all sorts of weird things so you can have it, you know? You know, talk about whatever you want and another really cool. One is the log in feature. So if you have a forum which I also have a tutorial for, it's a free tutorial. So all my patrols are free. I never charged for any much tutorials. So this right here is like a log in form so people can go ahead and log in to your website , and then they can like, post on something. Or they can leave a comment on one of year your You know, your block posters like that. This is where you can integrate the contact form. And of course, everything is fully customizable, so you could always customize it to your liking. And for those of you who are like, you know, CSS, you know, developers like that you guys can enter your own CSS here. So maybe you want to go ahead and in line this center or he wants to go ahead and give it a drop shot over time like that for you developers out there. You also have the ability to add custom CSS to that. So it's not just for complete beginners. It's also for people who are, you know, developers and want to go above and beyond and add some extra stuff or whatever you want to add. And this deck section right here is Oh, it's nothing. But I also want to show you all the I think I had the the share buttons, which are really cool. So let's say you want to go ahead and have people, like share your stuff. You continue. Just take this and maybe I'll just drag it right here. And now people can go ahead and share your websites on Lincoln. They can share it on Twitter. They can share it on Google and also Facebook. So this year, icons are also a really, really cool feature. And again, I want to also talk about the template. Sorry. Here we have this template, right. So I'm just gonna go and drag this down. Now, maybe you want to actually duplicate your page somewhere, or you want to, you know, do something, or you have all your pages right here. So if I click on the home page right here, guess what the entire pages just gonna create right there again. Just like we created the first page. Everything's there. So we don't needs to do all that hard work again, you know? So that's why I recommend doing the home page template right here. Because it's it saved a lot of time, right? I mean, that's up to you, though. It's really up to you and your decision on it, but it's it's just another pro feed that they have. I think it's really cool me personally, though I probably wouldn't use that. I would probably just go ahead and save Save the page and exports. And we'll talk more about that a little bit later when we talk about the pro features and guys look at the price here. So you also get all these templates and I'll talk more about Temple. It's a little bit later, but they include all these free templates for you. So they're basically there, pre designed websites, and they do everything at one on one button click. They create everything and guys, these guys are always adding new widgets like every week through. These guys had so much stuff to their pro features because you guys are new to the community and they really want to shine. So I recommend getting the pro feature and guys honestly look at these prices right here. What is $49 for the entire year? Like what is that worth to you? You know, when you're making a website, guys, you never want to cut corners. You know, the website is a representation of you. It shows who you are, so I recommend getting the pro version. Of course, if you don't need to have those features, I wouldn't get them. You know, I'm just saying, if you are looking to expand your website and you want a lot of these pro features, I mean 50 bucks for the entire year, like you have to be great enough to get it cause remember, guys, you also get a year of support and updates. So if you ever have a problem with something or something's not working, you could just, you know, ask these guys and I'll help you out. Now I recommend probably. I mean, it depends. You know, if you guys are just looking for, like, one or two websites, I would get the business one. But for those people who want to start a career on this and you want to develop your skills , I recommend the unlimited because think about it you get one year of unlimited updates, you know, And this is actually for the entire year, guys. So you can always like, you know, three months from now you can email them and they'll help you out right away, you know? And honestly, guys, you're working on websites. You don't want to cut corners and you don't want to get frustrated because I guarantee you For those of you watching this, you're going to run into problems and you're going make comments. Your hair Oh, this isn't working. Well, I'm to say, guys, you know, if you have their you know their pro support these guys to help you in a matter of like, you know, a few hours. So I recommend getting it. You not only get the support, you get all those pro features and you also get the templates and remember, like these guys have coming soon stuff these guys are always bringing in new pro widgets to sort of help you guys out and increase your design and your imagination. So I recommend getting the pro version. But again, if you don't want it, you know, you could just take to the basic features because they still work, you know. And for a free page builder, it's one of it's probably the best free Paige Miller I have ever seen. You know, I've been on WordPress for 56 years, and the pro feature is simply nothing short of amazing. Okay, so that's basically all I want to talk about. As far as the pro features go, we will talk more about the templates, because again, you do get pro templates with the pro features as well. So what does that make sense pro templates with pro, I guess. I don't want the column you get You get, uh, new ones, you know? So right here under the ad template right here, Usually with the free version, you're only limited to maybe like half of these. But with the pro version, you get access to all of them and these AARP redesigned websites guys. So basically, everything's already made. So I'm gonna go ahead and give you guys an example of that right now, So let's go ahead and say, Um well, let's do this. Let's go ahead and make a new page. I'll go ahead and close this. I'll make a new page. I'll show you guys a quick example of the templates. But again, I'm not gonna go too far in depth because I'm gonna talk more about that a little bit later . But it's making a page. Guys is it's so fast. So right here is gonna go to plus page. So right now I'm just gonna create a page, right? And you're thinking, you know, it takes a long time to make a page, you know? So that's going to demo pro and go to edit with L a mentor, all right. And I'm going to click on that template right here and then from here, you can just simply click on any of these and it's just gonna it's just gonna import the entire thing. And then your website's already done. So there you go. Just like that. And then right here, just click on insert, and then everything's done. So that's basically what a pro What A what a template is. So it really benefits your website now? Of course, it looks like this because, remember, I hope you know why. Because we didn't actually set the page. We have toe. We have to take off the header and the theater part, but just for, you know, to troll purposes. We'll talk more about this later, and you just get a whole You know, you get a whole website done for you no matter of seconds, you know? So I highly recommend it. It's really, really cool. And, you know, if you're looking to make a website really, really fast, you know, I would I I would definitely look into the pro features. And the templates are You guys were amazing. You know, it's not about working harder. It's about working smarter, right? You wanna you wanna make a website is fast as possible. And with the pro features, you're giving that access. So again, I'll go and do it right here. You know, I'll go ahead. And it was so much we let me show you one more. I think this one right here is a pro one. I will do. Let's see here. We'll do another one landing page coupon. A real estate for real estate agents, huh? Tourism. Uh, well, go ahead at in. I don't know what in this one right here. This this photography one. So there you go. You know that's it. You know you get this entire layout. Look, that someone, someone basically already made a website for you and, like, you know, aligning page for you in second. So it's really amazing what the pro elements conduce. Okay, so I hope this was helpful. I do have links for the pro. Um, the pro features in the description you guys do purchase it and make a small commission. So I get, like, maybe, like, I don't like 10% or some like that, but the pro features guys are truly amazing. And again, if you have problems with your websites or something's not working, these guys will help you out. Okay, so we'll talk more about the pro, lay out a little bit later and also like optimization everything. But that's going to go back to the tutorial and talk about you know what? Let's keep making the website. You know, you guys are already doing really, really good, and if you guys were here, Congratulations. Because a lot of people don't want to spend the hour two hours to basically give them a home career. A whole new trade, right? But they'll spend five years in college and learn nothing. You know, like myself, you know, So let's go ahead. Go back to the tutorial 12. Part 12 about us page part 1: go back to the tutorial. Okay, guys, welcome back. So in this section, we're gonna do the about us page. Now, we're also going to do other things like we're going to do the transparent menu. I'm also going to show you where you can get a logo. So I'm also gonna go a little bit more on the menu section or how to edit that and get this transparency or however you want it. Then I'm gonna go ahead and talk about all this stuff right here and well, as these shape dividers. And now I got these number counters right here and again going down right here. I'm gonna talk about how I made this great image right here with meet the team. And of course, this testimonial section. So you guys are already like you guys already? Probably, you know, familiar with the page builder. You guys, we're learning. So I'm going to actually go a little bit faster in this section cause I want to sort of force your brain to understand, Like, how we got these Now, by looking at these, I guess I understand. Text header underlying text butts in now. This is a two column row. Okay, so let's go ahead now and go through this. Now, I hope you guys remember the setting. So if you guys don't remember the settings that you need to go to this page right here now again for the main section, you're going to have 100% full with. So let's go ahead and do that right here. So I'm gonna go ahead and just show you guys again. And you don't have to do this for every page that you create. So again, right here, content layouts, 100% full with and then right here, disable the margin. And then for the header section right here, go ahead and show you guys again. We disabled it right here, and we enabled it. And we have our menu right here. So disabled default and then menu right here. Disabled default. And then menu one. And then right here we have our title which will go ahead and disabled because we don't want that other section right there, you know, on, you know, like right across your page. It doesn't look good, you know, it's not really needed. We don't We can make our own And then, of course, that's about it. So what you're done with that you click on update or publish or whatever you're gonna do, and then go ahead and goes to view page now? Yes. Can see. Basically, it's a empty page now so you can see all that stuff in the middle was gone. Okay, so right here, click on edit without mentor, and I'm gonna go ahead and design this section right here. So this part right here and then we talk about the menu in the logo, and then we'll move on to the block section. So let's go ahead and get started. So right here, I'm gonna go ahead and take this right here and slap it in, and I'm go ahead and put this in the middle. I'm going to about us, guys. Remember, I'm gonna go a little bit faster here because I want you to understand how I did this. And I don't wanna have to, you know, give you time to sort of like, Oh, how do we do that? I kind of wants to push you a little bit to make sure that you kind of understand how I got all this. Okay, so right here, click on this. I'm gonna stretch the menu I make a fool with and right here I can add a background to it. So we're here under the edit section. I my go to style and I go to background and go to classic. And I'm just simply go ahead and put in an image right there. So putting something like this and then remember how we got that before we did this style, it would did the cover. Now, you guys can also do the parallax effect by doing the fixed section which will make it a parallax if you want. But just for the sex, I'm not going to do that. And I want to add padding. So right here, click on this module inside. Click on this and Emma Goats too. The advanced section and goes to maybe like, 50 50. Some like that, or however you want it to be like 100 however big you want your section right here and then right here. Of course, we want to go ahead and change this heading right here. It's it's too small, you know, it's way do small, So I'm gonna go ahead and put this white and then right here to do something like open Sands. We've been doing open sounds for a while. And then, of course, I'm gonna go ahead and put something like a size a little bit bigger. And then, you know, a good idea is to space that out, you know, spacing out the header, right? There is always a good strategy because it just looks clean. It looks really, really good. And I'll do upper case. So that's a pretty cool right there. You know, that's a pretty good about our, like, Great. There it's It's pretty simple. It's pretty self explanatory. Okay, so let's go ahead and move on to the next section. So here, I'm going to add a new section. Now, by looking at this guy's again, I want you to understand two column row. We added these bars, text, text, underline text button. Okay, so let's go ahead, do that really quick. It's right here. I'm gonna put in these two right here, and I click on this. So we had texts. Then what? Over here. We had header. Then we had another text. Then we had No, I'm sorry we had the Underline. So here we had the underlying section. So we had the underline. And then we also had the button right here. The button. So right there. And of course, guys, it looks it looks very weird. I bet you're thinking like, how does this look like that? You know, it's it's so much different. All of it really is is just spacing and content and font and color. You know, that's that's really all it is. You know, it it just looks like it's a lot, but it's really not so right here. I'm gonna go ahead and say, You know what? Um, I want to go and give the space padding right here. Or margin. You know, it's it's, too. It's too close to the top. So I do something like, uh, you seem like 10 or for 30 you know, and then we hear, But something like, um, we would like something like, we are amazing or something. Sorry here way. We are amazing. And then right here, put something like our services or whatever you want to put. And then I want to go out of style. That's maybe I'll changes to black Okay, Then family will do open sands, and then waits will do 300. Okay. And in this section, right here, I want to go ahead and reduce that gap. Something like this to make it look Mikelic stylish, you know, make it look creative. So make this a little bit bigger to this is a little too small for me, okay? And then we hear you can put something like our services or something like that. And then right here, you can go ahead and just say, like, you know, I want to go ahead at a black button right here. And also I'll talk more about, like, pre made layout and everything else little bit later and templates how you can basically get this to save, and it'll be really easy. Now, this road right here, I want to go ahead and click on this. Now, I want to stress this section, and I want this full with, and I don't want any gaps because we're gonna have a picture right here. Right? So I don't want to go ahead and any gaps, that section and then over here, I'm a go ahead and put in just a regular module, anything. I'm gonna go ahead and get rid of all this, and I'm just gonna go ahead and add a background to this so style background, classic image. And then, Paula, we're going out on this one right here and again. Guys, remember, you needs to put cover. Okay, so now it's covered like that. And we can always make all this stuff bigger by doing the, um, you know, we can click on this right here, and we'll go ahead and say, You know what? We need some more. I need some more padding or something down the top or, you know, wherever. So right here. You do seem like that, but I don't want I don't want to achieve that look. So we're probably end up using this model right here. And this one right here, we could do something like padding, so or we do margin. I'm sorry. We'll do margin do like 100. And there you go. So now we have that section coming out a little bit better, right? So if you want to add more to it, you can go ahead and put more margin to it or you Can you know, uh, customize it however you want, you can give this section more top, you know. For example, would you, like 200 will make it even bigger. So, you know, just depends on how you want it. We actually covered this before the in the pre other section. I'm sorry in the in a split screen effects. So I'm gonna go too much in this. There's different ways you can. You can edit it and stuff like that. So I'm gonna go ahead, leave it like that. Okay. Now, of course, this doesn't look as good as this because this Texas little bit bigger, And I think right here, we actually aligned this stuff to the centre right here. So this section right here, you know, we could actually align everything in the center and make it look a little bit more like the demo right there. Or you can actually even put it to the right side. You know, maybe even to the right side would probably look a little bit better, but it really depends on how you want to build your website. You know, you can have actually everything on this side, but I was gonna go ahead and leave it like that for now, OK? And I'm gonna go ahead and move on to the next section, which is this section right here. Now, this section right here is basically the same exact thing. It's the same exact thing. So I'm gonna go ahead and to say, you know what? I'm gonna go ahead. Just copy this whole row. You know, I don't want to do the hard work again. No, why should we? Because, you know, we don't need to do all that all over again, and I'll introduce the bar counters as well. So this section right here, click on this. Oh, no. We actually click on this right here and dedicate this whole row, okay? And then, of course, we can go ahead and weigh. You know, we can go ahead and take this section and maybe suave everything around. See here. Go ahead and swap over here and there we go. OK, and then right here. I'm gonna go ahead and say, you know, I want a module here. You know, I want to go ahead and click on this. Delete this and I also want to go ahead and let the background? No, I deleted on accident. So to get that back I wanted to do right here is just, you know, duplicated column. And then there you go. So I'm gonna go ahead and trash all this now and then we're gonna go ahead. Simply put the bar counter module in right there. So there's a lot of different ways you guys can, you know, like I made the mistake of there after doing that. But, um, you know, it's any which way it works, you know, you can you can delete everything, or you can just, you know, put it out of any row. There's so many different ways. So I would look for the bar counters right here. You're the Progress bar. Now, I'm gonna go ahead and say, You know what? I don't want to have to keep dragging that, and I'm gonna go and duplicate it like that, maybe to make this right here, okay? And just like the other modules. So here we have my skill. You put something like our are are like s e o. And then give it a percent. And then, you know, do like our success rates and then for the style or we take the type right here. Now the type is just like a pre made color, so it's not really necessary. But if you choose to have it, you can do that now for the style again, I'm gonna go ahead and say, you know, I want this black the background color I wanted You know that that blue that we have going on the end line text I'll leave. It is white and the title, which is this section right here. You can change that something like black. And then, you know you can change its open sands as well. Now a good idea if you guys are doing that is instead of actually, you know, making all these like from scratch again. You can just go ahead and maybe delete thes and then just go ahead and just duplicate the one that you've already done, you know, instead of actually having to do all the hard work again. So I must say, You know what? I'm going to duplicate these ones right here and then from here, you can just go ahead and you know, you know, you already got the fonts and the color and everything. So just change the title, You know, to whatever you guys want. So that is basically this section right here. Now, let's go ahead and go to the next section. Oh, also the number counters, Let's go ahead and added some number counters as well. So right here. I want to Adamson number counters. So I'm gonna go ahead and actually click on this right here and bring in the column section right here and just drag it right below that and right here I'm a click on this and I will go ahead and find the number. Counters the number counters. Where are you guys? We have the testimonials, accordion tabs because there's a lot of other modules, you know, So feel free once you guys get a little bit more comfortable with the page to sort of go through all of those. But the counters air right here and again. So right here have starting number. So you guys can, like, make a start at a certain number. You know, you could make a start like a number like 50 and then make you go to number 100. If you like. You have a number of prefix Also the number subjects as well. And you guys can do also the time. So if you do 4000 m s, that's basically four seconds. Okay, so remember, it's an M s time. So you want to basically put it for M s time, okay? And you can do like 1000 separator, which is like the comma 4000 right here. And you like cups of coffee. And then for the style, I'll do something like black And of course, being changes to something like open Sands. And then again, we can go and just duplicate this row instead of making, like, you know, five or six five or six up. You know, Rose will just, you know, there you go. And then, of course, you guys can, you know, change anything else. And of course, you can see it looks pretty good. So also, you might want to add, like, a different shade to this background. You know, adding the shade will really help. So right here under the styles, we have the Grady in effect. So right here I can click on, like, a color. Maybe I like the color to this. I think I did like a white And I basically added a dark blue. I'm sure I'm sorry. Light blues Let me show you how it did that. So I kind of like, made it, like, go from white. Just kind of fade in from there and all that. It was basically just reduced the location in the angle right here. So that see right here can also reduce the angle. Tell me, do you want 50? Let's see how I can get this right here. I should probably do I switch. He's around. I should do from light blue to white. Okay. And then from there you can do like our location. You do like an angle. See how I could make this work. There we go. There you go. So you guys can see that I basically made the page. Kind of it. Kind of like soaks into the blue. You see that? And you know, you can always increase the location to make it go up or down. So that's how I basically achieved that effect of this color right here. Kind of like, you know, right here. Like, kind of like fading in and then fading out Okay, so it's just, you know, kind of like messing around with its missing with the settings. You guys will get it. You know, I'm sure you guys will get all that stuff. I'm sure you guys are pretty pretty fluent with it. So right, here we go. To add a new section, click on this, and I'm gonna go ahead and add in a header text so he'll put it something like no experience needed. All, Senator, this right here. And I go ahead and add some padding to this. Oops. So under the advanced section right here, I'm going to add in some padding, so maybe, like a we can add only when we get some margin. Actually, I think the martins better aligned like 100. And then, of course, we'll just go ahead and add a background to this. So clicking on this section right here the blue section, I'm a stretch this section go to full with style. And remember, guys, you're gonna video backgrounds. You can have Grady INTs you can have the classic is gonna go ahead out an image right here and just insert the parallax effect. So again, remember to get the whole picture up there. Half the goats, Teoh are our size and go to cover. And then again, if you want the parallax effect and go to fixed and voila, we have that beautiful parallax effect right there on our website. All right, so here on changes something like, Well, you're white. You know, we'll do white what's good, And then we'll increase the size. We would have got open sense that we're doing open sands. I recommend guys open Sands or Roboto or Lato. Those are all really good ones. No experience necessary. And I go ahead and answer to a divider right here. It's a little too far. You know why it's doing That is because we added too much margin on the bottom. Okay, so right here we go to advanced, take this outs and go to zero. So don't want any space If you guys don't notice on all my tutorials. Guys, I am never scripted. You know, I I am not like one of those guys who, like, rehearse and everything. I just know how it works. And I just basically just show it from scratch, you know? I know what to do. So I'm not. I'm not on a you know, I would never do that. I've never like on a scripted like that. Those people are crazy. So right there, you guys can see we have this section that appears right there. Looks pretty good. Now, let's go ahead and add in a counter right here So we'll go ahead and click on this. So we have four counters. So you guys know how to do that? We're gonna go and grab these column, which is right here. Just drag him underneath, and then we can go ahead and duplicate this role like that to have four. Okay. And then I was gonna simply click on this and dragon, these number counters like that. Okay? Or I could duplicate this row, but I'm gonna go and distract him. I want to drag him, you know, I want I want to change it up. I'm tired of doing everything the same way, you know? So number counters. Okay, number counters. Okay. And how did I get that effect? Right there. How did I get this effect? Do you any You know how I got this? I don't want Oh, I don't want, you know 13. Part 13 about us page part 2: number counters. Okay, number counters. Okay. And how did I get that effect? Right there. How did I get this effect? Do you any You know how I got this? I don't want Oh, I don't want to, you know, ruin it for you. But that's the shape divider. Okay, So basically the shape of other for this section, I basically just add it to the top in the bottom. Okay? And remember, for the shape divider, you're gonna have to make it control this blue section right here. So shave divided right here. The top section. You can add whatever you want. OK, so you know, you can do some high clouds, and of course, you can change the color of it. But, you know, guys, keep it consistent, you know, don't get tacky. You know, you always wants, like, maybe three colors, Max on your website. You don't want any more colors than that. Because if it gets more than that, it just looks ugly. And people are like, you know, this website, it looks kind of tacky, and it doesn't look good on the bottom section. I'm add clouds again, and that looks pretty cool. Except for this section right here. But you guys don't know how to fix that by now. Um, you should, But you can increase the padding right here or in this module or in this module. It really doesn't matter which module you add padding on, but right here and click on this. Go to advanced. We can add padding to the bottom, which is more space. But I'm gonna let you guys do that. You know, I think you guys know how to add padding now and add more space, and and you can push it and stuff like that. So I'm going to leave it right there now for the cool number again. Guys, you probably want something like a like a white fonts. You know, it looked a little bit better. So the topography again, you can change. This is for the number and also for the title. You go ahead and change it to whatever else you want. So why, it's probably block right here, because I have to probably push this stuff down so I can go and at some margin right here to the bottom section right here like that, to give a little bit more space or can add our can add padding. So right here. Oh, click on this. Actually, this will work just like that You can do like that's or you can add padding to the bottom instead. You know, it's it's really depends on if you want margin or patting. They virtually almost worked the same, but they kind of don't. They're very different, but they do kind of work the same in some aspects. Okay, so that's basically this section right here. So went back over here. We have these three right here, and these are basically the blurbs. All right, here we go to Adam. Your section entered three rows. All right, so we have 12 and three now, I actually inserted the Icahn box. Okay. So, again, icon box right here and the icon box. All right. So I can click on one right here, and, you know, you can do stacked or frame. And then, of course, you could do, like, circle or square. You can, you know, you can change the icon right here, So put them like that's now also for that composition look better like that. That's also how I did it. And you guys could actually get guys you can get is customizable, as you can possibly think of, you know? So, for example, right here, let's say, for example, I don't want to use this one. I'll give you a better example. I'm going to remove this column. And, um, you know, actually, I'll go ahead and just duplicate this right here and let's see what else I can do here. I'll go ahead and put in this image one right here. This is a This is a trick right here. So the image box, I'll just go ahead and put it like an image box, and I'll delete this one right here. Now, I know it looks like it looks kind of like you really can't do much with it, but you can actually turn this into some sort of profile. So right here, click on the leads, put this guy right here, and you're probably thinking out doesn't look good, but what do you do? This? And you have a bigger picture right here, you know, because we can actually increase the image size right there. And now what kind of looks like a profile, right? It looks like a a person's profile, so just kind of using your creativity right here. Like, for example, we can do something like I'll do something like, uh, let's see here, durable Seuin It would be like, I don't know, CEO or whatever Whatever people put in these days, you know? And then this guy helps people people with WordPress tutorials. And then you could talk about your company and our company is gonna fail or whatever a succeed because we are amazing. So it's It's basically just kind of using these and any sort of way to get the results you want. There is no right or wrong way to use these modules. So I want you to kind of understand that, you know, just because it says it's an image model doesn't mean you have to have it like this is a profile right here, you know, And for no other ones we used, we used them not the purpose they're used for. But it's all about creativity. So any which way you can possibly imagine to use these, use them, you know, and right here added a profile. Maybe I can add to right here and add like a split screen effect to it. You know, like a split screen profile. Maybe you and your partner, you know, it's all about creativity and just using your imagination to get the results you want, because there is no right or wrong way to make a website. Guys, that really is not. And then, of course, right here you can put something like your linked in profile, you know, like even you can say, like, click on this to go to my LinkedIn or something like that. You know, whatever you can possibly I think about. And also we have meet the team right here, and I have these four pictures. So right here we go ahead and goes to add a new section. Click on this and I'm ago right here to header. I'll put some, like, meet the team. I'll put a center style, go ahead and put open Sands. Are you here to decorate this and then one black and then maybe hopes and they may be right here. We'll do something like a weight of 300 will increase the signs. And I want some padding between this I don't want I don't want to close you know, so well, do something like that right there. And then, actually for the bottom will put zero. Because I hope you know why we're gonna add a line right here. And if we have padding right here, it's gonna push the line away. So, human click on this, go to divider and drag it under. Okay, Then I will go ahead and center that reduce the with, increase the weight, and then go ahead and reduce the gap and changes. Carter Black looks much better with black, right? All right. So we have meet the team section right here. Now, I want to add those four pictures. So when I click on this right here and add in Oh, I can click on this. Add new section right here and click on four pictures. Okay, Now, this section right here, you're simply just going to drag images right here. So we're just gonna go ahead and put the images of this guy and also guys in the folder. I have different pictures for you, so I'm just gonna use this one, but feel free to use your company or whoever you want or, you know, your brother or your sister or whoever you want to do. So here we put that's and then again, put this and that's and you know I can also to go ahead and just duplicate this instead of wasting all that time. So that's just another way you guys can use the duplicate rope. Okay, Now, for this section right here, I'm a click on this road right here and again. I'm a do full with because I'm basically saying I want this room to be full with right here , you know? So by clicking on this right here by clicking stretches section and full with and remember , I don't want any gaps, so I have no gaps. And as a result, we have that great effect right there So you can have your team there. You can have all sorts of really cool stuff, and you guys can kind of mess around with this, you know, like, well, I wouldn't do fit the screen or, you know, men high. You know, the mid height, Maybe you can kind of increase the size of its, but that's if you choose to, or you can do like, you know, if you want, like a full screen one you know you can do, like, fit to screen, but I wouldn't do that. I'll just leave this default and, um, you know, that's basically that's pretty self explanatory. You know, if you guys want a caption right here, you put like a Darrell Wilson right here. Harold Wilson. And then I hear you can put like your other partner or something else, and you guys can always change the like. The fall on everything or what you can do is just go ahead and say, You know what? We can just go ahead and added in a text editor, right below that, and then we can talk about our our person. And then let's say, for example, we have the pro version. We have the social media icons like we talked about. I don't have them here, but I wish I did, you know, because we can add the social media icons below Nats make it look really professional and really clean, but we do not have that. So that's unfortunate. But if you have the pro version, you can add social icons of the bottom right there. Okay, That's basically how I achieved this section right here. You want a section like that for the great effect? That's how you achieve that section. Okay. And the last section we're gonna do is this section right here. Now, guys, this is really easy. This is this is too easy enough for you guys. Now it's this being competitiveness. So we'll click on this right here and go to our our models right here. And we used testimonials, Testimonials. So right here you can talk about your company on the content right here. So this section right here corresponds to the content and then for the image. I'm a delete that and just put this guy right here. This guy is the main guy. Today, he gets in a you know, and then right here, you could put something like, you know, your company name. So they're old Wilson. And then job just do, like, WordPress repressed dude, dude. And then right here, we could do like alignments. You contained alignments to whatever you guys would like. And then also, from here on the style, you can change the content color to something else like black and then to topography. Open sands. You know, people love that font. I don't know what it is, but it's just the most popular font, so I don't know why, but people, people really love it, you know? And here we can change, like the size, you know, everything else. Maybe uppercase line height. You know, we can change the line spacing. Some companies do that, you know, I don't know that too much. That's too much, you know, I don't know. We gotta tone it down there. That's too much. Something like that. That's a little bit better. And then for the image, you can change it for the name. So it's so customizable, you know, and I can't go through every option because the name corresponds to Darrell Wilson. The job corresponds to WordPress. Dude. And this stuff right here just corresponds to the font and topography. So just, you know, just go through if you want, and now that'll be It's OK. So I hear you click on this. Oh, guys, Former thing. Don't forget to safe. Please don't. Don't forget to save. I've had people comment or like Hey, Darryl, I was building my website and then I didn't click on safe, and I'm like, Well, I'm really sorry. You know, I'm sorry that happened, but you know what you want todo I'll email you a Starbucks $5 gift card or something, you know. So, I mean, that's the Lincoln do, right? So going back over here, we completed it. Now I want to talk to you guys about the header right here. So this right here looks really good, right? And our website does not look really good. Our website keep opening that tab. Our website has this right here, so we need to go ahead and fix this section. So go ahead and save this stuff and let's go ahead and go to our, um What? We cannot give you the page. And then right here we go to customize. So we need changes. Options in the theme customizer. All right, so it's loading my theme customizer, and there we go. So right now, I'm gonna show you guys how to make this transparent, And I'm not going to go through all these right here and explain what these are. Just so you understand, you don't have to follow me here, but you guys can just kind of watch and understand and get the general concept, so site identity right here. So, for example, like your website dot com put it up there. But I'm actually going to replace this right now with a logo, so it doesn't really matter what I put there. I'm just not gonna have this year because I rather have my logo there. Then, um, you know this text, and I'll show you guys were to get logo in just one seconds. And also for the site icon. So again, right here on the top. Left, right here. You see, we have these little icons. Whenever someone visits your website, you go ahead and put it right there whenever you want. So he opened this right here. And now you can see right here on the browser that that will show up whenever someone visit my website. So I'm going to give you a website that you guys could get a local firm. It's really cool. And next right here is our menus. So we have many location again. We talked about this. So we have the top are we have the main and we have the footer. So we basically put that and also for mobile, which is optional. You can decide to put it there, but it's only it's gonna be a hamburger menu for the mobile. So I'm not gonna go that. But I will cover mobile optimization in the next section, so make sure to stick around because that's extremely important. Come back over here. We have the widgets. We talked about the widgets right here on the bottom of the page. So again, right here, we have our widgets going back over here, the static from page again. You always want to set your home page to, uh, right here, like your static home pages. This and also your posts, pages, whatever you want and we'll talk about the blogging just a little bit. It's going down here. We have the general options. So a lot of these actually don't really apply to us because we've actually used our own page builder. And we didn't really use their page builder, So as a result, many of these right here are not really needed. But there are some, like scroll to the top, like this, going to stop us and wait the bottom. You can go ahead and change. That's he. Just icon right here. we can change it to something else we'd like. Okay. So you can, you know, have fun with those and change those whatever you want. Like the input text area. No. Yeah. This is a field of, like, the way bottom right here. So you're just going to kind of go through these and customize them and decide how you want it. But I'm not gonna get too much into all these right here, because, ah, lot of these guys are not applying to us because we know not use their Paige Miller. Use l a mentor. And like, for, like, the layout style. See, we don't really need to mess with any of this because we've actually had the plug in do all of this on our own, so we don't need to mess with any general settings whatsoever. Okay, So went back over here topography again. We don't really need to use this too much because we are using our own right here. Like we don't need to basically, like, do like our body like a font. But, I mean, it actually really is helpful if you guys decided to use their page below and everything else, but we're not, so I'm not going to actually use it. And yes, conceded only applies to something like the menu where the webs like the top right here. But we're actually going to replace this right now, so it really, really doesn't matter. However, it actually does matter for the menu. So I want to make sure that you guys don't skip this out. So feel on the top right up here. You can see our menu will change, so it only applies to the menu and the footer menu as well. Okay, if you want to go ahead and change some of those settings right here for the menu, this is where you're going to do it. And I recommend doing something like, um so even you like capitalize. And we're doing, like, open Sands. Let's go. Let's keep it open, Sandra. Here, don't do something like Well, do, like, you know, like that. It looks pretty cool. And I think for this section, that's probably it. So I go to save and publish and go back right here. Go back again and right here we go to top are now the top. Are we actually replaced? So that was the other bar right here. So we don't really need the top are so on this section. We're not really gonna use it for much because we actually disabled it, so we don't need the top are as well. Okay, so I will go back and we hear under header. All right, here we have, like, our general, our menu, our logo etcetera. So your logo, you're gonna go and put right here. Now, guys, you're gonna have to go to Fiverr dot com. And I want to actually talk about, like, good people and no good sellers and everything so you can type in something like logo. Now, there's also a link in the description. It will take you to web. I'm sorry, fiber dot com. If you guys do you purchase something I think I make like, I think I get paid just like traffic. I don't even know how I had never even like Goto like my Philly program. But right here, you guys concede to have really cool logo makers right here. So I will do a business logo and you can get a logo for just like, five bucks. And guys don't want to cut corners with your logo. You know, your logo is a representation of you. It is what people see when they talk to you. So these people right here will make really cool logo's for starting around $5. Like this guy right here. $5 each. Other guys right here like that are like, 25. You know, you don't have to use them. You can just use someone for five bucks. My logo was made for $5 so these guys will provide you with some really, really cool logo's. Okay, So go ahead and get it from one of these guys. And once you're done with that, you guys can actually go back to your website and insert it in. So right here under logo. I'm going to just put this for now, angle to select, and then I want you to, like, kind of like saying Oh, well, what part? Or like, you know how much of the logo. So I'm just gonna, like, select this little bottle right here, you know, just just for total purposes, guys. So there it is. There's money, logo, and again, Guys, you want to make sure that it is p and G. Okay, so this logo I have right here my websites, This is a PNG file, and what that means is it has no white backgrounds like this. Right here is a J pig image. So as a result, it has It has, ah, background. You don't want a backward right there. Okay, So I'm actually just gonna go ahead and remove this. This looks horrible, Goes So I'm just giving you an example of what you would want for your logo. I think the general sizes around, like, you know, 50 pixels by 50 pixels. So you want to go ahead and use that as well. And you can also change the size of, like, the logo on everything right here is Well, okay, so go to that Web sites, get your logo for five bucks and then come back here and you can go ahead and upload it right here. Okay? And you have, like, the menu right here, and you can like center. It's you can do left. You know, a lot of these settings guys are very self explanatory, like the link color. You know, they actually think are the most important one. That's the actual color of your menu right here. Okay. And this right here is your secondary menu. So this right here about us is your secondary menu. So remember, we never making customization is to your your websites. You want to make sure that this is the secondary menu, so that's just letting you know what it is. Okay, So I'm gonna put white right here and the reason why I'm doing why it is because I'm actually gonna add a transparent background. So we got to save Go back right here. And this is like your menu social. You can go ahead and enable a social menu at the top. So you want to go ahead and give it a social menu? You can do that. But I'm not gonna go ahead and have that. No, thanks. Going back over here for your mobile menu as well, and I'll get into mobile optimization in the next section so you guys will understand it a little bit better, but this is just basically decorating your menu on mobile. Okay. All right. So you go right here to General, and I see the style right here, so we can style this menu different ways. So, for example, right here I'm adding a transparent background. Many S and C. It's transparent, or you can have top menu also a full screen or center or medium or whatever you want to do . So these are the example of the the headers custom headers as basically where you like, make your own little header and you can do like like you know, you basically make ahead on a page and you can select the right there, but it's really not needed. You know, the transparent used probably want your best options right here. So we hear my click on this little header bottom border and then that gets rid of that. No, guys, remember, you can actually have a regular menu like this. The most websites have it like this, you know? So this is like the standard now, the reason why I transferred the Texas wise because, remember, I added in a transparent I'm sorry, a white text. But again, you can change the background color to accommodate that, you know, so you can kind of see it a little bit, but I still want the transparent background. I don't want any of the I don't want to see anything right there. Okay. All right. So I go ahead and save this right here and now I'm gonna go ahead, and you can also change the high the menu so you can make it bigger or smaller. But I think everything is like 74 was good. Now move over here and go to logo. And I'm gonna go ahead and add in a local right here. I'm adding these locals right here. Someone go ahead and put these in to give it a little bit more of the You know, an idea of it like that. So there it is, my logo. And you can also do like a read. No logo if he wants to. You know, whatever you want. So and also, you can change like the height of it. The max with Actually, I should probably probably removed that one. That's you Put this to 500 to go ahead and read to that one. OK, so there it is. There's my local guys. And again, if you guys need help, make sure you go to fiber. You guys get a logo for five bucks. You guys to use my link, I make, like, you know, 10 cents. It's really it's really cool 14. Part 14 VIDEO FEATURE UPDATE: and sense. Really? It's really cool. You guys welcome back. So I'm actually going to introduce you all to another feature update. So sit back and relax. Now, this feature update again just came out. So right here. You see, I have these images right here. Now, if you want to be able to have people click on your picture and have an image like that pop up, I'm gonna show you how to do that. In fact, you can actually go ahead and change all of the colors when they actually click on it. So, for example, right here you can have all sorts of really cool background colors if somebody decides to click on your image and this is actually kind of mass your scheme. So go ahead and click on an image, or you guys can just go ahead and watch me. And when it says it linked to just simply go to media file and now this feature light box will pop up, and so we just click on Yes. Now, there's also another global feature at here under global settings which will have all of your images have this. So opens a light box or opens all image links that will have a light box pop up now to get this feature again. Remember, you have to have it linked to the media file. So what that means is the global feature is basically saying for any image on your website that is linked to a media file, it will open up a light box of this color right here. So global settings, lightbox and, for example, put this one right here. So basically, if I click on any of these images right here, it's always going to have this cool little lightbox. And this also works for the gallery module. So this will, you know, if you want to have people scroll through your images, you can go ahead and use the gallery module as well, and that will basically display. All of the images were you know, they can click on it. So it be this model right here that got the image gallery and again they can go through and scroll all the images, all the images that you put inside the gallery. This will work as well. Ok, so it's a really cool feature up that they added, and they just released it. So if you guys are watching this today, congratulations, you guys ahead of the game. So make sure to check out the future updates. And also you don't want if you don't want, like all of the images on your websites. Um you know, if you want a global, you can go ahead and disable the global feature so global settings and turn this off and then you guys can just have it for the each specific image. So remember, you have to go to this section right here and do it through each image. However, if you want it on your entire website, you don't have to go through all your images. You can go over here to global settings. Lightbox enable this, and voila! It will automatically work on all the links to an image file. Okay, so be sure to check that out. Guys. Now let's go ahead and go back to the tutorial. 15. Part 15 blog!: to the tutorial. Alright, guys. So in this section, I'm going to show you all how to make a beautiful blawg. Now, depending on what you want to do, I'm going to show you two different ways. Now. One is the freeway, and also one is the pro way. And I'm sure you both just because you want to change your mind, the future upgrade to the pro or you want to say it the free. So this is the free version right here. And you're just basically gonna get, like, a little block post right here. And, you know, your blood will look beautiful and look really, really cool. Your block post Cool because we're going to use elemental or to actually design are actual block posts. Have you guys decided to use the pro version? It could look something like this right here where you can go ahead and decorate it. So right here. You can see that on this top part here I have these cards and you can change the background and everything in this section right here. You can change the font, the color, the read more, the link you can be very customizable with this version right here. Okay, so this is the pro version right here. So again, it's the same things that doesn't include this top part right here. So depending on what she wants, I'm gonna show you both versions, and then you can be the boss of your own website and decide what you want. So again, pro version. And this is the free version layouts right here. So let's go ahead and make the free version. So right here we go to plus New and go to page. Now I'm gonna do something like the the free blawg post version. Now for the sidebar, I'll just go ahead and leave the sidebar to the rights because you might want to sidebars. I'll talk about with this in just a little bit. I'm going to say, Well, the margins the header disabled enabled. And then menu one. And then for the title right here. I'm gonna go ahead, enable it. And then what do you actually wants to name this blawg? Well, I'm gonna do something like the best log ever, and then go ahead and put publish. So I go to view page. Now we need to assign this page as our blawg page. Okay, so to do that, we need to go to customize all right, and then right here under static front page. You want to set the post page as the free or whatever page that you created. So this is the free blawg post version. So I'm gonna go to save, and then your block post will show up right here. So we go back right here and also for the block section right here. You can change your blog's entries over block entries right here. You can put your side bar to the left. You can, you know, take off the overlay off the image. Now, in just a second, I'm going to show you how to make block posts. So don't panic. Don't worry. You guys contains the blog's style, so you can see we have to. Now it's kind of grid like this. You can change all sorts of stuff. You can have, like, three great columns now, also right here. The element positioning you can have, like the title below the content so you can see now the content shows up above the titles. You can kind of drag and drop them like that. It's a very amazing blawg feature they've added. But I want to go out and just, like, get rid of all the meta like the author of the date The categories. I don't want any of that stuff to show up on the block pace right here. So something looks like that's you guys can dio Mawr excerpt, which is basically more characters. So instead of instead of basically 19 carriages and now is showing 42 words okay, so you can kind of reduce that's But now let's go ahead and make the actual blawg post. So I'm gonna go back right here and click on X. So this is the actual blawg page, okay? And then right here on the go to plus new and go to post. So post not page, then this is the page we are creating now again right here for the content layout. I'm going to use a layout from elemental or so I need to make sure these are all on the settings that I need them on. So I hear header Probably on this a few times already. Yes, yes, learning. Okay. And I'm go to publish. Okay, I'm go to edit with l a mentor and all I'm gonna do. Guys, it's simply go ahead and add a template right here. I'm going to use the block post template. You guys actually have a lot more on the website, so be sure to check out these layouts. Sorry. Here we go. Do block Post launch. I didn't have I two or three times like styles. And again, you can just make changes right here. So you can feel like your websites, your website, blawg going to lean, always Bullough. And then you guys can go ahead and just, you know, change the content here, do whatever you want, because everything is already done. OK, so that's basically how we did that. So here we go to safe. Now, One more thing I want to do is I wanna go to view this page right here. So this is the actual page right here that this is the actual post. Now we need to make sure we need to change some settings, like right here we have this stuff on the bottom right here. We want to go in and change all of this stuff. So right here under customizes Go to click on that. Now we need to actually go to the actual customizer where talks about the actual blawg post . So not just thestreet I'll the actual post. So this is the single post right here and all right here. You guys can see now I kind of recommend just getting rid of, like, mostly everything here because we're not really using any of their stuff right here. We're not using anything. So we're using l a mentors version of this. So we really aren't, um, you know, we don't really need any of this stuff, you know? All right, so it's going down here now. All we have left is just the comment section right there. I think content will actually get rid of all of our content. You don't want to do that. That's not good. You want to go ahead and make sure you have content and just comments maybe an author box to you know, you can have author boxes. Well, because with the elemental page below, guys, we don't need these other settings that the theme gives us because it's just not necessary because we're using l A mentors. Ah, page builder to design our own. So we don't really need any of that stuff when I obligated. Okay, so here we go. Teoh, Click X. Now, let's go ahead and go back to our page. I have to close out of it. Sorry about that. All right, so let's go ahead and go to our actual block post page. So here we go to our page, two pages. So we did the free version. All right, so I clicked on that, and then we did. This is the page that we're creating. So this is the actual page and click on its It'll take them to this page right here. And while we have this beautiful blonde post, Okay, Now, one more thing. If you want to add a featured image to this, you wanna click on this right here and goes to edit post and you want to go in and out in a featured image. So it's going down over here, the bottom click on set of featured image, and this will basically allow you to put a featured image right there except this. And they go to update. Okay. Now, instead of going to the Post, I want to go to pages and I want to go and see that page. I did it. So the three block post. So this is the actual page member, that page we are creating, and then Voila. We have this section right here. Now, this sidebar section guys is called the Widget section. And basically, what this is is Well, it's for a lot of things, You know, You guys can add a lot of things there, so click on widgets right here. And also you go to appearance and widgets. Nice. Here it says sidebar. So right here we have all these little boxes right here. You can put like the about me. Remember how we decorated the footer. The same exact way you decorate the footer is the same exact way you would decorate the sidebar. You cannot like a Facebook like box. You can add a subscription like subscribe to my newsletter. I have a tutorial on that as well, guys. So be sure to check out my editorial. It's a free resource. Take full advantage of it. Could teach you all about male chimp and how to use, like, even on marketing all that stuff at no extra charge, no cost. It's all free. So I'm going to close the sections and then, you know, social icons. You can add social icons right here something. And then again, you guys can adults. You got a video? You can all sorts of really cool stuff to your sidebar guys. So that's basically what the sidebar is. And that's how easy it is to decorate your sidebar. Because, you know, when you go to like, a blocked page that was having a sidebar and stuff like that, Well, that's exactly what it is. So I basically all they did was have search recent posts, social icons and categories Now for category. Now, for these things, these might show up. I don't know, because you have to set the dimension for it. It's really hard for me to you know, which plug in how it works, guys, because I have used thousands of plug in. So every plug in has their own little way, and they have their own little attitude, so you kind of have to adjust to it. So I'm gonna actually go to my dashboard and view that page right now. Okay. Remember, we made the flee the free block page. So the free block post version I'm go to view the page and bulla and again right here. We have the recent posts. We have the search bar, the follow us. I probably need to add in the little the little abstract symbols to make the following icons appear. And then we have categories. Remember, You can also categorise the block post as well. And if I click on this right here, There we go. We have a beautiful blawg page. Okay, so that's basically what we did right there. Okay, guys. So now that I've shown you guys how to do the free version, I'm gonna go ahead now and show you all how to do the pro version. Okay, so here we go to bed with L. A mentor. Actually, I actually have a under the one on this server. This one's, like, a little bit quicker. This is a site ground. This one's actually much better. So I go ahead and go to my page right here. So you guys are probably little bit now familiar with the page builder guys, so I don't want to sort of go really basic and beyond cause you guys probably understand how to do a lot of this stuff. So I go to bed with elemental or and just like you made the home page, the about us page, You're gonna do the same thing right here. OK? But I want to show you how I designed this section. Okay, so this section right here is actually a shape divider and other really cool. So if you wanna have this look right here, basically all they did was I clicked on this little top icon. I said this to stretch full with now for the style. I actually said it as a shape divider. And then the bottom part, I gave it thes wave brushes right here. Okay, So that's how I kind of designed this. And member you guys can, like, you know, change it. You guys can change the hides, all sorts of really cool stuff. Okay, Someone do. Waves was a ways brush. Now, how did I get this section right here? Well, what actually was considered an image gets their image right here. So again, right here. I want you guys to look at this. This section right here and guys this same image is in the folder. Okay, so right here for this blue section, I just simply made a stretch section a full with section style normal. The background type is classic, and I put this image right here. Okay. So basically, all I did was I just basically put in an image. I stretched all the way across text module, and then I put a divider module. Now one really cool resource I want to give you all is How did I blended in? Perfectly. So this is an image. But this is not so. How did I blended in? Perfectly Well, I'm gonna give you a website right now That's going to show you how to actually get the color code off any image you want. OK, so we go up here, I gotta google and it goes to, um H T m l Culler Coats, ace email color codes. So is this when I hear Don't worry, guys. The link is also a description, so it's html dash color dash coach dot Info. Now, right here. I'm gonna go to choose file, and I'm gonna go and select the elementary one. I have a lot of videos. You know, mostly this one. So So right here. I have the home portfolio. No, we go to show image. I'm a click on this right here. See that? I clicked on that. It gives me the color code. Amazing that this is amazing. So let's go ahead and go back to our actual page. Now, this section right here for this shape divider on the bottom part, I'm gonna actually put the code in there, but it's already there, but I'm gonna change the color on purpose. So shape divider bottom. I'm a change. It changes of this color. All right? Now, the same color code these guys gave me, they're saying this is the code of that color. So also gonna do is simply take this and paste it in there and voila. It blends in perfectly. OK, so I'm gonna go ahead and let this section. This is like old block section. Now I'm gonna go ahead and add in the pro feature. Okay? So the pro feature is the post section right here. So let's go ahead and find it. It's in the pro section. Oh, it's actually on another website right here, so I'm gonna go ahead and save it, and I go ahead and add it in right now. Already I'm back. So I just installed the pro version of elemental or so right here. I have the post section. Now. I'm gonna take this right here and simply drag it to this bottom section right here. So now I guess can see. I have this section right here and all they did guys was I just basically put in some padding right here. So give it. Give the image from space and everything. Okay, so I did 1 2121 20 And on this section right here, I left it all blank. And then this section again, I'm a blank. Now, how did I get that achievement? So, basically, what I did was I took this right here, and I reduced the margin. In fact, I made it negative. So we'll click on this right here and do negative, maybe 90. And I guess can see I have the images kind of pushing up right there to give it that beautiful design. So that's exactly how I achieved that right there. Okay, so all your post will show up right there and again. You guys can go ahead and take this thing module right here and you guys can decorate it. You know, you can just do like classic tales of cards, which is like a new feature. So it's really clean. It's really professional. Um, you know, you can change the image size you guys can kind of go through these settings. Now that you guys are familiar with how this page builder works, you know, you guys can go through all these settings because, um, you know, column Gap Road Gap. This stuff is pretty self explanatory, you know, change, alignment, the car of the border radius. You know you can change it like that. There's so much you can customize with the pro features. It's it's simply incredible. You know, you can have like that, you know, And it just looks, you know, it looks really cool, even though it doesn't look like it's not how it's supposed to. But you know, it looks good, so it doesn't matter how there's no right or wrong way to do it. You know, you can also have, like an image, hover over effect. You get like a great in effect you can do like the image, the color background, the tax, the batch position as well. It's just living. This guy's on what you guys can do to, you know, get customizable with this. Okay, so, you know, go through this, check them all out. I don't want to have to go through and go through old topography. You guys understand what that is by now? Okay. But that's how I achieved that look. And it's beautiful. You know? It's a really clean look, you know, with this, Like, it's like clashing wall so you guys can see it's sort of clashing. And I have had more, you know, more right here to maybe like we can have, like, 11 30. I'll see what 50. And then if I go and reduce this, you're gonna see you like how these kind of push up and it looks like a split screen effect right there. Okay, so that's basically how I did this section. All right, let's go on and move on to the next section. 16. Part 16 QUIZ!: All right, let's go on and move on to the next section already. Guys, welcome to our first quiz. Now, I have these two images right here. It's a really beautiful design, and I was really cool the core. But how did I make this? You know, how did I make these two images collide together? And, you know, if you want to use your websites, I'm sure you want to kind of mess around, and I'm gonna show you how I made this and how you can incorporate it on your website. So here we go to bed with L. A mentor, and I'm also gonna talk about responsive issues as well. So basically, all that did hear guys was I have two columns. I have one column, and I have to Collins. Right. So all that really did was have one column right here to come right here. And this one right here? This column I have full with no gap, and I just stretch the section. Okay, so this is basically you know what? It's one giant section, but with two columns. Now, for this column right here, I decided to take the columns right here and put it on this section right here. So as a result, I have two images. So I have one, and I have to. Now, by default, it's gonna something just like this. Right here. Look like this. Right? So if I take the columns right here and I drag it over there and then I put two images, blah, blah, blah, it's going something just like that. So how I achieve this section was on this section right here. I put it as full with, and I didn't really add any padding, but I added so margin. So the margin will do something like that right there. We'll give it some space. So by adding some margin, I'm basically kind of centering it right there. I couldn't go as far as 90. Okay, Now, for this column right here, I kind of want to move this column around. So I went to the advanced section Now for the top right here. I'm gonna put 100 now for the left side. I want to go ahead and do minus a negative 1 80 and voila. We have this clashing section Now. If you look at it, it's beautiful. It looks great. Now there's one note I want to make here, guys, this section right here is gonna have responsive issues. So you want to make sure that you go ahead and disable this for the tablets and also the mobile, because by default, it does not look good. So how can you prevent this from looking bad on mobile users? You can just go ahead and just disable this whole entire section. Okay, So by going to the advanced section under the Responsive, you can go to hide on tablets and hide on mobile, but it will appear for desktop users. So again, right here, you go ahead and visit it on a mobile device and fall off. It is gone. Okay, so that's a quick alternative on how you guys can make that page look really good along with responsive issues to fix it. It's going to scroll through the rest of this so this guy's will not show up. So again, don't worry about the section two months, because again we disable. That's on the tablets. Now, if you want to see how it really looks, you can click on this and then it's going down. You can see it's gone that damages were gone, so it will be fully responsive and everything else. Okay, so that's basically it. That's how I made it. Have you guys enjoyed this quiz? Let's go ahead and go back to the Torah will talk about all the cool stuff. 17. Part 17 mobile optimizatrion: All right, guys. Welcome to the mobile optimization section. So here we're gonna talk all about mobile optimization, tablet optimization, strategies to use and just things to watch out for. So right here, click on edit with L A mentor. All right, so we have this section right here now to look how you know, to see how it looks on mobile. You want to click this computer here and go to tablet, So go ahead and scroll down. And if everything looks good to your websites, feel free to leave it. If it doesn't, then go ahead and change it. Now. One thing I want to look at is this section right here. You know, I don't really want this section. So right here on this section right here, I'm a go to advanced, Go to Responsive, and I want to disable this on tablet and mobile. The reason why is because I don't really care if people out there CDs on mobile or tablet. You know, I don't want this section to show for mobile users. Have you ever been to like skype dot com or another website on mobile? And it looks completely different than their actual desktop website. That's exactly what we're doing here. So here we click on safe. So I don't want this to show up. So go and scroll down. This looks pretty decent, actually. You know, I'm surprised. Usually there's a lot more work, but let's go ahead. How it looks on mobile. I guarantee your mobile it's going to work, you know, it always works on mobile, so it's going to go right here. So this doesn't make sense, you know? Welcome to revolution. It's It's It's too high up, you know? And it doesn't really make sense. Also, this is kind of out of whack, so it's going to go to advanced, and I want to go in at a top margin of maybe, like, 100 our nose to 50. There you go. That looks much better, right? So now you can see that this section is pushed down and maybe this button right here needs to be aligned right here. So I think that looks a little bit better than it does as well. And also for the other button right here that's hidden behind it. Now there's a few things we can do. We can just disable the butts in or we can, you know, push this down Mawr to make it show. But I think I'm gonna go ahead and disable this button because I don't want to give the user too many buttons on his phone because they're a lot bigger and you might not see what it is so under responsive right here, I'm going to go and say, you know, we're gonna hide it. So now the user can only see the start. And honestly, this is a much cleaner idea than having two buttons that are like overlapping each other. Right, So over here again, maybe you want to go ahead and senator this text. So you contender. It's the here, Same thing. But go ahead and center. It's because remember, the user can't. The user can't really understand our websites. I mean, I'm sure he looks from a computer, is like, Oh, I get the style. But if he sees it like this right here, everything's trained forward. This is clean. This is very easy. So I'm gonna go and save it like that. Now, again, you can do the same thing for this bottom section right here. So screwing down here. Does everything look okay to you guys? I think so. Remember, this section is disabled on Tab and Mo. I hope elemental were actually reduce the patch where they make it white outs because for the divvy theme, it's actually white out. So you can understand if it's disabled or not. Here we go right here. This section right here is too big. So let's go and reduce the size of it. No experience needed. And then again right here, we can go ahead and say, you know, this is actually this is actually finally we make the text little bit smaller or will center it and then we'll go ahead and actually know what we can do here. There's a lot of different ways that we can go about this, but, um, I think for this section right here we have a top marginal something of like 50 50 50 that will not work. OK, so I think that basically, it looks it's better like that. But remember, video backgrounds will not play on any IOS device, so make sure that you have to add in a different background to this. OK, so if you guys remember mobile users cannot see all that stuff. Okay, so I'm just reminding you all that it doesn't work another way you guys can probably just fix this section is just disable it, you know, because this section right here remember, users that are mobile can't see video. So this is going disable it. You know, it's it's too messy. And I'm just saying, You know what? I want a simple website. That's the small. Your website is on mobile the better, because people are gonna have to scroll a lot on their phone. You know, from a desktop, it looks very different, right? But for a phone, they have to keep schooling. Schooling is growing that you know what the sites way too long is way too big. I'm leaving. You know, I'm leaving this side. It's way too big. What's going down here? So we have this section right here. We have we bring something special, and we have these two things right here. Remember earlier how we had these as background? We added just a small, um, a module to basically let people see the background mobile. So I'm sorry on desktops. So this section right here needs some work, right? We have this section and doesn't really look a now. One second. I do want to talk about that. You guys probably saw you guys probably don't understand. Was this section right here under Responsive, which is the reverse columns. So I click on reverse, Calmed right there is gonna put this picture on top and this picture on top of this. Now, by default, it comes like this. And I'm really glad that page builder introduced this because this was actually a big problem for a lot of other page builders. Because on mobile, no matter what you did, it would come out like that. It had sucked, you know? So right here, I would say, You know, I remember. I'm a reverse these. And here we can actually put some text and make a little bit bigger. So right here, let's see, you want to add some, You know, we can just make this a little bit bigger. We can go and say, um, you can change the height right here. So the height, minimum height, we can kind of increase the height. See? Here, homes are for the heading right here. We want to go ahead and increase the heading size. So again we'll go to this. And what is that? Some margin, like 100 to it. There you go. So we can do like that or another. Good way is you guys can reduce the just just get rid of this section altogether saying, you know what? I don't want a picture here. So under advanced, I'm going to go to responsive and say, I don't want this on I don't want to show this, but that's if you decide to have death. So if you like this, look, um, you know, feel free to have it. If not, you guys can just disable, that's and then as a result, you just have this section and then, you know, maybe you could get rid of its It really depends because you'll have to basically go over here and increase the margin on its to make it look like somewhat decent, you know? So you guys can do it like that's or you guys can just go ahead and disable that section all together. Okay, it's going down all right. Everything looks pretty good. All right. Let's remember. That section was disabled on mobile so don't worry about this section. Sometimes thes, literally skinny sections are just really hard. Teoh show up on mobile, so it's better off just to get rid of. It's because it's just it's just not needed. You know, it doesn't it doesn't even play. Um, it doesn't even play them the mobile or the video anyways on mobile. So as you can see now, that section right now that video section is gone. So this is a perfect preview of what your customers will see. So simple, easy, perfect. Looks really good, right? Except for that logo. But don't worry. That logo actually shrink when you actually go into it on. It's not gonna show up that same size. So it's just doing that because that's the logo of the size on our media. Okay, so let's go and go to another page that's going to go to Dashboard and let's go ahead and go to another page. Let's see if you can find something really hairy really, really bad that we just really need to work. I guarantee on this page we're gonna have to change something, you know? So we go to bed with L a mentor all right. And I look over here and go to tablet. Now, I don't really optimize this section at all for tablets, but looking at it. Oh, this section right here. So this section right here, it has thes air. So cluster together as a result, will either have to remove this whole section, or we will have to make these very, very small. Now, my personal advice is to just get rid of this section because, honestly, it's to it's to clump together. You know, it's just not gonna work for mobile users. So over here, we go to responsive and hide this right there. Okay, I m a go to safe. All right, this keeps going down. Now, this section right here. So again, this section right here will not appear on mobile users. But I haven't actually really good strategy that I want to show you all that I have actually used in the past for another tutorial. So, basically, look, this section doesn't work, right? Let's just say you really, really want this section. So go ahead and just duplicate this section. Let's see how we do this right here. All right, So tell you what I'm gonna go ahead and do the go on the desktop. Now, this is a really cool strategy. So right here, I go ahead and duplicate this. All right? Now, this section right here, I'm gonna go ahead out of background, all right? And I kind of want you guys to toe understand the logic behind this. Okay, So let's just say, for example, that this is a video background, okay? And this will not play. So here, I'll give you guys. Ah, um, I'll do it like this year. No experience needed. This is mobile. And then right here. But this is computer. Okay, So what you guys can do is that if you have a video background and it just it's not working out, you can actually disabled this section for computer. And you can disable this section for tablet and mobile users. Okay, so let me give you a better understanding. Okay, So right here. This is for the computer. This is for the mobile Now, this is great for video backgrounds. Remember, if this is a video background, that this will not show up. So you basically want to accommodate that for mobile users, So try to understand the logic here. I know this might be confusing, but I'm gonna have to show you anyways because I want to make sure that if you guys have a website, it's working properly. So right here, this is for computer. And then this is for the mobile. So I want to actually disabled this section right here for the computer. Oh, I'm sorry. This section right here advanced, responsive, and I want to go ahead. And um no, I want to stay with this one right here for the computer. Okay, So the logic is, guys, this section will not show on tablets or mobile users. OK, so will not show now for this section. I want to go ahead and say, You know what? Oh, the blue section again. Sorry, advanced, responsive and hide on the desktop. So the the logic here, guys, is that if you have a section right here that you want to show on computer and then one on tablet basically, this section right here will play on computers. This section right here will play on mobile. But people on computers will not see this. And people on mobile will not see this section. And this is the best idea. If you have a video background section, you will need to make another section for Okay, So let's see if I give you guys an example of the mobile and I'm going to get down. So I see that says this is mobile. So you see the other part where the computer is gone. So basically the part with computer is is gone. So this is the best alternative. If you are trying to have the background, let's go ahead and fix that section right there. That looks pretty ugly, you know? No, I only use it for the ah. Only showed how it looked on tablets. See? Right here. The tablet looks OK, but, um, for the mobile will need to change this right here from Mobile. I wanted to make sure that this is hidden. So again, you guys remember if you if you make it bigger like that, remember, that's that's the after effect. So right here that other computer part was gone. Okay, but if you open this is gonna show up, OK? So just make sure you don't get fooled that you're like, Oh, I thought it disabled it is disabled. This part is this able they will not show up. Just this part will. So right here, we're going to center this and let's go ahead and make the sex size bigger. This is mobile. And there you go. You know, you can change. We can change these things, but I think that's fine. You know, I think that's OK. It's going down here. These are all Okay. Meet the team. This looks all okay. Now, this section right here, you might not need all these. You know, you might not need all of these, so you can probably just disabled. You can probably just table this section. You know, I don't think he really needed, but if you want to have these, you can go ahead and probably to get rid of these on on the on the ah, on this section right here. Now, the problem with this guys is that you guys cannot actually delete the pictures right here . So as a result, you're gonna have to basically Well, you know, you can't. Sorry. So, for these images right here, you guys can go ahead and leave them all. So let's say, for example, you just want this one, and you don't need these ones. So 12 and three, you don't need them Just going to click on this one right here. Advance. And then again, responsive. And then hide on the height on the, uh, hide on the tablet and the mobile. Okay, so we understand that. Sorry, guys. Kind of late. So if I If I go over or something like that, it's like, it's, like, four in the morning here. So again, responsive to go ahead and take those outs. But it's kind like my schedule, You know, my schedules actually really late. Sorry. Here. Responsive to see abilities. Okay, so let's go ahead and take a look at it on our mobile. You are mobile device. All right, So now you can see the other images are gone, and we just have this one right here. And if we scroll up right here, you see what says this is mobile and the other partner says this computer is gone, so that is a very good idea. Now, this section right here, You know, it's kind of it kind of doesn't work out. You know, You guys can see that on Mobile. It just doesn't really doesn't make any sense, you know, it doesn't make any sense. So maybe right here we can go ahead and fix this part. Maybe you can actually use the reverse option. I think they have right here the reverse columns that might work. So now this sections on top and these air on bottom. But do you really need this section? Do you really, really need it here? Probably not. You know, you probably don't need these number counters either, because I mean, it depends. It really depends on what you really want your customers to see. I would disable these ones right here. So remember to say, Well, the module, click on this one right here, advanced and then again, responsive. And get rid of those ones. OK, but if you want to go to the whole column, you have to click on the this section right here, advanced, responsive, and that will disable it for that section. That they're okay. So, um oh, that's really ugly. Poof. Doof has to imagine. Someone came to your website and they saw that they're going to like What? Were you drunk when you made this website, you know. So we need to make sure that this is you know, it's it's fully optimized. So it's going change the size and there you go. So that looks a little bit better. We can make the weight. Oh no, the way we'll change it. 300 was perfect. And there you go. That's a really clean. That's a really clean about us page No abouts and then bla bala. Okay, it's going down. Anything else number. This section will not show up, so just ignore that. You know, I hope they change that. I really do, you know, because it's really annoying because if I actually view, it's, it disappears. But if I open this part, it shows up again. You know, they should have, like, great out, you know, Right, Great. Also make sure to write elemental Hey, guys, you know, make sure to grate out. So when you're doing mobile optimization, you can you know no better. And guys, this is so important because Google just released a huge updates and now they rank websites based off how well your site is optimized for mobile. So it's extremely important because if you decide to make the site and you don't optimize it for mobile guys. You will. Your site will only not look like crap. But it will not be found either. So this section of the Torah guys is very, very important. Do not ignore up no optimization. Many people do. Many, many people do, and it can destroy your websites. It really can because, you know, sites are ranked based off your, um, your optimization. So it's going to view page. So that was actually pretty simple, guys. You know, it looks really, really good now. And you guys go back. Nothing was changed. You know, Nothing was changed on the computer. So it was on Lee for the mobile users and the tablet users as well. Okay, so I hope this section was very helpful. Guys again, You know, you always want to make sure is optimized for mobile. It's very important, you know. Go to every single page. Go to your block post, go everywhere with your phone. You open up your phone right now and go to the website and say, Does this look good? You know? Is this acceptable? Will people like it And you have, you know, some decent judgment so you can make these own decisions. Okay, let's go ahead and go to the last section. We're going talk about the Contact US page, and we'll talk about closing thoughts and future video. 18. Part 18 CONTACT FORM: we're going to now create our contact US page and the great part about this contact page. It's gonna be beautiful. It's gonna be amazing. And all of the emails will go straight to your inbox, and I'm going to actually show you while proof that's when someone sends a message. It will go directly to your inbox. Okay, so let's go ahead now and create this same exact contact us page, the SNC. There's a video background playing. It's It's a very stylish creative page, and I think your visitors will 11. Okay, so let's go ahead now and create it. So I look over here and go to Plus do and go to Page and we're going to create this Contact us page here, contact us Page and again right here for the content layouts. Make sure you have the same exact settings. So default margins. Disabled header enabled the menu one and in the title disabled. And then there you go. All right. So go ahead and publish these contact us page write and edit with L. A mentor, and you guys can actually go to like YouTube in a lot of videos. And don't worry, I'm gonna show you guys for you guys could get a lot of these, like, beautiful videos like this, where they just play. And the great part is the audio will not play in the background. So that's a very big plus, because that's really annoying. You know, when you go to a website and like, you know, music starts to play like you ever been to like, CNN or something where they start playing those advertisements and you're looking for it trying to close it in. You can't find this in the idea. It's like you guys are so annoying, you know, it's okay. So anyway, so right here. I mean, do heading, and I'll do something like contact us and answered that their style makes make this white topography open, Sands. Now we have to have the background right here to see it. You know, we can't really see what's going on here. So again, this section stretched the section full with style, going cooking, classic image to add a background, and I'll go ahead and select, Uh, just select anyone. This one right here. Okay. And then we hear it for the size. I'm do cover, okay? Or we can do any is contained. No. Yeah. Cover covers the right one. Yeah. All right. So right here. I want to go and add in some. You had some padding to it, you know? So right here, I'd like to be like, like, 100 100? Some. Like that's then right here. I'll go ahead and make this a little bigger. So size Lovett bigger, contact us. And then I think what really works is the 300 in the line spacing. You know, it just looks that looks professional. I know that looks really good like that. So I recommend doing it like that. Now, the excess we're gonna do is this section right here. So base that made the contact us, and we're gonna go ahead, make this section right here. So basically, what I did was I just made a one column row, and I kind of destroyed the padding right here, and I introduced a video background in the back. So let's go and do that. It's right here. One section and then right here I would do something like, uh, like, don't be shy. Don't be shy. Contact this, but that in the center. All right, so it's in the center now. I'm a click on this right here and go to stretch a section, and I want to go and make this fool with. Now I want to go in. That's and patting to this I'm gonna add some padding of make sure to unlinked this right here, so only wants 200 for the right and then 200 to the left. Okay, I'll explain why I do that in just a little bit now. Also right here for this. These, you know, this section right here, the actual heading. I want to go ahead and add some padding to a little bit of everything, you know, because everything a little bit too close. So we're gonna go in at 10 10 10 and that basically just kind of kind of give it space around everything. And then on this section right here, I want to go ahead and go to the advanced section right here. And I actually want to go ahead and add in some padding and margin. So I'm a double click both of these, and I'm gonna put 40. And what's gonna put 40 right here? and also for the padding I'm gonna do 40 40 and then also the left will do something. 40. So, basically, now you guys can see that what I've done is I'm basically kind of just putting space around over here, so that's basically where the video is gonna go. OK, so what do you guys get a better visual of its You guys will understand. So let's go ahead and keep designing this little section. So my go ahead and put this black and, you know, let's be she used the new text shadow. You know, guess this just came out. So it's really cool that these guys introduced this, especially. You have, like, a two color scheme. You know, you guys can get all creative. You guys can make the blur doesn't come out too good, cause problems to lights. You can see the blow right there. Doesn't come out too well on white backgrounds, But like on my home page is it's amazing, you know? So this is this is go back to the basics, you know, open sands, and then I'm a go ahead, increase the size here like the 300 I like the transformation of upper case like that's okay, then. Right here we go ahead and add in a divider. You guys are gonna be like, Yeah, divider, Darryl, Like you get it. We love it, you know? But the dividers. Amazing guys. It really It just adds a lot of the court to your sites. It looks really cool. Black. And now right here. Going answered. A text module. I guess you want to call them widgets or modules? I don't really know. It's everyone out there, you know. It just really depends, you know? Depends on your background, you know? So okay, so this section right here, guys, we can either use the pro contact form. And if you have the pro contact form, it's gonna look something like this right here. So I'll give an example. Now, I'm actually going to show you. Ah, free version. So don't worry if you guys don't understand how to use the pro version, but with the pro feature, you get it, you get the contact form. So, like, right here, you can see on the pro elements. That's ah, contact form is gonna be right there. So form. So, for example, if I just delete this right here. And then I take the, um where is it? The forms drag it. You can have a contact form. There it goes like that's and you guys came Might go through all these and design. It's you can do like actual action after buttons. There's all sorts of really cool settings and the pro ones you guys can do, like the road gap. You can change like the spacing. There's a lot of stuff you guys can change in the pro features. So if you guys were interesting, the pro version, I recommend to get it because you can decorate all of this stuff and you can keep adding new things, like, you know, right here you want to have, like, a phone number or you want to add like an address. You can go ahead and answer it right there and then just say, like, you know, this is gonna be weaken changes to like, a address or something or whatever you want. So you can see there's a new ah bar right here. All right, so this is with the pro version. Now I'm actually going to show you the free version as well. But before I do that, let's go to YouTube. Let's go to YouTube and do something like, um, four K with wind. So I do four k with winds, swallows or whatever. You guys could just do four K scenery just for Kate, and you'll get a bunch of these videos. There's tons of them out there, so just go ahead and grab one, and I'm gonna grab this, You know, this one right here? Go ahead and copy this. I'm over here. Now, I'm gonna click on this section right here, which is the edit section. Go to style and go to video background and simply go ahead and pay stats right there. And I might not show up right away, but you guys get you guys get the, you know, the general point an idea. So I don't want to basically show up right here. I mean, I'm sorry. I don't want this section to be like hidden. So on this section right here, we need to add a white background, you know, by adding a white background, it will actually give us that look of having a contact form That's not part of the background. so you guys can see now says I out of the white background on this specific column. Now we have this really cool, stylish contact form and guys I strive for. Model is, um I'm sorry. One of the model is, um, modernism in all of my tutorials. You know, what good is a website? If it's not beautiful and creative, anyone can make some ugly website. But guys having beautiful website is what makes people stay. And by on your website, it doesn't matter what yourself you could be giving away free cars on your website. But if it looks kind of scam me and looks kind of shady looking, But I don't like this guy decides ugly, I'm leaving. You know, that's really what it is. So remember the website is a representation of you. So let's go ahead now and save this. And if you guys choose to have the contact pro version, I recommend it's the link isn't a description. You guys can go ahead and buy it. It's almost like crazy not to get it, cause it's like 50 bucks for the entire year. But I would just get the unlimited for the $200 for the entire year, cause I mean, how much money you spent on, like, you know, beer or like, junk food, Or like, Starbucks coffee. You know, you probably spent, like, you know, $2030 a day on nothing that you really need, Right? So, uh, you know, having something that's an investment is actually much better. So let's go to the dashboard right here, and we'll go to plug ins and go to add new. Now, this is the free alternative. So we're gonna type in ninja forms. Inter form is actually really good contact for, you know, I used a bunch of used to recommend contact form seven, but I gotta be honest. I don't know what will happen to them like they just They just destroyed their own plug in like I used to recommend it. I loved it myself and me and my developers were just like, Hey, bro, like the conduct was not working. And I'm like, What's wrong with it now? Like always a problem, you know? So I recommend inter forms now, so there's a danger forms. And if you guys notice on the left side right here, you'll see ninja forms. So I went over here to dashboard, and you can basically create your own form. So right here, they give you a basic, Um, they already basically give you a form. So right here you have name email message and then submits. Now these red Asterix mean that these are required. Now, let's say you want to go ahead and add something in click on the little plus symbol, and you can just basically drag and drop anything you want. So you want a city with the first name? You just drag it right there. You want the products you want the quantity. You would simply go ahead and drag and drop everything right here. Now this this page builder I'm sorry, this contact form, it could do a lot. Guys, it can really do a lot, so I don't want to spend too much time talking about it. I will have a tutorial down the road on more contact forms, But you guys can probably already understand that it's just a dragon drop thing. So I don't really want to go too much into it because, you know, you guys are already smart people. If you made it this far, so I'm gonna go ahead and go back. So when we go out and close this right here, and I just need a short code So this right here is the short coat. Okay, So short code. So let's go ahead now and goes to our first. Actually, let's change the email address we have on file. So the email address that this goes to we need to actually fix that. So we want to make sure that it's in the rights. It's going to the correct email. So we need to go to a WordPress our user section, and change that. We're gonna go down to our settings and go to general and again make sure that this email is the one that it goes, too. So I'm gonna go ahead, put it for this one right here, and basically the ninja forms will correspond to it. And it will send emails based off whatever you have in here. Okay, so remember this right here is what you need. Okay, So let's go ahead and go back to our page when we go to all pages and I go to the contact us page and we go to view. All right. And now you guys gonna see the video's gonna proof? Beautiful. That is gorgeous. I gotta be honest. Now, this top section is probably not is good looking. So you might want to find a good image? No, because these are just for two told purposes. So don't build the same exact website. Usual images goto and splash dot com and everything. So I'm gonna go and enter that. So right here on grab this heading, we're going to place it right there. I want to lead on this stuff. Go ahead and paste this and go to line center. Now I'm a goes to save, all right, and I'll go ahead and go to view the page and voila. We have a beautiful contact form with this beautiful kind of video. Just kind of just just comes in, right? Like, that looks amazing, right? That is a beautiful contact form. So here we do, like Darrell Wilson, then, uh, email. I'll just do like, able dot com. And that would be like, How do you No, this might come this color because that's the color we used. Now you could change it on the black or you could change the italics. But I cannot guarantee you if that will actually change the current fought and everything because I've never tried that. So I really don't know if that will work. I don't know if they are much of Paige Miller will actually change the fonts for another plug in. That would be actually really cool. That would be amazing. So you guys can see right here. Um, you know, and also the person that sent the email will get a confirmation for its. OK, so, uh, they kind of get notified, and you also get notified. So let's go ahead now and check my email. So I'm clicking my email and voila. So you see right there new messages from Darrell Wilson. Howdy. And that is from the That's from my website right here. Okay. So remember, if also sometimes in rare cases, it will go to spam. If it does go to spam, contact your hosting company and find out why a lot of the times is because when people send these contact forms, they might just send something really quick. You know, they might just end like a message and the plug and recognizes it as spam. So my time is over, like Darrell. And then, you know, sometimes when the messages have been too fast and like it's something like this sometimes in rare cases it will go to spam. So if that happens again, make sure to check your talk to write hosting companies. What, you gonna fix that? But a lot of that is probably having to do with the plug in. Let's go and check it. And yes can see now it does not show up because it just came from a really bizarre email and, you know, see did show up his fan for this one because who write to me. She's like, Oh, you know, no one does that. So if you do get a result like we're urine against Bam, he should have checked out. OK, guys. So this is the end for the Contact US page. Very easy, very self explanatory. Again, I recommend getting the the actual pro section, you know, actually, really, really quickly. Let's go. We're going on a mission right now. Let's go and find out if this will actually carry the color and the forint. Let's go and find that out. You know, I I don't want to leave that. I'm a perfect It's kind of funny. Like I'm doing that tutorial like how to do this. And I'm like, How did we do this? But I've never tried that. I've never seen. If no matter, page Builder can actually attains the fonts for another page or for another plug in, we're gonna find out right now. So I did this and let's make it skinnier. It's making a bit skinnier to find out. There we go. Now we'll find out. Or it might just change the color moment of truth. Let's go and find out. And it does not. So it just changes the color guy. So if you want the color changes, change the color, but not going to change the font. Everything else, okay, but it's still an amazing contact form. Very beautiful, very professional. Okay, so that's about it for this contact section. Let's go ahead and go on to the next section 19. Part 19 importing and exporting: Hey, guys. So in this quick, small section, I'm gonna show you all how you can export. Lay out how you can import Lay out how you can save searching sections and you can put them on two different parts of your website. Maybe you kind of want to keep your website similar and you want to save some work and export it to a different page. I'm gonna show you how to do all that right now, So I'm gonna first start off by adding a templates. Now, these are all templates that come with L. A mentor. Now there are some pro ones, and you will have to get the pro version Teoh receive those. Now the link for the pro version is also in the description. But I'm gonna go ahead and click on this law firm right here as a home page. Now, right here, I'm going to change this title right here to Darrell Wilson, darrell wilson dot com. Now there are some other features I want talk about, so let's say, for example, you just want this section right here. You just want this big am section right here. So, in order to do that all need to do is click on this save icon right here and put something like the header image section and go to safe. Now you can go ahead and export that to another websites. You can slap it onto a different part of another part of your website or whatever. Now, let's say you want to go ahead and say your entire page. So I've shown you how to save sections right here. Right now, I'm gonna show you how you can save the entire page. So right here on the bottom left, You see this little folder right here? Click on that and go to save Template. Now, I'm gonna put Darrell Wilson Law page and don't click on safe. Okay, so I have these two seconds right here. Now, right here. You see our says, export. Now let's say you want to go ahead and take this same exact page and export it to maybe a different website. So right here and click on exports and click on leave. And now you can see that right here on the bottom left. I have a dot Jason file. Okay, So basically all of that stuff that I just put is on that file right here. So not go ahead and show you all how you can load it onto different websites or whatever. Also, look, we have the header image section, which is the top section. I have the entire page and then I actually have a layout. So I have three different templates right here, and I'm gonna show you how you can put it on to different parts of your website. So it's going make a new page, then this is Go ahead, make a whole new page. So here we go to my dashboard. I'm not going to say this now go to plus new and go to Page. So right here on the do layouts and I go ahead and set this section right here, so 100% full with default disabled again. You have to follow me here. I'm just basically showing you all how you can export and import layouts. So right here, click on edit with L. A mentor. So I'm first going to show you all how you can use the ones that we saved onto the library and I'm gonna show you all this bottom left one right here on how you can actually import that onto another website domain or different parts of your website. So here, click on at a template. Now we're here under my templates. You're going to see Header image section insert and voila! Now we have darrell wilson dot com. You guess and see it just took the header part right there. So there's no reason why you'd want to do all the hard work again. So that's ah, very good shortcut Way to go. So I'm gonna go ahead and cancel this. And now I'm gonna go ahead and go out of templates, my templates and click on Darrell Wilson Law Page and click on Insert. So now you see joe wilson dot com and instead it brings the entire page guys, So you don't have to sit there and, you know, design all the websites again from scratch. You can go ahead and use the layout system, which is incredible. I mean, it's it's so amazing how fast you can make websites and how easy it is. Now it's going talk about this one right here on the one that we exported writes. Maybe you want to take that and put it on a different domain or you want put on a different website, right? You can kind of, like, make pre made websites. And actually, businesses actually have full time business structures where they just make layouts and sell them to developers. And those people use them on clients websites. So click on X ray here and go to dashboard. Now, over here under Elemental. Or go to my library now right here on the top, go to import templates. Then click on browse right here. And all that you to do is find the template. So it was the dot Jason file. So I'm going to dock Jason. And there it is. So I think it was this one. It's one of the two. I think it's, uh just take a gambling. Is this one right here? So good. Open and go to import now And Walla Now we have the page right here so you can see published right here. These other ones are just like duplicates once I made so it shows you your entire library. But these have the same titles because that's basically what we imported and exported on our website. Okay, so this is the one that we have right here. Now, again, you can export it. You can do whatever you want, you can. And with elemental or so all need to do is go ahead. Making a page. And Daryl wasn't Law page right here was made one minute ago, so you can go ahead and import that. So right here pages at New LA Page. And then again, it's gonna go ahead and change some of these sections right here. So 100% full with defaults, header, blah, blah, blah. All this mumbo jumbo. Same stuff, okay? Published and it with L. A mentor. They were here out of templates. If I go to my templates right here, you can see that I have to. So this is the correct one right here. This is the most recent one. And if I go to insert, it's going to show up right here on my website. Voila. So remember, that's how you would you can export it here and then you would import it to the library on another domain that has l. A mentor. And then you can go ahead and just use that on any domain or any other websites. Okay, so that's basically a quick run down of the templates. It's amazing what this page will Ercan do it. It saves you so much time, and I highly recommend to get the pro version because then you can take advantage of all of their pre made layoffs that they have created. Okay, so that's about it. Guys for this section, with the pre made layouts and everything else will be sure to check, announce and remember, guys, it's all about working, not working harder by working smarter. 20. Part 20 The End: Alright, guys. Well, congratulations. You guys have made it to the end of this tutorial. I want to go and say congratulations. You guys have learned a incredibly valuable skill which is trending and will never really get a little, you know. Now I want to actually give you guys more Resource is and different things that you guys can use to further your either career or knowledge with WordPress and making websites. Now, my YouTube channel guys provides a lot of free, valuable information like you want to use, you know, membership programs you want to sell online or you wanna sell on Facebook. You want to learn Facebook marketing? I provide all these free courses on my YouTube channel, for example. Right here. I review some web hosting companies right here and talk about any commerce website and right here, talk about a real estate website with WordPress. So I talk about everything, guys. So if you guys have questions, we're going stuff also like, you know how to make a forum. How did email marketing like the best you know, free e commerce WordPress themes or the TV theme or all this stuff? Commerce, guys, all the resource is our here, So be sure to check out my channel. There is a lot of knowledge that you guys can gets with this because I go over everything you know, YouTube, advertising, Google analytics, anything you possibly think of. I talk about my channel. So I am a big WordPress promoter. I likes to promote all things with WordPress because it's amazing. It's It's the most biggest advancement of technology we've probably ever had in history. So I want to go ahead and share you guys with all these videos. Make sure that you guys can further your skills learnt s CEO, learn Web design. Whatever you want to learn, you should check out my channel. Also be sure to check out my website right here. Go to my blonde. I also have some block post. You guys can also subscribe to my newsletter. I give away a lot of free stuff like plug ins. I gave away a lot of layouts, a lot of really cool stuff, to be sure to check out my block and also by you to be courses, guys. So this course actually will be taught on you to me as well. And again. I want to let you guys know that my very honest guys, my content is very. It's very high quality. You know, all of my classes right here are 4.5 stars or better, because I want to be very thorough. I wants to know I don't want people to watch my videos and feel like they didn't learn anything because I was there to where I watched videos and be like, You know, I watched this video, but I learned anything. You know, there's a lot of people out there that do that, and that's not me. That's not who I am. I want to help my viewers. I want to help you guys succeed in your careers or whatever you're trying to learn. Also, my Facebook page Feel free to go to my Facebook page. Guys go ahead and like, it's going to give me a comment rated to let me know what you guys thought about this. Because you know your feedback. It really helps me out. Cos out their pay millions of dollars for feedback and I'm asking you guys to provide it for free. So again you guess and go to my Facebook page. Send me a message and I try to get all my messages. I can, but, you know, it's it's really hard to get to all the messages. You know, I get, like, 5200 emails a day and just responding to all of those is it's a lot. It's a lot to, uh it's a lot to do that, you know, it really is. So you here to check on my channel? Guys, be sure also to check out my YouTube courses. I'm also one skill share And go ahead and see me on Facebook with a guy. So congratulations on your websites. Really? If you made it this far by yourself on the back, most people would not have a lot of people don't want to invest the time to learn such a very valuable steal It it drives me crazy And like, Dude, I'm teaching you how to touts to start your own business in a matter of three hours, but rather sit there and spend hours on forums or something, trying to learn something that you can be taught right here for free. Ok, so again, guys, congratulations on your websites. Be sure to subscribe to my YouTube channel and I'll see all of you in the next tutorial.