1 00:00:00,000 --> 00:00:02,010 hi this is Tyler and in this video I'm 2 00:00:02,010 --> 00:00:03,000 going to show you how to make three 3 00:00:03,000 --> 00:00:04,740 hundred four billion different websites 4 00:00:04,740 --> 00:00:07,799 step by step with no steps skip everyone 5 00:00:07,799 --> 00:00:10,980 even huge companies like Wix Squarespace 6 00:00:10,980 --> 00:00:13,320 and Weebly have the website creation 7 00:00:13,320 --> 00:00:15,780 process wrong but I finally figured out 8 00:00:15,780 --> 00:00:17,490 how to do it right I finally figured out 9 00:00:17,490 --> 00:00:19,560 how to get people to actually complete 10 00:00:19,560 --> 00:00:21,029 their website see the old way of 11 00:00:21,029 --> 00:00:23,220 creating a website was to either start 12 00:00:23,220 --> 00:00:24,689 off with a blank page which is 13 00:00:24,689 --> 00:00:26,550 terrifying you just have this blank 14 00:00:26,550 --> 00:00:28,560 screen in front of you and you don't 15 00:00:28,560 --> 00:00:30,750 know what to do or what to say and that 16 00:00:30,750 --> 00:00:33,540 is awful and almost no one finishes it I 17 00:00:33,540 --> 00:00:35,880 visit hundreds of people's websites it's 18 00:00:35,880 --> 00:00:39,960 like 2% it's crazy the second way is to 19 00:00:39,960 --> 00:00:42,090 import an entire page or an entire 20 00:00:42,090 --> 00:00:44,460 website but then you have all these 21 00:00:44,460 --> 00:00:46,350 pieces of content that don't go with 22 00:00:46,350 --> 00:00:48,570 your website and it's all mishmash and 23 00:00:48,570 --> 00:00:50,070 you have to delete things and once you 24 00:00:50,070 --> 00:00:51,480 delete things then it just doesn't get 25 00:00:51,480 --> 00:00:53,610 finished because it's not right so 26 00:00:53,610 --> 00:00:55,920 that's a terrible way of also doing your 27 00:00:55,920 --> 00:00:57,420 website and that's what all these big 28 00:00:57,420 --> 00:00:59,760 businesses are doing plus if you do 29 00:00:59,760 --> 00:01:01,829 import a website that already has all 30 00:01:01,829 --> 00:01:03,870 the content in it and you do change it 31 00:01:03,870 --> 00:01:06,630 and it even does look nice well you have 32 00:01:06,630 --> 00:01:08,760 the same website as another hundred 33 00:01:08,760 --> 00:01:10,500 thousand people so it's not very 34 00:01:10,500 --> 00:01:12,090 customized so how do you get that 35 00:01:12,090 --> 00:01:15,570 customized flexibility and speed well 36 00:01:15,570 --> 00:01:17,070 it's not starting off with a blank page 37 00:01:17,070 --> 00:01:19,140 and it's not importing an entire website 38 00:01:19,140 --> 00:01:21,810 I have figured out what to do and I 39 00:01:21,810 --> 00:01:23,610 think it's perfect it starts off with 40 00:01:23,610 --> 00:01:25,799 only using the best we're using the best 41 00:01:25,799 --> 00:01:28,140 platform in the world which is WordPress 42 00:01:28,140 --> 00:01:30,360 to create our website we're using the 43 00:01:30,360 --> 00:01:32,759 best page builder to build our pages 44 00:01:32,759 --> 00:01:34,979 which is Elementor and we're using the 45 00:01:34,979 --> 00:01:38,549 best free theme which is ocean WP then 46 00:01:38,549 --> 00:01:40,619 the magical part we went to the best 47 00:01:40,619 --> 00:01:43,100 websites in the world we went to Airbnb 48 00:01:43,100 --> 00:01:47,909 Nike Disney Apple uber and we saw all 49 00:01:47,909 --> 00:01:50,220 the best sections not the entire website 50 00:01:50,220 --> 00:01:52,920 just the best sections and we took those 51 00:01:52,920 --> 00:01:55,259 sections and we copied them and we 52 00:01:55,259 --> 00:01:57,390 redesigned them and we made them perfect 53 00:01:57,390 --> 00:01:59,430 so that you can import them into your 54 00:01:59,430 --> 00:02:01,590 website so you're gonna have the best 55 00:02:01,590 --> 00:02:04,320 sections of the best companies in the 56 00:02:04,320 --> 00:02:06,570 entire world you can import it in just 57 00:02:06,570 --> 00:02:09,090 one second just click import and you 58 00:02:09,090 --> 00:02:11,250 have the best design in the entire world 59 00:02:11,250 --> 00:02:13,690 right there in a second on 60 00:02:13,690 --> 00:02:17,290 website so far we have designed 200 61 00:02:17,290 --> 00:02:20,290 different sections beautiful sections 62 00:02:20,290 --> 00:02:22,120 and all you have to do is click and 63 00:02:22,120 --> 00:02:24,610 import them and they're there in a 64 00:02:24,610 --> 00:02:27,190 second if you put five sections on each 65 00:02:27,190 --> 00:02:30,660 page that will give you 300 4 billion 66 00:02:30,660 --> 00:02:32,700 278 million 67 00:02:32,700 --> 00:02:35,590 4800 different websites so you never 68 00:02:35,590 --> 00:02:37,630 have to worry about your website looking 69 00:02:37,630 --> 00:02:39,760 like everyone else's but you also never 70 00:02:39,760 --> 00:02:42,040 have to look at a blank screen and be 71 00:02:42,040 --> 00:02:44,470 terrified you have the best designs at 72 00:02:44,470 --> 00:02:47,170 your fingertips in an instant and this 73 00:02:47,170 --> 00:02:49,360 is all step by step so if you just do 74 00:02:49,360 --> 00:02:51,280 the same things I do if you click where 75 00:02:51,280 --> 00:02:53,350 I click and do what I do then you'll 76 00:02:53,350 --> 00:02:55,000 have your own website at the end of this 77 00:02:55,000 --> 00:02:57,190 video a nine-year-old emailed me the 78 00:02:57,190 --> 00:02:59,260 other day showing me his website it was 79 00:02:59,260 --> 00:03:01,450 amazing and of course everything works 80 00:03:01,450 --> 00:03:04,690 on mobile phone tablet PC Mac whatever 81 00:03:04,690 --> 00:03:06,700 you want even though this video is for 82 00:03:06,700 --> 00:03:08,770 absolute beginners and you don't need to 83 00:03:08,770 --> 00:03:10,960 know a thing it can also be used by 84 00:03:10,960 --> 00:03:13,390 professional web designers you guys are 85 00:03:13,390 --> 00:03:15,490 probably using WordPress anyways and 86 00:03:15,490 --> 00:03:17,260 imagine having something to show a 87 00:03:17,260 --> 00:03:19,959 client in a day instead of a month and 88 00:03:19,959 --> 00:03:22,000 that's exactly what's happening a few 89 00:03:22,000 --> 00:03:24,310 weeks ago I got an email from n Manuel 90 00:03:24,310 --> 00:03:27,400 and he emailed me and told me that he 91 00:03:27,400 --> 00:03:29,410 lives in Florida and he was working as a 92 00:03:29,410 --> 00:03:32,110 sprint store manager and he saw one of 93 00:03:32,110 --> 00:03:34,180 my videos and it inspired him to become 94 00:03:34,180 --> 00:03:36,520 a web developer he was just thanking me 95 00:03:36,520 --> 00:03:40,600 for my videos and I was just so blown 96 00:03:40,600 --> 00:03:42,100 away that someone could watch something 97 00:03:42,100 --> 00:03:44,440 on YouTube and start their own business 98 00:03:44,440 --> 00:03:47,110 and it just it inspires me so much and 99 00:03:47,110 --> 00:03:49,120 so what we did is we collaborated on 100 00:03:49,120 --> 00:03:51,160 this video he's designed a whole bunch 101 00:03:51,160 --> 00:03:53,410 of the sections so if you need any help 102 00:03:53,410 --> 00:03:55,660 he's there to help you of course you 103 00:03:55,660 --> 00:03:57,220 could do it on your own it's easy 104 00:03:57,220 --> 00:03:59,709 step-by-step no coding anything like 105 00:03:59,709 --> 00:04:01,840 that but he's just there to help you if 106 00:04:01,840 --> 00:04:04,030 you need it his website is I create your 107 00:04:04,030 --> 00:04:06,340 site calm he's amazing 108 00:04:06,340 --> 00:04:08,380 so to build your website you can use a 109 00:04:08,380 --> 00:04:10,989 Mac or a PC or anything else all the 110 00:04:10,989 --> 00:04:12,790 software and everything is all online 111 00:04:12,790 --> 00:04:14,440 and again we're going to be using 112 00:04:14,440 --> 00:04:16,660 WordPress which is the most popular way 113 00:04:16,660 --> 00:04:18,700 to make a website in the entire world 114 00:04:18,700 --> 00:04:22,330 it's used by people like Forbes CNN Katy 115 00:04:22,330 --> 00:04:25,600 Perry jay-z Beyonce Sweden's official 116 00:04:25,600 --> 00:04:27,639 website Microsoft you see 117 00:04:27,639 --> 00:04:30,759 Boult Disney stoop dog Mercedes Ben UPS 118 00:04:30,759 --> 00:04:33,849 best buy the Rolling Stones etc alright 119 00:04:33,849 --> 00:04:36,129 so let's get started with a plan of what 120 00:04:36,129 --> 00:04:38,229 we're gonna do so our plan is right here 121 00:04:38,229 --> 00:04:40,750 it's easy it's in four steps we're gonna 122 00:04:40,750 --> 00:04:42,879 get our domain name get hosting install 123 00:04:42,879 --> 00:04:45,039 WordPress and create our website a 124 00:04:45,039 --> 00:04:46,930 domain name is the same thing as your 125 00:04:46,930 --> 00:04:49,330 website name so my domain name is Tyler 126 00:04:49,330 --> 00:04:51,310 com Facebook's domain name is 127 00:04:51,310 --> 00:04:53,590 facebook.com go goals don't my name is 128 00:04:53,590 --> 00:04:56,050 google.com without a domain name there's 129 00:04:56,050 --> 00:04:58,750 no place for people to go to see your 130 00:04:58,750 --> 00:05:00,729 website so you definitely need a domain 131 00:05:00,729 --> 00:05:02,650 name it's definitely required in order 132 00:05:02,650 --> 00:05:04,870 to have a website a domain name cost 133 00:05:04,870 --> 00:05:07,330 about thirteen dollars per year the next 134 00:05:07,330 --> 00:05:09,219 thing that we need to get is hosting 135 00:05:09,219 --> 00:05:11,889 hosting is a computer that's on 24 hours 136 00:05:11,889 --> 00:05:13,930 a day that holds all of your website 137 00:05:13,930 --> 00:05:15,610 information so it holds all of your 138 00:05:15,610 --> 00:05:16,210 content 139 00:05:16,210 --> 00:05:18,189 it holds all of your images it holds all 140 00:05:18,189 --> 00:05:20,139 of your text it holds your logo 141 00:05:20,139 --> 00:05:22,569 everything that you see on a website is 142 00:05:22,569 --> 00:05:25,180 a computer that's on 24 hours a day 143 00:05:25,180 --> 00:05:27,340 that's holding all of your information 144 00:05:27,340 --> 00:05:29,889 and that's what hosting is so if you 145 00:05:29,889 --> 00:05:32,589 only had a domain name but no hosting 146 00:05:32,589 --> 00:05:34,539 someone will go to your website but it 147 00:05:34,539 --> 00:05:36,370 would be blank there would be nothing 148 00:05:36,370 --> 00:05:38,379 there but with hosting someone goes to 149 00:05:38,379 --> 00:05:40,120 your website and they see all the text 150 00:05:40,120 --> 00:05:42,099 and images and information and all the 151 00:05:42,099 --> 00:05:44,979 content is there so again hosting is a 152 00:05:44,979 --> 00:05:47,020 computer that you rent out from a big 153 00:05:47,020 --> 00:05:49,659 warehouse that has really fast internet 154 00:05:49,659 --> 00:05:52,000 so that your website loads really 155 00:05:52,000 --> 00:05:53,949 quickly and that cost about ten dollars 156 00:05:53,949 --> 00:05:56,949 per month in step three we're going to 157 00:05:56,949 --> 00:05:59,620 install WordPress again WordPress is 158 00:05:59,620 --> 00:06:01,180 what's called a content management 159 00:06:01,180 --> 00:06:03,849 system it's just a fancy way of saying 160 00:06:03,849 --> 00:06:06,339 it helps you manage all your content so 161 00:06:06,339 --> 00:06:09,129 instead of having to know code like HTML 162 00:06:09,129 --> 00:06:11,650 and CSS all you have to do is type and 163 00:06:11,650 --> 00:06:14,020 upload pictures and it makes it really 164 00:06:14,020 --> 00:06:16,599 easy to create a website WordPress is 165 00:06:16,599 --> 00:06:18,219 the most popular way to make a website 166 00:06:18,219 --> 00:06:21,099 in the entire world and luckily for us 167 00:06:21,099 --> 00:06:23,740 WordPress is free the next thing that 168 00:06:23,740 --> 00:06:25,300 we're gonna do is create your website 169 00:06:25,300 --> 00:06:27,099 and because you're not paying a web 170 00:06:27,099 --> 00:06:28,779 developer thousands and thousands of 171 00:06:28,779 --> 00:06:30,189 dollars to create your website you're 172 00:06:30,189 --> 00:06:32,379 actually doing yourself that obviously 173 00:06:32,379 --> 00:06:36,099 is also going to be free so that is all 174 00:06:36,099 --> 00:06:38,349 of the necessary cost involved in 175 00:06:38,349 --> 00:06:40,389 creating your website so just to start 176 00:06:40,389 --> 00:06:41,560 out you're going to need to 177 00:06:41,560 --> 00:06:43,750 for that domain name which is $13 a year 178 00:06:43,750 --> 00:06:45,850 and pay for the hosting which is $10 a 179 00:06:45,850 --> 00:06:47,860 month so your initial cost to get your 180 00:06:47,860 --> 00:06:51,190 website on the internet would be $23 but 181 00:06:51,190 --> 00:06:54,010 I have a huge discount and that's gonna 182 00:06:54,010 --> 00:06:55,720 bring the cost down to ten dollars and 183 00:06:55,720 --> 00:06:57,880 37 cents now that may change and 184 00:06:57,880 --> 00:06:59,470 fluctuate a dollar here or there a 185 00:06:59,470 --> 00:07:01,570 little bit but it should be around there 186 00:07:01,570 --> 00:07:04,210 and I think that's a great deal to get 187 00:07:04,210 --> 00:07:05,820 yourself on the internet and 188 00:07:05,820 --> 00:07:09,100 broadcasting to the entire world so the 189 00:07:09,100 --> 00:07:10,600 first thing that we're gonna do is steps 190 00:07:10,600 --> 00:07:13,030 one in two and luckily we could do that 191 00:07:13,030 --> 00:07:16,210 at the same place Hostgator com so I'm 192 00:07:16,210 --> 00:07:18,220 just gonna open up my browser and go to 193 00:07:18,220 --> 00:07:22,690 hostgator.com that's H OS t da t o r dot 194 00:07:22,690 --> 00:07:25,210 c om and I think Hostgator is really 195 00:07:25,210 --> 00:07:27,430 great I've been with them for about 12 196 00:07:27,430 --> 00:07:28,000 years 197 00:07:28,000 --> 00:07:29,620 one of the best things is that they have 198 00:07:29,620 --> 00:07:33,130 24/7 365 live chat support or you can 199 00:07:33,130 --> 00:07:35,260 email them or call them and the prices 200 00:07:35,260 --> 00:07:37,210 are really good so we have all these 201 00:07:37,210 --> 00:07:39,250 options we have web hosting cloud 202 00:07:39,250 --> 00:07:42,490 hosting wordpress hosting etc but we 203 00:07:42,490 --> 00:07:43,960 don't need to pay attention to any of 204 00:07:43,960 --> 00:07:45,310 them the only thing we need to pay 205 00:07:45,310 --> 00:07:47,800 attention to is the regular web hosting 206 00:07:47,800 --> 00:07:49,570 now you might think why not WordPress 207 00:07:49,570 --> 00:07:51,460 hosting but that just adds a whole bunch 208 00:07:51,460 --> 00:07:52,870 of bells and whistles and things that 209 00:07:52,870 --> 00:07:55,390 you don't need so we're just gonna stick 210 00:07:55,390 --> 00:07:57,729 to the basic web hosting so just go 211 00:07:57,729 --> 00:08:00,070 ahead and click on that so once we do 212 00:08:00,070 --> 00:08:01,750 that there are three different plans 213 00:08:01,750 --> 00:08:03,820 under web hosting we have the hatchling 214 00:08:03,820 --> 00:08:06,010 plan the baby plan and the business plan 215 00:08:06,010 --> 00:08:08,560 and what I recommend is the hatchling 216 00:08:08,560 --> 00:08:11,200 plan because you can upgrade to a plan 217 00:08:11,200 --> 00:08:13,120 at any time you want so if you want to 218 00:08:13,120 --> 00:08:14,830 go to a hatchling to baby you can 219 00:08:14,830 --> 00:08:16,060 upgrade anytime you want 220 00:08:16,060 --> 00:08:17,470 if you want to go to a baby plan to a 221 00:08:17,470 --> 00:08:19,870 business plan you can upgrade anytime 222 00:08:19,870 --> 00:08:21,729 you want and I just think the business 223 00:08:21,729 --> 00:08:23,260 plan has way too much stuff you don't 224 00:08:23,260 --> 00:08:25,180 need all the stuff that it includes and 225 00:08:25,180 --> 00:08:27,220 you can always upgrade later so we don't 226 00:08:27,220 --> 00:08:29,710 need the business plan so between the 227 00:08:29,710 --> 00:08:32,050 hatchling plan and the baby plan the 228 00:08:32,050 --> 00:08:33,849 difference is the baby plan lets you 229 00:08:33,849 --> 00:08:36,669 have as many domain names or websites as 230 00:08:36,669 --> 00:08:38,589 you want so you can have your website 231 00:08:38,589 --> 00:08:41,800 com your dog's website com your friends 232 00:08:41,800 --> 00:08:44,950 website net your mom's website org you 233 00:08:44,950 --> 00:08:47,050 can have as many websites as you want 234 00:08:47,050 --> 00:08:48,580 but usually people just start off with 235 00:08:48,580 --> 00:08:50,920 one website so that's why I recommend 236 00:08:50,920 --> 00:08:53,200 the hatchling plan and it is the least 237 00:08:53,200 --> 00:08:54,970 expensive so that's also 238 00:08:54,970 --> 00:08:56,860 awesome alright so all we have to do is 239 00:08:56,860 --> 00:08:58,870 click sign up now and now we have two 240 00:08:58,870 --> 00:09:00,850 options here we can register a new 241 00:09:00,850 --> 00:09:03,250 domain or you can say I already own this 242 00:09:03,250 --> 00:09:05,889 domain so if you bought your domain name 243 00:09:05,889 --> 00:09:07,870 already or your website name already 244 00:09:07,870 --> 00:09:10,750 from a place like GoDaddy and you've 245 00:09:10,750 --> 00:09:12,610 already purchased it then you're going 246 00:09:12,610 --> 00:09:14,019 to want to click I already own this 247 00:09:14,019 --> 00:09:16,480 domain and fill it out right here but if 248 00:09:16,480 --> 00:09:18,790 you're purchasing a new website name or 249 00:09:18,790 --> 00:09:20,620 domain name then you're gonna want to 250 00:09:20,620 --> 00:09:23,079 enter it in right here and here we can 251 00:09:23,079 --> 00:09:25,750 choose the extension type so I usually 252 00:09:25,750 --> 00:09:28,089 go with dot-com but you can do online 253 00:09:28,089 --> 00:09:31,420 sites tour that website tech sometimes 254 00:09:31,420 --> 00:09:33,970 the dot-com is not available so you can 255 00:09:33,970 --> 00:09:35,620 use the other ones or sometimes it's 256 00:09:35,620 --> 00:09:37,990 just kind of cool to have a dot site or 257 00:09:37,990 --> 00:09:40,449 dot online or a dot tech but that is 258 00:09:40,449 --> 00:09:43,199 totally up to you and once we choose our 259 00:09:43,199 --> 00:09:46,269 ComNet org it's gonna ask you do you 260 00:09:46,269 --> 00:09:48,730 want all these other ones and my advice 261 00:09:48,730 --> 00:09:50,920 is no you don't want all these other 262 00:09:50,920 --> 00:09:53,079 ones they just want to put on and add on 263 00:09:53,079 --> 00:09:55,180 some more money I don't feel like people 264 00:09:55,180 --> 00:09:57,399 are going to try to get your same 265 00:09:57,399 --> 00:09:59,259 website and copy you that just doesn't 266 00:09:59,259 --> 00:10:01,089 really happen and so you don't need to 267 00:10:01,089 --> 00:10:02,769 do it the next thing that we have here 268 00:10:02,769 --> 00:10:05,379 is domain privacy protection and what 269 00:10:05,379 --> 00:10:07,410 this does is it hides all of your 270 00:10:07,410 --> 00:10:10,089 information so when you buy or purchase 271 00:10:10,089 --> 00:10:12,579 a domain name people can see all of your 272 00:10:12,579 --> 00:10:15,730 contact information like your name and 273 00:10:15,730 --> 00:10:19,300 your email and your address but a lot of 274 00:10:19,300 --> 00:10:21,129 people don't like that I think it's fine 275 00:10:21,129 --> 00:10:23,050 personally but if you don't want that 276 00:10:23,050 --> 00:10:25,300 you can add on domain privacy protection 277 00:10:25,300 --> 00:10:27,759 but I trust people so I'm just gonna 278 00:10:27,759 --> 00:10:31,389 unmark that and continue on next it says 279 00:10:31,389 --> 00:10:33,189 choose a hosting plan we've already 280 00:10:33,189 --> 00:10:35,410 picked the hatchling plan which is great 281 00:10:35,410 --> 00:10:36,910 and now it wants to know the billing 282 00:10:36,910 --> 00:10:39,430 cycle so basically for this the longer 283 00:10:39,430 --> 00:10:41,199 that you commit to so if you pay thirty 284 00:10:41,199 --> 00:10:43,389 six months up front you're gonna get a 285 00:10:43,389 --> 00:10:45,309 bigger discount but it's gonna cost you 286 00:10:45,309 --> 00:10:47,589 more up front and the shorter amount of 287 00:10:47,589 --> 00:10:49,899 time that you commit for say one month 288 00:10:49,899 --> 00:10:52,209 it's gonna cost you less up front but 289 00:10:52,209 --> 00:10:53,920 you're not getting as big of a discount 290 00:10:53,920 --> 00:10:56,139 so it's really up to you but I'm gonna 291 00:10:56,139 --> 00:10:58,930 choose just the month-to-month option so 292 00:10:58,930 --> 00:11:00,790 it cost me the least amount of money up 293 00:11:00,790 --> 00:11:03,880 front next choose a username and 294 00:11:03,880 --> 00:11:06,459 security pin and enter in your billing 295 00:11:06,459 --> 00:11:08,889 information alright once you do that you 296 00:11:08,889 --> 00:11:10,839 the option to pay with credit card or 297 00:11:10,839 --> 00:11:13,029 PayPal I'm just gonna choose credit card 298 00:11:13,029 --> 00:11:15,579 put in your info and the expiration date 299 00:11:15,579 --> 00:11:17,410 then it's gonna ask you if you want to 300 00:11:17,410 --> 00:11:20,199 add on additional services and again I 301 00:11:20,199 --> 00:11:22,029 don't find that you need it because you 302 00:11:22,029 --> 00:11:24,009 can always add them on later if you find 303 00:11:24,009 --> 00:11:25,419 that you do need it but you probably 304 00:11:25,419 --> 00:11:27,160 won't need it at all so I'm just gonna 305 00:11:27,160 --> 00:11:29,319 uncheck those then we can see that that 306 00:11:29,319 --> 00:11:33,009 mountain too is $25.00 in 95 cents but 307 00:11:33,009 --> 00:11:36,249 if we put in save code that's SAV e c.o 308 00:11:36,249 --> 00:11:39,040 de and click validate we can see that 309 00:11:39,040 --> 00:11:40,899 the amount due goes down to 10 dollars 310 00:11:40,899 --> 00:11:43,749 and 37 cents now this is my code and I 311 00:11:43,749 --> 00:11:45,939 do get credit for it so thank you very 312 00:11:45,939 --> 00:11:48,850 much and it is the biggest discount code 313 00:11:48,850 --> 00:11:50,769 that there is and if it isn't please 314 00:11:50,769 --> 00:11:53,230 email me at tyler moore at gmail.com and 315 00:11:53,230 --> 00:11:54,970 say hey what's up man it's not the 316 00:11:54,970 --> 00:11:57,129 biggest discount no but it really is the 317 00:11:57,129 --> 00:11:59,290 biggest discount on the entire internet 318 00:11:59,290 --> 00:12:01,809 and i appreciate you putting it in 319 00:12:01,809 --> 00:12:03,910 because it gives me credit and helps me 320 00:12:03,910 --> 00:12:06,220 make these free tutorials so i really 321 00:12:06,220 --> 00:12:07,449 appreciate that thank you 322 00:12:07,449 --> 00:12:09,489 alright i'm just gonna scroll up because 323 00:12:09,489 --> 00:12:11,379 sometimes they add on the domain privacy 324 00:12:11,379 --> 00:12:14,619 protection after you add on the coupon 325 00:12:14,619 --> 00:12:16,720 but they didn't this time so that is 326 00:12:16,720 --> 00:12:19,239 good it's ten dollars thirty seven cents 327 00:12:19,239 --> 00:12:21,850 and we can review our order we have 24/7 328 00:12:21,850 --> 00:12:24,269 365 fo and live chat and email support 329 00:12:24,269 --> 00:12:26,709 account activation money-back guarantee 330 00:12:26,709 --> 00:12:30,100 your domain name and our hatchling plan 331 00:12:30,100 --> 00:12:32,230 all right now you can click I have read 332 00:12:32,230 --> 00:12:33,819 and agree to the Terms of Service and 333 00:12:33,819 --> 00:12:36,579 click checkout now and you are done 334 00:12:36,579 --> 00:12:38,889 signing up for hosting the next thing 335 00:12:38,889 --> 00:12:41,379 that we're gonna do is install WordPress 336 00:12:41,379 --> 00:12:43,600 so all you have to do is click on 337 00:12:43,600 --> 00:12:46,509 hosting scroll down and click launch 338 00:12:46,509 --> 00:12:49,269 quick install once you do that you can 339 00:12:49,269 --> 00:12:51,730 exit out of this tab here and scroll 340 00:12:51,730 --> 00:12:54,100 down and click on WordPress and you can 341 00:12:54,100 --> 00:12:56,559 select a domain name for installation 342 00:12:56,559 --> 00:12:58,389 now I have a whole bunch of domain names 343 00:12:58,389 --> 00:13:00,850 but you'll probably only have one so I'm 344 00:13:00,850 --> 00:13:02,949 just gonna choose the domain name I want 345 00:13:02,949 --> 00:13:04,929 to install it on and we're can I leave 346 00:13:04,929 --> 00:13:07,689 this directory here blank because if you 347 00:13:07,689 --> 00:13:10,419 choose it then WordPress will install on 348 00:13:10,419 --> 00:13:12,369 your website comm forward slash 349 00:13:12,369 --> 00:13:15,549 something instead of your website com so 350 00:13:15,549 --> 00:13:16,989 we're just gonna leave that blank we're 351 00:13:16,989 --> 00:13:18,819 gonna click Next and we're gonna enter 352 00:13:18,819 --> 00:13:21,100 in a blog title I'm just going to title 353 00:13:21,100 --> 00:13:22,540 this create a website 354 00:13:22,540 --> 00:13:24,250 and you can change us later at any time 355 00:13:24,250 --> 00:13:26,290 so don't worry about it and for admin 356 00:13:26,290 --> 00:13:28,180 user I'm just gonna put in my name and 357 00:13:28,180 --> 00:13:30,250 I'm gonna put in my first name last name 358 00:13:30,250 --> 00:13:33,040 and put in my email address all right 359 00:13:33,040 --> 00:13:34,720 and we're gonna make sure automatically 360 00:13:34,720 --> 00:13:36,160 create a new database for this 361 00:13:36,160 --> 00:13:38,620 installation is marked off and we're 362 00:13:38,620 --> 00:13:40,210 gonna check the Terms of Service 363 00:13:40,210 --> 00:13:43,300 agreement then click install all right 364 00:13:43,300 --> 00:13:45,610 we're just gonna wait for WordPress to 365 00:13:45,610 --> 00:13:49,510 install really easy and our installation 366 00:13:49,510 --> 00:13:52,150 is complete so right now make sure to 367 00:13:52,150 --> 00:13:55,060 copy your username and password because 368 00:13:55,060 --> 00:13:57,760 it's important and print it or write it 369 00:13:57,760 --> 00:13:59,410 down or just put it in a file or 370 00:13:59,410 --> 00:14:01,450 something alright now if we check our 371 00:14:01,450 --> 00:14:03,850 website we can see that it is not gonna 372 00:14:03,850 --> 00:14:06,310 work yet and that's because the internet 373 00:14:06,310 --> 00:14:08,290 needs a little bit of time to realize 374 00:14:08,290 --> 00:14:10,750 that you've just got this new domain 375 00:14:10,750 --> 00:14:12,430 name so it takes time to spread 376 00:14:12,430 --> 00:14:14,740 throughout the entire world telling the 377 00:14:14,740 --> 00:14:17,980 internet that hey this website exists so 378 00:14:17,980 --> 00:14:20,620 we need to wait about two hours for our 379 00:14:20,620 --> 00:14:22,600 website to work and it could take as 380 00:14:22,600 --> 00:14:26,260 much as 24 hours but 99% of the time it 381 00:14:26,260 --> 00:14:28,240 takes about two hours and sometimes even 382 00:14:28,240 --> 00:14:30,070 less all right so we just have to wait 383 00:14:30,070 --> 00:14:31,450 for that so I'm gonna take a little 384 00:14:31,450 --> 00:14:33,760 break right now and come back in a few 385 00:14:33,760 --> 00:14:37,450 hours alright so I am back and now I'm 386 00:14:37,450 --> 00:14:39,910 going to check the website again and as 387 00:14:39,910 --> 00:14:42,460 you can see it works you have a live 388 00:14:42,460 --> 00:14:44,980 website on the internet that is your own 389 00:14:44,980 --> 00:14:47,170 that you've built now of course it 390 00:14:47,170 --> 00:14:49,240 doesn't have all of your content and the 391 00:14:49,240 --> 00:14:51,070 things that you want on it but a lot of 392 00:14:51,070 --> 00:14:52,990 people charge a lot of money just to get 393 00:14:52,990 --> 00:14:55,000 you to this place right here and you did 394 00:14:55,000 --> 00:14:56,650 it all yourself and it was super easy 395 00:14:56,650 --> 00:14:58,750 alright we can browse around your 396 00:14:58,750 --> 00:15:00,820 website and we can click on hello world 397 00:15:00,820 --> 00:15:03,010 this is just dummy content that 398 00:15:03,010 --> 00:15:05,410 WordPress automatically installs on your 399 00:15:05,410 --> 00:15:08,650 website but that's not very much fun we 400 00:15:08,650 --> 00:15:11,260 want to be able to log in and change it 401 00:15:11,260 --> 00:15:13,390 and make it your own so we can click on 402 00:15:13,390 --> 00:15:15,970 this tab and copy this password right 403 00:15:15,970 --> 00:15:18,520 here and now what we want to do is we 404 00:15:18,520 --> 00:15:21,040 want to go to your website comm forward 405 00:15:21,040 --> 00:15:25,180 slash WP dash ad mi n and you're gonna 406 00:15:25,180 --> 00:15:26,860 want to write that down or remember it 407 00:15:26,860 --> 00:15:29,080 of course you can Google how do I log 408 00:15:29,080 --> 00:15:31,330 into WordPress and find it that way also 409 00:15:31,330 --> 00:15:33,610 but this is how you log in to your 410 00:15:33,610 --> 00:15:36,070 website alright and we know that our 411 00:15:36,070 --> 00:15:36,490 user 412 00:15:36,490 --> 00:15:39,310 is whatever you said it to and our 413 00:15:39,310 --> 00:15:43,180 password is this big funky password so 414 00:15:43,180 --> 00:15:44,800 we're just gonna want to copy our 415 00:15:44,800 --> 00:15:47,080 password and paste it right in there and 416 00:15:47,080 --> 00:15:48,670 press login 417 00:15:48,670 --> 00:15:50,980 all right once we're logged in we can 418 00:15:50,980 --> 00:15:52,570 close this tab to keep everything 419 00:15:52,570 --> 00:15:55,300 organized and you can click I don't need 420 00:15:55,300 --> 00:15:56,770 help because we're gonna be doing all 421 00:15:56,770 --> 00:15:58,899 the steps manually and I think it's 422 00:15:58,899 --> 00:16:00,760 better to do it that way anyways all 423 00:16:00,760 --> 00:16:02,620 right once we do that the first thing 424 00:16:02,620 --> 00:16:04,810 that I like to do is change my password 425 00:16:04,810 --> 00:16:06,459 because I can't remember that crazy 426 00:16:06,459 --> 00:16:08,620 funky password so I want it to be 427 00:16:08,620 --> 00:16:12,220 something else so to do that go to users 428 00:16:12,220 --> 00:16:14,920 and click on your username and scroll 429 00:16:14,920 --> 00:16:16,510 all the way down and click generate 430 00:16:16,510 --> 00:16:18,790 password I'm gonna hide my password here 431 00:16:18,790 --> 00:16:20,890 and type in your password then press 432 00:16:20,890 --> 00:16:23,980 update profile so the next thing that 433 00:16:23,980 --> 00:16:26,500 we're gonna do is delete plugins and 434 00:16:26,500 --> 00:16:28,720 what plugins are is it adds 435 00:16:28,720 --> 00:16:30,850 functionality to your website and that's 436 00:16:30,850 --> 00:16:32,380 one of the things that makes WordPress 437 00:16:32,380 --> 00:16:34,720 great let's say that you want a contact 438 00:16:34,720 --> 00:16:37,240 form well by default WordPress doesn't 439 00:16:37,240 --> 00:16:39,520 come with a contact form so you download 440 00:16:39,520 --> 00:16:41,440 a plug-in that someone built and now you 441 00:16:41,440 --> 00:16:43,420 have a contact form or a photo gallery 442 00:16:43,420 --> 00:16:46,329 or an image slider so plugins add 443 00:16:46,329 --> 00:16:48,220 features to your website that people 444 00:16:48,220 --> 00:16:50,320 build and it's really really cool but 445 00:16:50,320 --> 00:16:51,880 what hosting companies do is they 446 00:16:51,880 --> 00:16:54,459 install all of these extra plugins on 447 00:16:54,459 --> 00:16:57,310 your website because well they get paid 448 00:16:57,310 --> 00:16:58,959 too and of course they're in the 449 00:16:58,959 --> 00:17:00,760 business of you know providing a service 450 00:17:00,760 --> 00:17:03,130 but also making money and that's alright 451 00:17:03,130 --> 00:17:04,809 but we don't want the plugins on our 452 00:17:04,809 --> 00:17:06,550 website so what we're gonna do is we're 453 00:17:06,550 --> 00:17:08,199 going to click plugins and we're gonna 454 00:17:08,199 --> 00:17:10,449 check this box on top and from the 455 00:17:10,449 --> 00:17:12,160 drop-down we're gonna press deactivate 456 00:17:12,160 --> 00:17:14,980 and apply and now deactivate all of the 457 00:17:14,980 --> 00:17:17,170 plugins but we still need to delete them 458 00:17:17,170 --> 00:17:18,880 so we're gonna check the box again and 459 00:17:18,880 --> 00:17:22,480 press delete and apply and press ok and 460 00:17:22,480 --> 00:17:25,329 that will delete all of the plugins on 461 00:17:25,329 --> 00:17:27,220 your website so that you can start off 462 00:17:27,220 --> 00:17:29,020 fresh the next thing that we're gonna do 463 00:17:29,020 --> 00:17:31,270 is update our permalinks and let me show 464 00:17:31,270 --> 00:17:33,700 you what that is so if we hover up right 465 00:17:33,700 --> 00:17:36,640 here and click visit site we go back to 466 00:17:36,640 --> 00:17:38,590 our site and we see this bar up here and 467 00:17:38,590 --> 00:17:40,750 that shows us that we're logged in so 468 00:17:40,750 --> 00:17:42,640 our users aren't going to see that we 469 00:17:42,640 --> 00:17:44,590 just see that but anyways if we scroll 470 00:17:44,590 --> 00:17:47,620 down and click on the hello world we can 471 00:17:47,620 --> 00:17:50,049 see up here it's our website com 472 00:17:50,049 --> 00:17:52,989 forward slash index dot PHP forward 473 00:17:52,989 --> 00:17:55,419 slash the date thin HelloWorld but 474 00:17:55,419 --> 00:17:57,279 that's not really professional you don't 475 00:17:57,279 --> 00:17:59,259 go to Google's website and click there 476 00:17:59,259 --> 00:18:02,379 about page and see Google com forward 477 00:18:02,379 --> 00:18:05,529 slash index dot PHP for slash about all 478 00:18:05,529 --> 00:18:07,210 you see is google.com 479 00:18:07,210 --> 00:18:09,489 forward slash about it's simple it's 480 00:18:09,489 --> 00:18:11,950 easy and it's professional so how do we 481 00:18:11,950 --> 00:18:15,279 get rid of that index dot PHP and that 482 00:18:15,279 --> 00:18:17,529 is where permalinks come into play so to 483 00:18:17,529 --> 00:18:19,450 change the permalinks all we have to do 484 00:18:19,450 --> 00:18:22,929 is hover over our website name and click 485 00:18:22,929 --> 00:18:25,690 dashboard then click settings and go to 486 00:18:25,690 --> 00:18:27,850 permalinks then I just like to click on 487 00:18:27,850 --> 00:18:30,369 post name you can obviously change yours 488 00:18:30,369 --> 00:18:31,629 and make yours different but I think 489 00:18:31,629 --> 00:18:34,210 post name is perfect then I click to 490 00:18:34,210 --> 00:18:37,239 save changes alright now we can hover 491 00:18:37,239 --> 00:18:39,700 over our website name and visit our site 492 00:18:39,700 --> 00:18:42,940 again and click on hello world again and 493 00:18:42,940 --> 00:18:45,700 now we can see it's just our website com 494 00:18:45,700 --> 00:18:48,159 forward slash hello world it is much 495 00:18:48,159 --> 00:18:50,619 simpler much plainer much cleaner and 496 00:18:50,619 --> 00:18:53,289 much more professional alright the next 497 00:18:53,289 --> 00:18:54,970 thing that we're gonna do is see if 498 00:18:54,970 --> 00:18:57,309 WordPress needs any updates we want to 499 00:18:57,309 --> 00:18:59,859 update our website before we do anything 500 00:18:59,859 --> 00:19:02,889 because sometimes updates can cause some 501 00:19:02,889 --> 00:19:05,200 changes to our website so we want to do 502 00:19:05,200 --> 00:19:07,149 it before and not after we've completed 503 00:19:07,149 --> 00:19:09,789 our website so what you do is hover over 504 00:19:09,789 --> 00:19:12,340 your website name and click on dashboard 505 00:19:12,340 --> 00:19:15,940 and click on updates now we don't have 506 00:19:15,940 --> 00:19:18,100 any updates right now but if we did all 507 00:19:18,100 --> 00:19:20,499 we would do is click on update and it 508 00:19:20,499 --> 00:19:22,629 would update WordPress for you the next 509 00:19:22,629 --> 00:19:24,190 thing that we're gonna do is install 510 00:19:24,190 --> 00:19:27,309 your theme a theme is the design of your 511 00:19:27,309 --> 00:19:29,619 website what your website looks like and 512 00:19:29,619 --> 00:19:31,210 that's one of the reasons why I love 513 00:19:31,210 --> 00:19:33,489 WordPress so much because thousands and 514 00:19:33,489 --> 00:19:35,470 thousands of people make themes for 515 00:19:35,470 --> 00:19:37,749 WordPress so you have thousands of 516 00:19:37,749 --> 00:19:39,820 designs to choose from so we can see 517 00:19:39,820 --> 00:19:41,289 what our theme looks like by just 518 00:19:41,289 --> 00:19:43,570 visiting our website so if we visit our 519 00:19:43,570 --> 00:19:45,549 website this is what it looks like it 520 00:19:45,549 --> 00:19:47,590 has this big image up here and if we 521 00:19:47,590 --> 00:19:49,659 scroll down we can see this is just what 522 00:19:49,659 --> 00:19:51,399 our website looks like so how do we 523 00:19:51,399 --> 00:19:53,080 change that how do we make it look much 524 00:19:53,080 --> 00:19:55,600 much better to do that just go back into 525 00:19:55,600 --> 00:19:59,320 your dashboard and go to appearance then 526 00:19:59,320 --> 00:20:01,990 themes now we see we have these three 527 00:20:01,990 --> 00:20:03,760 themes but how do we add 528 00:20:03,760 --> 00:20:05,620 and that's really easy we just click on 529 00:20:05,620 --> 00:20:08,530 add new once we do that we can scroll 530 00:20:08,530 --> 00:20:10,750 through all of the themes and look at 531 00:20:10,750 --> 00:20:13,120 them or we can go to popular and look at 532 00:20:13,120 --> 00:20:14,890 the popular themes they have many 533 00:20:14,890 --> 00:20:17,560 beautiful themes but I do have a 534 00:20:17,560 --> 00:20:19,270 favorite theme and this is the theme 535 00:20:19,270 --> 00:20:20,830 that you should install because this 536 00:20:20,830 --> 00:20:23,560 tutorial is based on this theme so if 537 00:20:23,560 --> 00:20:25,300 you install a different theme then you 538 00:20:25,300 --> 00:20:27,280 can't follow all the steps they'll be 539 00:20:27,280 --> 00:20:29,290 different so the theme that I love is 540 00:20:29,290 --> 00:20:32,500 ocean WP and again this is my favorite 541 00:20:32,500 --> 00:20:34,540 theme and we can go to details in 542 00:20:34,540 --> 00:20:36,940 preview and we can see that it has five 543 00:20:36,940 --> 00:20:40,420 stars it was rated 164 times and that's 544 00:20:40,420 --> 00:20:42,040 all great so we can exit out of there 545 00:20:42,040 --> 00:20:44,440 and we can click install so now the 546 00:20:44,440 --> 00:20:47,080 theme is installing and once it does 547 00:20:47,080 --> 00:20:49,300 that we can click on activate and now 548 00:20:49,300 --> 00:20:51,610 our theme is activated on our website 549 00:20:51,610 --> 00:20:53,830 now up top right here it says this theme 550 00:20:53,830 --> 00:20:55,180 recommends the following plug-in 551 00:20:55,180 --> 00:20:58,120 Elementor and ocean extra so we're gonna 552 00:20:58,120 --> 00:21:01,000 click begin installing plugins and again 553 00:21:01,000 --> 00:21:03,310 plugins add features to your website so 554 00:21:03,310 --> 00:21:05,650 it's extra things that the theme needs 555 00:21:05,650 --> 00:21:08,140 in order to work properly alright for 556 00:21:08,140 --> 00:21:10,210 now we're just going to install ocean 557 00:21:10,210 --> 00:21:13,360 extra and we'll install element or later 558 00:21:13,360 --> 00:21:16,060 so just click on install and it will 559 00:21:16,060 --> 00:21:19,360 install then we can click visit site and 560 00:21:19,360 --> 00:21:21,700 we can see that the theme or the design 561 00:21:21,700 --> 00:21:23,620 has changed so it doesn't look that 562 00:21:23,620 --> 00:21:25,840 great right now but it is the building 563 00:21:25,840 --> 00:21:28,150 block to a really beautiful website so 564 00:21:28,150 --> 00:21:29,650 the next thing that we're gonna do is 565 00:21:29,650 --> 00:21:31,900 delete some pages and post that 566 00:21:31,900 --> 00:21:34,480 WordPress installs automatically we just 567 00:21:34,480 --> 00:21:36,250 want to start off clean and blank and 568 00:21:36,250 --> 00:21:38,950 fresh so to do that let's go back into 569 00:21:38,950 --> 00:21:40,810 your dashboard by hovering over your 570 00:21:40,810 --> 00:21:43,330 name and clicking dashboard then click 571 00:21:43,330 --> 00:21:46,090 pages and we'll see this sample page and 572 00:21:46,090 --> 00:21:48,430 we can view it to see what it looks like 573 00:21:48,430 --> 00:21:50,740 yep just looks like a regular sample 574 00:21:50,740 --> 00:21:53,380 page and we can go back and we can click 575 00:21:53,380 --> 00:21:56,620 on trash alright once we've clicked on 576 00:21:56,620 --> 00:21:59,290 trash it goes into the trash can and we 577 00:21:59,290 --> 00:22:01,510 can delete permanently alright so that's 578 00:22:01,510 --> 00:22:02,950 how you delete pages now we're gonna 579 00:22:02,950 --> 00:22:06,180 delete our posts so just go to posts and 580 00:22:06,180 --> 00:22:09,430 hover over hello world and click on 581 00:22:09,430 --> 00:22:11,920 trash and we can go to trash and we can 582 00:22:11,920 --> 00:22:13,960 delete permanently the difference 583 00:22:13,960 --> 00:22:17,170 between pages and post pages our web 584 00:22:17,170 --> 00:22:19,990 pages like about services contact 585 00:22:19,990 --> 00:22:22,870 products or store and post our blog 586 00:22:22,870 --> 00:22:25,570 posts so if you want to create a blog 587 00:22:25,570 --> 00:22:27,730 you would click on post and create your 588 00:22:27,730 --> 00:22:29,530 blog posts there alright so we're done 589 00:22:29,530 --> 00:22:32,800 deleting our pages and posts and that 590 00:22:32,800 --> 00:22:34,180 was really easy the next thing that 591 00:22:34,180 --> 00:22:35,860 we're gonna learn how to do is change 592 00:22:35,860 --> 00:22:38,680 our title in tagline so to do that we 593 00:22:38,680 --> 00:22:40,930 can hover over our website name and 594 00:22:40,930 --> 00:22:42,520 click visit site and we can see our 595 00:22:42,520 --> 00:22:43,900 title up here 596 00:22:43,900 --> 00:22:46,420 create a website and our tagline just 597 00:22:46,420 --> 00:22:48,880 another WordPress website well ours 598 00:22:48,880 --> 00:22:50,710 isn't just another WordPress website 599 00:22:50,710 --> 00:22:53,200 ours is something great and amazing so 600 00:22:53,200 --> 00:22:54,760 we definitely want to change that to do 601 00:22:54,760 --> 00:22:57,340 that click on customize up here it 602 00:22:57,340 --> 00:22:59,500 didn't click site identity and we can 603 00:22:59,500 --> 00:23:02,020 see our site title I'll just change it 604 00:23:02,020 --> 00:23:04,030 real quick to show you that it changes 605 00:23:04,030 --> 00:23:05,680 and this is where you should put your 606 00:23:05,680 --> 00:23:08,230 business name and your tagline describes 607 00:23:08,230 --> 00:23:10,180 what you do or gives you more 608 00:23:10,180 --> 00:23:12,670 information about what it is so I'm just 609 00:23:12,670 --> 00:23:14,800 gonna put step by step with no steps 610 00:23:14,800 --> 00:23:16,540 skipped but if you did something like 611 00:23:16,540 --> 00:23:18,550 graphic design then you would put what 612 00:23:18,550 --> 00:23:20,980 you do so you can say you do drawings 613 00:23:20,980 --> 00:23:24,520 illustrations and websites so it really 614 00:23:24,520 --> 00:23:26,950 describes what you do in the tagline 615 00:23:26,950 --> 00:23:28,540 alright once you're done with that you 616 00:23:28,540 --> 00:23:30,490 can click on publish and exit out of 617 00:23:30,490 --> 00:23:32,470 there and we can see our title up here 618 00:23:32,470 --> 00:23:35,890 in our tagline right down here but it's 619 00:23:35,890 --> 00:23:37,420 not always gonna look like that that 620 00:23:37,420 --> 00:23:39,550 just kind of ugly I don't really like 621 00:23:39,550 --> 00:23:41,860 that so we're gonna remove that and make 622 00:23:41,860 --> 00:23:43,780 our website look much better a little 623 00:23:43,780 --> 00:23:45,400 bit later but alright that is how you 624 00:23:45,400 --> 00:23:47,800 add your title and tagline but now our 625 00:23:47,800 --> 00:23:50,020 website is blank so the next thing that 626 00:23:50,020 --> 00:23:52,510 we're gonna do is add pages to our 627 00:23:52,510 --> 00:23:55,240 website to do that hover over your title 628 00:23:55,240 --> 00:23:58,630 name and go to dashboard and click pages 629 00:23:58,630 --> 00:24:01,600 then click add new and you can enter in 630 00:24:01,600 --> 00:24:04,240 your page name we of course need a home 631 00:24:04,240 --> 00:24:07,000 page so I'm just gonna put in home and 632 00:24:07,000 --> 00:24:08,920 we're gonna leave it blank for now so 633 00:24:08,920 --> 00:24:10,350 we're just gonna click on publish 634 00:24:10,350 --> 00:24:12,970 alright once we do that we can add 635 00:24:12,970 --> 00:24:15,070 another page so we're just gonna press 636 00:24:15,070 --> 00:24:17,500 add new and we're gonna name this one 637 00:24:17,500 --> 00:24:19,990 about and we're gonna click on publish 638 00:24:19,990 --> 00:24:22,810 then again click on add new and we're 639 00:24:22,810 --> 00:24:25,210 gonna add services and click on publish 640 00:24:25,210 --> 00:24:27,730 then we're gonna click on add new and 641 00:24:27,730 --> 00:24:30,310 we're gonna put in contact and click 642 00:24:30,310 --> 00:24:31,270 publish 643 00:24:31,270 --> 00:24:33,070 then we can see all of our pages by 644 00:24:33,070 --> 00:24:35,380 clicking on pages and see all the pages 645 00:24:35,380 --> 00:24:38,230 right here of course you can add so many 646 00:24:38,230 --> 00:24:40,750 different pages you can add features or 647 00:24:40,750 --> 00:24:43,570 pricing or a store page where people can 648 00:24:43,570 --> 00:24:46,120 buy things and you can add a lot more 649 00:24:46,120 --> 00:24:48,070 pages we're just gonna have these four 650 00:24:48,070 --> 00:24:50,830 pages because it is a tutorial and I 651 00:24:50,830 --> 00:24:52,840 want to keep it as short as possible but 652 00:24:52,840 --> 00:24:55,330 the options are limitless all right so 653 00:24:55,330 --> 00:24:57,820 that is how to add pages we are done 654 00:24:57,820 --> 00:25:00,100 doing that so the next thing that we're 655 00:25:00,100 --> 00:25:02,200 gonna do is edit our menu to do that 656 00:25:02,200 --> 00:25:04,240 hover over your name and click visit 657 00:25:04,240 --> 00:25:05,890 site and we're gonna add links to this 658 00:25:05,890 --> 00:25:07,480 part right here and we're also gonna 659 00:25:07,480 --> 00:25:09,070 remove this space right here so let's 660 00:25:09,070 --> 00:25:11,710 click on customize and let's click on 661 00:25:11,710 --> 00:25:14,650 top bar then click general and uncheck 662 00:25:14,650 --> 00:25:16,690 enable top bar that will remove this 663 00:25:16,690 --> 00:25:18,880 space up here alright once we do that we 664 00:25:18,880 --> 00:25:21,040 can go back and now let's add all of our 665 00:25:21,040 --> 00:25:23,260 menu items so just click on menus and 666 00:25:23,260 --> 00:25:25,720 click create new menu then we can name 667 00:25:25,720 --> 00:25:27,880 our menu and I'm just gonna name it main 668 00:25:27,880 --> 00:25:31,000 and check it off as the main menu then 669 00:25:31,000 --> 00:25:34,120 press next and click add items so we're 670 00:25:34,120 --> 00:25:36,460 just gonna add home and we can click on 671 00:25:36,460 --> 00:25:38,830 custom link right here and make sure 672 00:25:38,830 --> 00:25:40,720 it's our website name then we could 673 00:25:40,720 --> 00:25:42,760 click Add items again and check off 674 00:25:42,760 --> 00:25:46,630 about services contact and we can go 675 00:25:46,630 --> 00:25:48,550 back and if we look at the top right of 676 00:25:48,550 --> 00:25:50,650 our website we can see at home about 677 00:25:50,650 --> 00:25:53,080 services and contact are added to our 678 00:25:53,080 --> 00:25:54,850 menu all right now we could go back to 679 00:25:54,850 --> 00:25:58,150 edit more settings and go to header then 680 00:25:58,150 --> 00:26:00,250 go to general and we can choose the 681 00:26:00,250 --> 00:26:03,220 style of our menu we can do full screen 682 00:26:03,220 --> 00:26:04,840 and that will make this little hamburger 683 00:26:04,840 --> 00:26:07,210 icon and when we click it it will make a 684 00:26:07,210 --> 00:26:09,340 full screen menu or we could do medium 685 00:26:09,340 --> 00:26:12,160 which will make it in the center or we 686 00:26:12,160 --> 00:26:14,260 can do transparent and what this does it 687 00:26:14,260 --> 00:26:16,420 makes them a new transparent so that if 688 00:26:16,420 --> 00:26:18,580 you build content on your website you 689 00:26:18,580 --> 00:26:21,310 will see the content through that menu 690 00:26:21,310 --> 00:26:23,410 so it'll be transparent through it so I 691 00:26:23,410 --> 00:26:25,000 think that's a really cool effect so 692 00:26:25,000 --> 00:26:27,190 let's just do that one alright now 693 00:26:27,190 --> 00:26:29,080 there's a border at the bottom of our 694 00:26:29,080 --> 00:26:30,970 menu and we don't want that so I'm just 695 00:26:30,970 --> 00:26:33,070 gonna uncheck that and for height you 696 00:26:33,070 --> 00:26:34,890 can make your menu really big or really 697 00:26:34,890 --> 00:26:37,600 small I'm just gonna keep it at 80 and 698 00:26:37,600 --> 00:26:39,610 for background color I'm just gonna make 699 00:26:39,610 --> 00:26:42,670 this black and this is for the 700 00:26:42,670 --> 00:26:44,890 background color if it was not trans 701 00:26:44,890 --> 00:26:46,270 parent now sometimes you don't want your 702 00:26:46,270 --> 00:26:48,190 pages to have a transparent menu just 703 00:26:48,190 --> 00:26:49,780 because it doesn't make sense and I'll 704 00:26:49,780 --> 00:26:51,820 show you that a little later on in the 705 00:26:51,820 --> 00:26:53,530 tutorial so we're just gonna make this a 706 00:26:53,530 --> 00:26:55,900 dark color not all the way black but 707 00:26:55,900 --> 00:26:57,640 pretty close to black and under 708 00:26:57,640 --> 00:26:59,530 transparent header settings I'm just 709 00:26:59,530 --> 00:27:01,960 gonna click on background color and I'm 710 00:27:01,960 --> 00:27:04,420 gonna make it black by click holding and 711 00:27:04,420 --> 00:27:05,740 dragging it all the way to the bottom 712 00:27:05,740 --> 00:27:08,320 left all right now we can mess with the 713 00:27:08,320 --> 00:27:10,990 transparent slider and if we slid it all 714 00:27:10,990 --> 00:27:12,340 the way to the left it would be 715 00:27:12,340 --> 00:27:14,410 completely transparent you would see 716 00:27:14,410 --> 00:27:16,090 right through it and if we slide it all 717 00:27:16,090 --> 00:27:17,230 the way to the right it wouldn't be 718 00:27:17,230 --> 00:27:19,870 transparent at all so I'm gonna slide it 719 00:27:19,870 --> 00:27:22,840 to about 23 so it is mostly transparent 720 00:27:22,840 --> 00:27:25,750 but you can still see the menu all right 721 00:27:25,750 --> 00:27:27,220 everything looks pretty good so let's go 722 00:27:27,220 --> 00:27:29,410 back and now let's change what the menu 723 00:27:29,410 --> 00:27:31,300 colors look like like the home about 724 00:27:31,300 --> 00:27:33,370 services contact let's change those 725 00:27:33,370 --> 00:27:35,950 colors so just click on menu and for a 726 00:27:35,950 --> 00:27:37,390 link color we're gonna make it all the 727 00:27:37,390 --> 00:27:39,640 way white so we're gonna just drag it to 728 00:27:39,640 --> 00:27:42,220 the top left and for a link hover color 729 00:27:42,220 --> 00:27:44,170 we're gonna change that and what that 730 00:27:44,170 --> 00:27:46,630 does is when you hover over a link like 731 00:27:46,630 --> 00:27:48,940 the home about services contact it will 732 00:27:48,940 --> 00:27:50,770 change colors to indicate that you're 733 00:27:50,770 --> 00:27:53,050 hovering over a link so we want it to be 734 00:27:53,050 --> 00:27:55,600 a slight change but not too dramatic so 735 00:27:55,600 --> 00:27:57,160 I'm just gonna make it a very light 736 00:27:57,160 --> 00:28:00,280 yellow and right here for the hex color 737 00:28:00,280 --> 00:28:02,800 code you can enter in your own number 738 00:28:02,800 --> 00:28:04,750 if you've copied and pasted from 739 00:28:04,750 --> 00:28:06,460 somewhere else or you want to use a very 740 00:28:06,460 --> 00:28:09,370 specific color for current menu item 741 00:28:09,370 --> 00:28:12,070 that is when you're on like let's say 742 00:28:12,070 --> 00:28:14,560 you click on the about page and you're 743 00:28:14,560 --> 00:28:17,200 on the about page the menu color can be 744 00:28:17,200 --> 00:28:19,180 different if you want it to be I just 745 00:28:19,180 --> 00:28:20,440 want it to be white so I'm just gonna 746 00:28:20,440 --> 00:28:22,240 make it white then I don't want a search 747 00:28:22,240 --> 00:28:25,210 box on my website but maybe you do but I 748 00:28:25,210 --> 00:28:27,190 don't so I'm gonna press disable and 749 00:28:27,190 --> 00:28:28,780 that will go away 750 00:28:28,780 --> 00:28:30,540 alrighty everything is looking pretty 751 00:28:30,540 --> 00:28:33,730 cool so we could click on the back 752 00:28:33,730 --> 00:28:36,190 button and click back again then we can 753 00:28:36,190 --> 00:28:38,560 go to typography now what typography is 754 00:28:38,560 --> 00:28:41,320 it's basically the fonts or text used in 755 00:28:41,320 --> 00:28:43,060 your entire website so you can change 756 00:28:43,060 --> 00:28:45,460 what the fonts look like for your site 757 00:28:45,460 --> 00:28:47,380 and you can change any of the fonts here 758 00:28:47,380 --> 00:28:49,720 but I want to change the logo and we can 759 00:28:49,720 --> 00:28:52,390 make the logo bigger or smaller and we 760 00:28:52,390 --> 00:28:54,490 could change the font family there are 761 00:28:54,490 --> 00:28:57,070 about 600 different fonts to choose from 762 00:28:57,070 --> 00:28:58,360 and you can look at the 763 00:28:58,360 --> 00:29:00,760 if you go to google.com forward slash 764 00:29:00,760 --> 00:29:03,040 fonts but we have all of these to choose 765 00:29:03,040 --> 00:29:04,930 from and I'm gonna choose one called 766 00:29:04,930 --> 00:29:06,760 permanent marker because it looks really 767 00:29:06,760 --> 00:29:08,950 cool and later I'm gonna show you how to 768 00:29:08,950 --> 00:29:11,440 make a logo but if you just want this as 769 00:29:11,440 --> 00:29:13,480 your logo that's totally cool and I 770 00:29:13,480 --> 00:29:15,070 think it works great alright that looks 771 00:29:15,070 --> 00:29:17,440 good let's go back so just click on main 772 00:29:17,440 --> 00:29:20,020 menu and we're gonna do a text transform 773 00:29:20,020 --> 00:29:22,570 so we're gonna make this all uppercase 774 00:29:22,570 --> 00:29:25,240 so now our menu is all upper case and of 775 00:29:25,240 --> 00:29:26,980 course you can make the font size bigger 776 00:29:26,980 --> 00:29:29,350 or smaller and you can make the letter 777 00:29:29,350 --> 00:29:31,690 spacing more so I'm just gonna make it 778 00:29:31,690 --> 00:29:33,970 two and what that does is it spaces out 779 00:29:33,970 --> 00:29:35,560 the letters so that it's a little bit 780 00:29:35,560 --> 00:29:37,660 wider and has more space in between them 781 00:29:37,660 --> 00:29:39,310 and that looks pretty good so we're 782 00:29:39,310 --> 00:29:41,140 gonna go back and we're gonna go back 783 00:29:41,140 --> 00:29:43,630 again now what we're gonna do is make 784 00:29:43,630 --> 00:29:45,430 that create a website we're gonna make 785 00:29:45,430 --> 00:29:47,830 that font white so just click on header 786 00:29:47,830 --> 00:29:50,200 and go to logo and we're gonna upload a 787 00:29:50,200 --> 00:29:52,270 logo later but if you want to use this 788 00:29:52,270 --> 00:29:54,130 as your logo that's awesome so go to 789 00:29:54,130 --> 00:29:56,500 select color and we're gonna make it 790 00:29:56,500 --> 00:29:59,920 white and the logo should turn white so 791 00:29:59,920 --> 00:30:01,420 now if your mouse is hovered over the 792 00:30:01,420 --> 00:30:04,090 logo it will turn blue but we are going 793 00:30:04,090 --> 00:30:06,700 to press select color and make that into 794 00:30:06,700 --> 00:30:08,860 so it turns black alright that looks 795 00:30:08,860 --> 00:30:11,920 pretty cool so now we can go back and go 796 00:30:11,920 --> 00:30:13,720 back again so the next thing that we're 797 00:30:13,720 --> 00:30:16,030 gonna do is set our homepage to the 798 00:30:16,030 --> 00:30:18,220 actual homepage right now our homepage 799 00:30:18,220 --> 00:30:20,770 is set up as a blog but we don't want it 800 00:30:20,770 --> 00:30:22,870 to be like that we want it to be as the 801 00:30:22,870 --> 00:30:25,870 page that we named home so just go to 802 00:30:25,870 --> 00:30:28,780 homepage settings and go to a static 803 00:30:28,780 --> 00:30:30,940 page so instead of our homepage being 804 00:30:30,940 --> 00:30:33,400 set to all these blog post again or just 805 00:30:33,400 --> 00:30:35,080 it's going to be a static page that we 806 00:30:35,080 --> 00:30:37,000 created and it can be set to any page it 807 00:30:37,000 --> 00:30:38,200 can be set to your about page or 808 00:30:38,200 --> 00:30:40,390 services page or contact page but we're 809 00:30:40,390 --> 00:30:42,430 gonna set it to the page that we named 810 00:30:42,430 --> 00:30:45,130 home so just click a static page and 811 00:30:45,130 --> 00:30:46,930 from the drop-down box we're gonna 812 00:30:46,930 --> 00:30:49,390 choose home and this is the page that we 813 00:30:49,390 --> 00:30:51,400 created so now when people go to your 814 00:30:51,400 --> 00:30:54,040 website it will be to this page right 815 00:30:54,040 --> 00:30:55,990 here alright so we're all done with that 816 00:30:55,990 --> 00:30:59,140 we can click on publish and we can exit 817 00:30:59,140 --> 00:31:01,000 out of there and now we can see that 818 00:31:01,000 --> 00:31:03,640 this page on your main website is set to 819 00:31:03,640 --> 00:31:05,530 the home page pretty cool and we can 820 00:31:05,530 --> 00:31:07,750 also see that the navigation works here 821 00:31:07,750 --> 00:31:11,050 if we go to about or services or contact 822 00:31:11,050 --> 00:31:11,890 it 823 00:31:11,890 --> 00:31:15,070 works so we have set up our navigation 824 00:31:15,070 --> 00:31:17,050 the next thing that I'm gonna do is show 825 00:31:17,050 --> 00:31:19,510 you how to add content the old way the 826 00:31:19,510 --> 00:31:22,120 not so fun way but it's still important 827 00:31:22,120 --> 00:31:24,160 to know so to do that you hover over 828 00:31:24,160 --> 00:31:25,990 your website name and go to dashboard 829 00:31:25,990 --> 00:31:28,450 and then click on pages and scroll down 830 00:31:28,450 --> 00:31:30,550 and find your homepage and click on it 831 00:31:30,550 --> 00:31:33,430 then we can add any content that we want 832 00:31:33,430 --> 00:31:35,590 right here and you can toggle this 833 00:31:35,590 --> 00:31:37,930 toolbar and get more options and we can 834 00:31:37,930 --> 00:31:40,330 bold things or italics things add 835 00:31:40,330 --> 00:31:43,060 different headings or paragraphs add in 836 00:31:43,060 --> 00:31:45,580 images or links but we're not gonna do 837 00:31:45,580 --> 00:31:47,500 any of that but it's super easy you can 838 00:31:47,500 --> 00:31:49,450 see right here it's just like Microsoft 839 00:31:49,450 --> 00:31:49,900 Word 840 00:31:49,900 --> 00:31:52,030 alright then we're gonna press update to 841 00:31:52,030 --> 00:31:54,280 save all of our changes and after we do 842 00:31:54,280 --> 00:31:56,590 that we're gonna press view page alright 843 00:31:56,590 --> 00:31:58,420 and we can see our content here this is 844 00:31:58,420 --> 00:32:00,640 the old way of creating a website not 845 00:32:00,640 --> 00:32:03,640 that fun but kind of interesting alright 846 00:32:03,640 --> 00:32:06,190 let's look at the new in improved way of 847 00:32:06,190 --> 00:32:08,680 creating a website and to do that we 848 00:32:08,680 --> 00:32:11,170 need to get a plugin and again a plug-in 849 00:32:11,170 --> 00:32:13,420 is something that extends the features 850 00:32:13,420 --> 00:32:16,120 of your website so thousands of people 851 00:32:16,120 --> 00:32:18,100 will make plugins or add-ons for 852 00:32:18,100 --> 00:32:20,290 WordPress and that's really the beauty 853 00:32:20,290 --> 00:32:22,450 of WordPress anyone can create something 854 00:32:22,450 --> 00:32:24,850 to build and add on to it so you can do 855 00:32:24,850 --> 00:32:26,620 practically anything so what we're gonna 856 00:32:26,620 --> 00:32:29,740 get here is a page building plugin so to 857 00:32:29,740 --> 00:32:31,900 do that just hover over your website and 858 00:32:31,900 --> 00:32:34,360 go to dashboard and click on plugins 859 00:32:34,360 --> 00:32:37,090 then click add new now we can search for 860 00:32:37,090 --> 00:32:39,400 plugins and we can search for element or 861 00:32:39,400 --> 00:32:43,360 elem en T ou R and press Enter and it 862 00:32:43,360 --> 00:32:45,190 should be the first one and it has five 863 00:32:45,190 --> 00:32:48,280 stars and 300,000 active installations 864 00:32:48,280 --> 00:32:49,810 so it's really good 865 00:32:49,810 --> 00:32:51,640 you can go to more details and you can 866 00:32:51,640 --> 00:32:54,550 see the screenshots of what it does and 867 00:32:54,550 --> 00:32:56,110 what it looks like and you can exit it 868 00:32:56,110 --> 00:32:59,560 there and press install now so now it's 869 00:32:59,560 --> 00:33:01,120 installed on your website but it's not 870 00:33:01,120 --> 00:33:02,860 activated yet so we just have to click 871 00:33:02,860 --> 00:33:04,750 on that activate button and it will 872 00:33:04,750 --> 00:33:07,480 activate all right now we have Elementor 873 00:33:07,480 --> 00:33:09,670 installed and activated on our website 874 00:33:09,670 --> 00:33:11,740 so we can go back to pages and we could 875 00:33:11,740 --> 00:33:13,720 go to our home page and now we're gonna 876 00:33:13,720 --> 00:33:16,090 see this edit with element or button 877 00:33:16,090 --> 00:33:18,340 right here and if we click on it we can 878 00:33:18,340 --> 00:33:22,150 use the element or page builder but we 879 00:33:22,150 --> 00:33:24,190 still have a title up here that we don't 880 00:33:24,190 --> 00:33:25,240 want and this 881 00:33:25,240 --> 00:33:27,220 I bar that we don't want we want to be 882 00:33:27,220 --> 00:33:29,050 able to use the entire page for 883 00:33:29,050 --> 00:33:31,030 Elementor so to do that just click on 884 00:33:31,030 --> 00:33:33,010 the back button and under a content 885 00:33:33,010 --> 00:33:36,430 layout go to 100% full width and if you 886 00:33:36,430 --> 00:33:38,320 click on title on the left you can 887 00:33:38,320 --> 00:33:40,300 disable the title so that will get rid 888 00:33:40,300 --> 00:33:43,120 of the title and the sidebar then press 889 00:33:43,120 --> 00:33:45,100 update once you do that you can view the 890 00:33:45,100 --> 00:33:48,190 page and now we see no title and no 891 00:33:48,190 --> 00:33:50,260 sidebar all right but let's edit with 892 00:33:50,260 --> 00:33:52,240 Elementor so let's just click on edit 893 00:33:52,240 --> 00:33:55,720 page and click Edit with Elementor now 894 00:33:55,720 --> 00:33:57,280 that we've done that it will have our 895 00:33:57,280 --> 00:33:59,470 old content here but we can hover over 896 00:33:59,470 --> 00:34:02,440 it and press the X to delete it and now 897 00:34:02,440 --> 00:34:04,900 we can add a new section so just click 898 00:34:04,900 --> 00:34:07,360 add new section and you can add one 899 00:34:07,360 --> 00:34:09,820 column two columns three columns four 900 00:34:09,820 --> 00:34:12,970 columns a sidebar all into your website 901 00:34:12,970 --> 00:34:14,740 so we're just gonna choose one column 902 00:34:14,740 --> 00:34:17,410 and we can add in text heading and click 903 00:34:17,410 --> 00:34:19,810 this button up here to add more then we 904 00:34:19,810 --> 00:34:21,940 can put in a text editor it's just like 905 00:34:21,940 --> 00:34:25,540 regular text or we can add in a video or 906 00:34:25,540 --> 00:34:28,750 a divider and we can also add in a 907 00:34:28,750 --> 00:34:31,540 button we can also do a testimonial or 908 00:34:31,540 --> 00:34:33,940 Google Maps so you get the point you can 909 00:34:33,940 --> 00:34:36,310 add practically anything but sometimes 910 00:34:36,310 --> 00:34:38,710 this experience is also daunting like 911 00:34:38,710 --> 00:34:41,350 how do you know what to do or maybe 912 00:34:41,350 --> 00:34:43,360 you're not a designer or you just don't 913 00:34:43,360 --> 00:34:45,220 have a lot of experience doing it or 914 00:34:45,220 --> 00:34:46,720 maybe you just want to save a lot of 915 00:34:46,720 --> 00:34:49,120 time and not have to build all these 916 00:34:49,120 --> 00:34:51,550 things from scratch or for memory or 917 00:34:51,550 --> 00:34:53,710 from inspiration from others so 918 00:34:53,710 --> 00:34:55,630 Elementor has done something really cool 919 00:34:55,630 --> 00:34:58,570 and you can go scroll down here and 920 00:34:58,570 --> 00:35:00,370 press add template and you can add an 921 00:35:00,370 --> 00:35:02,860 entire page so you can press insert and 922 00:35:02,860 --> 00:35:05,710 it will insert an entire website page 923 00:35:05,710 --> 00:35:07,930 into your website and we can exit out of 924 00:35:07,930 --> 00:35:09,670 all of these to see what it looks like 925 00:35:09,670 --> 00:35:11,740 and there we have it we have an entire 926 00:35:11,740 --> 00:35:14,380 complete website already done and all we 927 00:35:14,380 --> 00:35:15,910 have to do is change the information and 928 00:35:15,910 --> 00:35:18,490 I think this is really cool of Elementor 929 00:35:18,490 --> 00:35:21,100 and its really innovative and it's 930 00:35:21,100 --> 00:35:23,230 awesome to be able to just import it in 931 00:35:23,230 --> 00:35:25,300 just a second so we can go ahead and 932 00:35:25,300 --> 00:35:27,610 click on save and we can exit out of 933 00:35:27,610 --> 00:35:30,310 there and press view page and now we see 934 00:35:30,310 --> 00:35:32,080 we have a really cool-looking website 935 00:35:32,080 --> 00:35:33,640 already it doesn't have all of our 936 00:35:33,640 --> 00:35:35,620 content and everything on it but you can 937 00:35:35,620 --> 00:35:37,870 see the potential it is really cool and 938 00:35:37,870 --> 00:35:39,070 of course you could build any 939 00:35:39,070 --> 00:35:41,680 of this by scratch if you want to or you 940 00:35:41,680 --> 00:35:42,970 could just change out the information 941 00:35:42,970 --> 00:35:46,090 just click on it and we can change this 942 00:35:46,090 --> 00:35:48,970 to how to make a wordpress website and 943 00:35:48,970 --> 00:35:50,920 we can shift the columns over to make 944 00:35:50,920 --> 00:35:53,590 them smaller and we can scroll down and 945 00:35:53,590 --> 00:35:56,140 change any of this content and if we go 946 00:35:56,140 --> 00:35:58,600 to style we can change the colors we can 947 00:35:58,600 --> 00:36:01,720 delete images and add our own and it's 948 00:36:01,720 --> 00:36:03,850 all really easy alright so that is 949 00:36:03,850 --> 00:36:06,100 really really awesome and so cool and 950 00:36:06,100 --> 00:36:08,770 innovative of Elementor to do that and 951 00:36:08,770 --> 00:36:10,360 to allow us to use any of their 952 00:36:10,360 --> 00:36:12,430 templates but I think it could be taken 953 00:36:12,430 --> 00:36:15,130 one step further instead of importing an 954 00:36:15,130 --> 00:36:17,020 entire website you can import just 955 00:36:17,020 --> 00:36:19,060 different sections that you want because 956 00:36:19,060 --> 00:36:20,680 really you don't want to import an 957 00:36:20,680 --> 00:36:22,630 entire website usually you don't need 958 00:36:22,630 --> 00:36:25,210 the entire website to show up you just 959 00:36:25,210 --> 00:36:27,130 need a certain section you just need a 960 00:36:27,130 --> 00:36:29,350 client testimonial you just need a 961 00:36:29,350 --> 00:36:32,170 call-to-action you just need a video so 962 00:36:32,170 --> 00:36:33,880 you don't need the whole thing you just 963 00:36:33,880 --> 00:36:36,130 need certain sections and that's what 964 00:36:36,130 --> 00:36:37,870 I've done I've made all of these 965 00:36:37,870 --> 00:36:39,340 different sections that you can actually 966 00:36:39,340 --> 00:36:41,860 import into your website and with the 967 00:36:41,860 --> 00:36:43,900 click o button it can show up so I think 968 00:36:43,900 --> 00:36:46,810 that's even cooler than what Elementor 969 00:36:46,810 --> 00:36:49,000 has done which is super awesome so we're 970 00:36:49,000 --> 00:36:50,770 just gonna remove all of these sections 971 00:36:50,770 --> 00:36:53,290 and let me show you the even better way 972 00:36:53,290 --> 00:36:55,840 of creating your website so now let's 973 00:36:55,840 --> 00:36:57,280 find the templates that we want to use 974 00:36:57,280 --> 00:36:59,080 on our website to do that just go to 975 00:36:59,080 --> 00:37:00,520 Tyler comm that's 976 00:37:00,520 --> 00:37:03,700 Tyl ER dot c om and you can click on 977 00:37:03,700 --> 00:37:06,040 templates or view templates down here 978 00:37:06,040 --> 00:37:08,230 alright once we do that we have all of 979 00:37:08,230 --> 00:37:10,330 these different templates to choose from 980 00:37:10,330 --> 00:37:11,470 and these are all just different 981 00:37:11,470 --> 00:37:13,420 sections to choose from that you could 982 00:37:13,420 --> 00:37:15,460 insert into your website and over here 983 00:37:15,460 --> 00:37:17,110 are different categories so you can 984 00:37:17,110 --> 00:37:19,720 search for left right image text that 985 00:37:19,720 --> 00:37:21,310 means that there's an image on the left 986 00:37:21,310 --> 00:37:23,950 or right side and text on the left or 987 00:37:23,950 --> 00:37:25,420 right side so we could view that and we 988 00:37:25,420 --> 00:37:28,180 can see all of the templates that offer 989 00:37:28,180 --> 00:37:29,740 that or we can see the features 990 00:37:29,740 --> 00:37:32,020 templates and this is basically if you 991 00:37:32,020 --> 00:37:34,090 have different features for your app or 992 00:37:34,090 --> 00:37:36,010 product or different features for your 993 00:37:36,010 --> 00:37:36,790 services 994 00:37:36,790 --> 00:37:38,080 you have a bunch of different services 995 00:37:38,080 --> 00:37:40,660 you can list them here but now let's 996 00:37:40,660 --> 00:37:42,700 start creating our website and I'm just 997 00:37:42,700 --> 00:37:45,310 gonna click on headers and heroes this 998 00:37:45,310 --> 00:37:47,290 is like the main image of your website 999 00:37:47,290 --> 00:37:49,150 usually at the top but it could be used 1000 00:37:49,150 --> 00:37:50,980 anywhere you can get creative with it 1001 00:37:50,980 --> 00:37:52,710 and just scroll down and look for the 1002 00:37:52,710 --> 00:37:54,210 one that you want I kind of like this 1003 00:37:54,210 --> 00:37:57,089 one v1 so let's just go ahead and click 1004 00:37:57,089 --> 00:37:58,680 on it and look at it and it's pretty 1005 00:37:58,680 --> 00:38:00,390 cool it has a video in the background 1006 00:38:00,390 --> 00:38:03,630 and a big call-to-action button and all 1007 00:38:03,630 --> 00:38:05,550 we have to do is click on the download 1008 00:38:05,550 --> 00:38:07,770 v1 template and I'm just gonna save it 1009 00:38:07,770 --> 00:38:10,080 to my desktop and a new folder called 1010 00:38:10,080 --> 00:38:14,190 templates and press create of course you 1011 00:38:14,190 --> 00:38:16,200 can save the file wherever you want and 1012 00:38:16,200 --> 00:38:18,390 I'm gonna save it there alright let's go 1013 00:38:18,390 --> 00:38:19,619 back and let's search for another 1014 00:38:19,619 --> 00:38:23,760 template let's just keep on scrolling 1015 00:38:23,760 --> 00:38:26,550 down maybe we'll go to page two and I 1016 00:38:26,550 --> 00:38:27,270 like this one 1017 00:38:27,270 --> 00:38:29,970 P 4 so we can just click on it and you 1018 00:38:29,970 --> 00:38:32,070 can press ctrl and click if you're on a 1019 00:38:32,070 --> 00:38:34,140 Mac or command and click if you're on a 1020 00:38:34,140 --> 00:38:36,510 PC or you can right click and open it in 1021 00:38:36,510 --> 00:38:38,609 a new tab to open it in a new tab 1022 00:38:38,609 --> 00:38:40,200 alright this one is pretty cool I really 1023 00:38:40,200 --> 00:38:42,960 like it Alex awesome so I'm gonna press 1024 00:38:42,960 --> 00:38:46,200 download template and save it takes it 1025 00:38:46,200 --> 00:38:48,300 out of there and now let's get a client 1026 00:38:48,300 --> 00:38:50,369 in testimonial we have all these to 1027 00:38:50,369 --> 00:38:52,440 choose from I'm just gonna do this one 1028 00:38:52,440 --> 00:38:55,080 looks really cool q4 and you can see it 1029 00:38:55,080 --> 00:38:56,490 has a video in the background which is 1030 00:38:56,490 --> 00:38:58,890 awesome so I'm gonna download that and 1031 00:38:58,890 --> 00:39:01,650 press save and exit out of there then 1032 00:39:01,650 --> 00:39:03,240 I'm going to go to call to action and 1033 00:39:03,240 --> 00:39:05,310 sometimes you want your call to action 1034 00:39:05,310 --> 00:39:07,740 at the bottom of the website so that 1035 00:39:07,740 --> 00:39:09,330 when people reach the bottom they 1036 00:39:09,330 --> 00:39:10,830 actually have something else to do or 1037 00:39:10,830 --> 00:39:12,690 somewhere else to go and not just leave 1038 00:39:12,690 --> 00:39:14,250 your website and I don't like any of 1039 00:39:14,250 --> 00:39:17,040 these so I'm gonna go to page 2 and look 1040 00:39:17,040 --> 00:39:19,589 at q1 alright that looks awesome let's 1041 00:39:19,589 --> 00:39:22,369 download that template and go back and 1042 00:39:22,369 --> 00:39:25,800 let's actually go back to page 2 I think 1043 00:39:25,800 --> 00:39:28,200 I saw one that I did like yeah let's try 1044 00:39:28,200 --> 00:39:31,200 q3 that looks pretty cool alright so 1045 00:39:31,200 --> 00:39:33,300 lets just download that template save it 1046 00:39:33,300 --> 00:39:36,420 and we can exit out of there okay now 1047 00:39:36,420 --> 00:39:38,070 that we have all of our templates 1048 00:39:38,070 --> 00:39:39,810 downloaded to our computer we need to 1049 00:39:39,810 --> 00:39:41,940 upload them into our website so to do 1050 00:39:41,940 --> 00:39:43,500 that we can exit out of there on the 1051 00:39:43,500 --> 00:39:45,720 bottom left and press go to dashboard 1052 00:39:45,720 --> 00:39:48,750 and we can actually press stay cuz let's 1053 00:39:48,750 --> 00:39:51,570 save our changes click Save and now exit 1054 00:39:51,570 --> 00:39:53,820 and go to your dashboard and go to 1055 00:39:53,820 --> 00:39:57,570 Elementor then go to my library we're 1056 00:39:57,570 --> 00:39:59,430 going to be adding templates to our 1057 00:39:59,430 --> 00:40:02,460 Elementor library let's go back let's 1058 00:40:02,460 --> 00:40:05,400 press import templates and press choose 1059 00:40:05,400 --> 00:40:06,630 file 1060 00:40:06,630 --> 00:40:08,880 and let's add them all so we're gonna 1061 00:40:08,880 --> 00:40:12,390 add q3 we're going to open or going to 1062 00:40:12,390 --> 00:40:15,479 import now and it will import then we're 1063 00:40:15,479 --> 00:40:17,130 gonna press import templates again 1064 00:40:17,130 --> 00:40:23,640 choose file q1 open then import and you 1065 00:40:23,640 --> 00:40:26,099 get the point just import all of the 1066 00:40:26,099 --> 00:40:27,960 rest of these I'm gonna speed this up a 1067 00:40:27,960 --> 00:40:31,800 little bit because it is repetitive 1068 00:40:31,800 --> 00:40:34,470 alright now that all of our templates 1069 00:40:34,470 --> 00:40:37,440 are imported we can go back to pages and 1070 00:40:37,440 --> 00:40:39,210 we can click on our home page and we can 1071 00:40:39,210 --> 00:40:41,820 click Edit with element or that should 1072 00:40:41,820 --> 00:40:43,800 launch element or then click add 1073 00:40:43,800 --> 00:40:46,500 template and instead of pre-designed 1074 00:40:46,500 --> 00:40:49,080 templates click on my templates and they 1075 00:40:49,080 --> 00:40:50,640 should all be there and now we're just 1076 00:40:50,640 --> 00:40:52,320 going to insert them so we're gonna 1077 00:40:52,320 --> 00:40:55,620 insert v1 and bam it's there and we're 1078 00:40:55,620 --> 00:40:57,660 gonna add template and we're going to go 1079 00:40:57,660 --> 00:41:00,210 to my templates and we're going to 1080 00:41:00,210 --> 00:41:03,840 insert p4 there it is an ad template go 1081 00:41:03,840 --> 00:41:07,670 to my templates insert q4 pretty cool 1082 00:41:07,670 --> 00:41:12,720 add templates my templates insert q1 and 1083 00:41:12,720 --> 00:41:15,720 we got one more so go to add templates 1084 00:41:15,720 --> 00:41:20,100 my templates and insert q3 all right so 1085 00:41:20,100 --> 00:41:22,860 I think that is the new and improved way 1086 00:41:22,860 --> 00:41:25,170 of creating a website I think it makes 1087 00:41:25,170 --> 00:41:26,160 it much better 1088 00:41:26,160 --> 00:41:28,650 you can combined all these different 1089 00:41:28,650 --> 00:41:30,210 templates all these different sections 1090 00:41:30,210 --> 00:41:32,760 into so many different combinations to 1091 00:41:32,760 --> 00:41:34,980 get your website looking exactly like 1092 00:41:34,980 --> 00:41:37,500 you want and not insert this entire page 1093 00:41:37,500 --> 00:41:39,240 where there's a bunch of things that you 1094 00:41:39,240 --> 00:41:41,070 don't really want so you have to delete 1095 00:41:41,070 --> 00:41:42,750 them all so I think it is much better 1096 00:41:42,750 --> 00:41:44,880 and I hope you're as excited about it as 1097 00:41:44,880 --> 00:41:46,790 I am it'll make my job much easier 1098 00:41:46,790 --> 00:41:49,440 building websites for people I know that 1099 00:41:49,440 --> 00:41:52,050 all right now we can edit the page so 1100 00:41:52,050 --> 00:41:54,900 what I'm gonna do is just click on this 1101 00:41:54,900 --> 00:41:56,910 bike tour over here and I don't want it 1102 00:41:56,910 --> 00:41:58,440 so I'm gonna go over to the pencil and 1103 00:41:58,440 --> 00:42:00,350 I'm going to exit out of there and 1104 00:42:00,350 --> 00:42:02,670 there's a little space right here and 1105 00:42:02,670 --> 00:42:04,200 you can make this space bigger or 1106 00:42:04,200 --> 00:42:06,000 smaller if you want but I don't need a 1107 00:42:06,000 --> 00:42:07,950 space here so I'm just gonna exit out of 1108 00:42:07,950 --> 00:42:10,410 that one too and then I'm gonna click on 1109 00:42:10,410 --> 00:42:13,110 the title and I'm going to change it 1110 00:42:13,110 --> 00:42:15,750 over here I'm gonna type in love what 1111 00:42:15,750 --> 00:42:19,440 you do and for this bottom text here I'm 1112 00:42:19,440 --> 00:42:21,300 going to change it and I'm gonna add in 1113 00:42:21,300 --> 00:42:23,190 some text create a website and start 1114 00:42:23,190 --> 00:42:24,750 your business so you can do what you 1115 00:42:24,750 --> 00:42:27,150 really love all right then I'm gonna 1116 00:42:27,150 --> 00:42:30,330 click on the button and I'm going to 1117 00:42:30,330 --> 00:42:32,580 link it somewhere else so I'm going to 1118 00:42:32,580 --> 00:42:35,850 link it to forward slash about so when 1119 00:42:35,850 --> 00:42:37,350 someone clicks on it it's gonna go to 1120 00:42:37,350 --> 00:42:39,870 your website comm forward slash about 1121 00:42:39,870 --> 00:42:41,520 and I hope that's where your about page 1122 00:42:41,520 --> 00:42:43,770 lives if not you have to change that 1123 00:42:43,770 --> 00:42:45,690 link to maybe for size 1124 00:42:45,690 --> 00:42:47,970 about - me or whatever your about page 1125 00:42:47,970 --> 00:42:50,220 is named all you have to do to get that 1126 00:42:50,220 --> 00:42:52,380 name is to visit your about page and 1127 00:42:52,380 --> 00:42:55,200 whatever it says up on top in the URL 1128 00:42:55,200 --> 00:42:58,230 field that is the name so just copy the 1129 00:42:58,230 --> 00:43:00,660 four slash about four slash about - us 1130 00:43:00,660 --> 00:43:03,600 forward slash about - me or whatever it 1131 00:43:03,600 --> 00:43:05,130 is alright so that will link to that 1132 00:43:05,130 --> 00:43:07,650 page and now to change the button style 1133 00:43:07,650 --> 00:43:09,840 just click on style and we can scroll 1134 00:43:09,840 --> 00:43:11,400 down and we can change the background 1135 00:43:11,400 --> 00:43:13,890 color so maybe I want the background 1136 00:43:13,890 --> 00:43:17,220 color to be transparent so you can make 1137 00:43:17,220 --> 00:43:19,260 it go all the way down to transparent 1138 00:43:19,260 --> 00:43:20,280 and that will make the button 1139 00:43:20,280 --> 00:43:22,830 see-through which is a cool effect but 1140 00:43:22,830 --> 00:43:24,810 you can't really see it so let's add a 1141 00:43:24,810 --> 00:43:27,750 border to it so under a border type we 1142 00:43:27,750 --> 00:43:30,270 can choose the drop-down we can go to 1143 00:43:30,270 --> 00:43:33,060 solid and add in width I'm just gonna 1144 00:43:33,060 --> 00:43:35,910 put two so it's two pixels wide and now 1145 00:43:35,910 --> 00:43:38,130 we can see that see-through button which 1146 00:43:38,130 --> 00:43:39,930 is really awesome alright and now maybe 1147 00:43:39,930 --> 00:43:42,120 we want to change the love what you do 1148 00:43:42,120 --> 00:43:44,550 font so all we have to do is click on it 1149 00:43:44,550 --> 00:43:48,750 and go to style and under typography 1150 00:43:48,750 --> 00:43:50,970 make sure that that is checked on and 1151 00:43:50,970 --> 00:43:54,330 for size we can increase it or decrease 1152 00:43:54,330 --> 00:43:57,960 it I'm gonna increase it to 94 and for 1153 00:43:57,960 --> 00:44:01,020 family that's the font family I'm going 1154 00:44:01,020 --> 00:44:03,120 to make it permanent marker just like 1155 00:44:03,120 --> 00:44:05,370 the logo so it gives a cool little 1156 00:44:05,370 --> 00:44:07,620 effect it looks like it's written over 1157 00:44:07,620 --> 00:44:09,870 the video playing which is cool alright 1158 00:44:09,870 --> 00:44:11,940 for line height I'm going to change that 1159 00:44:11,940 --> 00:44:15,090 to 1 and that's how tall the line is and 1160 00:44:15,090 --> 00:44:18,660 for letter spacing I'm going to space it 1161 00:44:18,660 --> 00:44:21,120 out a little bit more at 0.7 so that the 1162 00:44:21,120 --> 00:44:22,740 letters have a little room to breathe 1163 00:44:22,740 --> 00:44:25,590 and now you see how it goes on two lines 1164 00:44:25,590 --> 00:44:27,900 I don't want that to happen and that's 1165 00:44:27,900 --> 00:44:30,960 because the content width is too small 1166 00:44:30,960 --> 00:44:32,310 so I'm gonna show you how to make it 1167 00:44:32,310 --> 00:44:33,990 bigger all you have to do is click on 1168 00:44:33,990 --> 00:44:36,120 this whole section so this is the edit 1169 00:44:36,120 --> 00:44:38,550 section button right here and if we 1170 00:44:38,550 --> 00:44:40,050 click on it you can make your content 1171 00:44:40,050 --> 00:44:43,100 with a thousand and it will allow the 1172 00:44:43,100 --> 00:44:45,840 words not to be on two different lines 1173 00:44:45,840 --> 00:44:47,820 alright what we want to do next is maybe 1174 00:44:47,820 --> 00:44:50,160 add some space to the top and bottom you 1175 00:44:50,160 --> 00:44:52,170 see how it's kind of scrunched it's kind 1176 00:44:52,170 --> 00:44:53,760 of not very big 1177 00:44:53,760 --> 00:44:55,740 this section here one of the coolest 1178 00:44:55,740 --> 00:44:57,300 things that you could do in Elementor is 1179 00:44:57,300 --> 00:44:58,980 add spacing and pad 1180 00:44:58,980 --> 00:45:01,560 to the top and bottom of the entire 1181 00:45:01,560 --> 00:45:04,349 section so to do that click on advanced 1182 00:45:04,349 --> 00:45:07,670 in under padding we could change this to 1183 00:45:07,670 --> 00:45:10,290 240 so it gives a lot of space on the 1184 00:45:10,290 --> 00:45:13,470 top and 100 so it gives some space on 1185 00:45:13,470 --> 00:45:15,359 the bottom and that looks really awesome 1186 00:45:15,359 --> 00:45:19,020 and some more amateur websites they 1187 00:45:19,020 --> 00:45:20,810 don't really adjust the spacing 1188 00:45:20,810 --> 00:45:23,430 correctly and I think adding a lot of 1189 00:45:23,430 --> 00:45:25,710 space giving space to things is really 1190 00:45:25,710 --> 00:45:28,079 one way of making your website look a 1191 00:45:28,079 --> 00:45:29,670 lot more professional alright that looks 1192 00:45:29,670 --> 00:45:32,280 pretty good we can also go back to style 1193 00:45:32,280 --> 00:45:35,190 and this is the entire section style and 1194 00:45:35,190 --> 00:45:37,920 if we want we can change this link 1195 00:45:37,920 --> 00:45:39,869 because maybe we don't want it to be 1196 00:45:39,869 --> 00:45:41,880 this video we want to choose the video 1197 00:45:41,880 --> 00:45:45,060 that we want to be on this background so 1198 00:45:45,060 --> 00:45:47,010 we can change that there but first let's 1199 00:45:47,010 --> 00:45:49,829 go to background overlay and let's make 1200 00:45:49,829 --> 00:45:52,170 it not purple because maybe we don't 1201 00:45:52,170 --> 00:45:54,150 want it to be purple so we can just 1202 00:45:54,150 --> 00:45:56,250 click on it and press clear and that 1203 00:45:56,250 --> 00:45:57,930 will get rid of the purple and go to 1204 00:45:57,930 --> 00:46:01,020 opacity and make it zero so it's all the 1205 00:46:01,020 --> 00:46:02,880 way transparent and what you're seeing 1206 00:46:02,880 --> 00:46:05,430 here is a black and white video so we 1207 00:46:05,430 --> 00:46:07,410 can't change the video from being black 1208 00:46:07,410 --> 00:46:09,030 and white we can't make it color because 1209 00:46:09,030 --> 00:46:10,589 that's just the way the video is so 1210 00:46:10,589 --> 00:46:12,660 we're gonna actually swap out the entire 1211 00:46:12,660 --> 00:46:15,180 video so to do that click on background 1212 00:46:15,180 --> 00:46:17,280 and up here where it says background 1213 00:46:17,280 --> 00:46:19,230 type you have three different types 1214 00:46:19,230 --> 00:46:22,170 once the classic background one is a 1215 00:46:22,170 --> 00:46:24,450 gradient background so it goes from one 1216 00:46:24,450 --> 00:46:26,460 color to another and the third one is 1217 00:46:26,460 --> 00:46:28,829 the video background so right now we're 1218 00:46:28,829 --> 00:46:30,630 already on the video background so we're 1219 00:46:30,630 --> 00:46:32,400 just gonna keep it as that and we're 1220 00:46:32,400 --> 00:46:34,950 gonna go search for a video so we can 1221 00:46:34,950 --> 00:46:37,410 just open up a new tab and go to 1222 00:46:37,410 --> 00:46:40,050 youtube.com and let's search for a video 1223 00:46:40,050 --> 00:46:42,900 I'm just gonna type in GoPro Hero 6 1224 00:46:42,900 --> 00:46:45,089 that's the newest GoPro and just click 1225 00:46:45,089 --> 00:46:47,609 on the first video and that looks pretty 1226 00:46:47,609 --> 00:46:50,609 awesome so all you have to do is copy 1227 00:46:50,609 --> 00:46:53,550 this URL right here so just right-click 1228 00:46:53,550 --> 00:46:57,300 and copy or command C on a Mac ctrl C on 1229 00:46:57,300 --> 00:46:59,369 a PC and we can paste it in right here 1230 00:46:59,369 --> 00:47:02,099 now that will load any YouTube video 1231 00:47:02,099 --> 00:47:04,500 right into your website which is really 1232 00:47:04,500 --> 00:47:06,660 sweet if you have a video that you want 1233 00:47:06,660 --> 00:47:08,640 to use like you have some footage of the 1234 00:47:08,640 --> 00:47:10,619 beach or the mountains or a view or 1235 00:47:10,619 --> 00:47:11,720 whatever then 1236 00:47:11,720 --> 00:47:13,580 I recommend uploading it to YouTube 1237 00:47:13,580 --> 00:47:15,590 first anyone who'd get a free account on 1238 00:47:15,590 --> 00:47:18,109 YouTube then just copying the URL and 1239 00:47:18,109 --> 00:47:19,790 putting it in here just like this 1240 00:47:19,790 --> 00:47:21,290 and I recommend that because YouTube 1241 00:47:21,290 --> 00:47:23,510 compresses the video for you and it does 1242 00:47:23,510 --> 00:47:25,640 all these complex things that make it 1243 00:47:25,640 --> 00:47:28,790 really good to stream online and here is 1244 00:47:28,790 --> 00:47:31,340 our video now and that looks really 1245 00:47:31,340 --> 00:47:33,200 sweet alright this is turning out great 1246 00:47:33,200 --> 00:47:36,310 so let's go down to the next section and 1247 00:47:36,310 --> 00:47:38,420 that looks pretty good 1248 00:47:38,420 --> 00:47:39,890 of course we could change any of the 1249 00:47:39,890 --> 00:47:41,420 text or any of the buttons or anything 1250 00:47:41,420 --> 00:47:43,310 that we want let's go down to this next 1251 00:47:43,310 --> 00:47:45,920 section we can change this quote and 1252 00:47:45,920 --> 00:47:47,810 this one looks pretty good too and this 1253 00:47:47,810 --> 00:47:49,670 hello section also looks great let's 1254 00:47:49,670 --> 00:47:52,580 change this section down here so let's 1255 00:47:52,580 --> 00:47:54,619 click on the text instead of saying 1256 00:47:54,619 --> 00:47:57,740 writing made simple let's say WordPress 1257 00:47:57,740 --> 00:48:00,260 made simple I hope this is simple for 1258 00:48:00,260 --> 00:48:02,330 you guys if it is simple please remember 1259 00:48:02,330 --> 00:48:05,450 to comment rate and subscribe thank you 1260 00:48:05,450 --> 00:48:07,570 and let's scroll down some more and 1261 00:48:07,570 --> 00:48:10,580 let's get rid of this image right here 1262 00:48:10,580 --> 00:48:12,230 we don't need it and let's actually add 1263 00:48:12,230 --> 00:48:15,560 a button to the bottom section but let's 1264 00:48:15,560 --> 00:48:17,420 not create a new button let's just 1265 00:48:17,420 --> 00:48:19,970 duplicate the button on top so scroll up 1266 00:48:19,970 --> 00:48:22,940 go to the pencil icon and hover over it 1267 00:48:22,940 --> 00:48:25,280 then click on the duplicate button and 1268 00:48:25,280 --> 00:48:27,380 click hold and drag and you sort of have 1269 00:48:27,380 --> 00:48:28,940 to wiggle it a little bit it's a little 1270 00:48:28,940 --> 00:48:31,820 weird just like wiggle it down and drag 1271 00:48:31,820 --> 00:48:34,190 in the button and let it go alright 1272 00:48:34,190 --> 00:48:36,020 that's looking pretty sweet let's add 1273 00:48:36,020 --> 00:48:38,140 something else by clicking on this box 1274 00:48:38,140 --> 00:48:42,200 up here and dragging in the spacer and 1275 00:48:42,200 --> 00:48:44,750 just increasing the space let's do a 1276 00:48:44,750 --> 00:48:47,180 hundred if I can get it I'll just type 1277 00:48:47,180 --> 00:48:50,300 it in here 100 so 100 pixels of space at 1278 00:48:50,300 --> 00:48:51,980 the bottom that looks really nice and 1279 00:48:51,980 --> 00:48:55,339 our website is looking all done I am 1280 00:48:55,339 --> 00:48:58,130 very happy with it that's looking really 1281 00:48:58,130 --> 00:49:00,470 cool we did it in almost no time let's 1282 00:49:00,470 --> 00:49:02,150 see what it looks like on the mobile 1283 00:49:02,150 --> 00:49:04,700 version so if we click this button over 1284 00:49:04,700 --> 00:49:07,730 here and click on mobile we can see that 1285 00:49:07,730 --> 00:49:10,609 it still looks pretty good but the join 1286 00:49:10,609 --> 00:49:13,160 the next tour button is kind of squished 1287 00:49:13,160 --> 00:49:15,589 so let's go back to the desktop version 1288 00:49:15,589 --> 00:49:18,470 and let's make sure we save that first 1289 00:49:18,470 --> 00:49:21,890 and let's exit out it there and view our 1290 00:49:21,890 --> 00:49:25,700 page and we notice that on Elementor 1291 00:49:25,700 --> 00:49:27,620 we looked at the mobile version the 1292 00:49:27,620 --> 00:49:29,840 video still worked but actually if we 1293 00:49:29,840 --> 00:49:32,270 make our page smaller we're gonna see 1294 00:49:32,270 --> 00:49:34,220 that that video actually disappears 1295 00:49:34,220 --> 00:49:36,770 because videos don't really play in the 1296 00:49:36,770 --> 00:49:39,350 background like on your phone so on a 1297 00:49:39,350 --> 00:49:42,500 really small screen the videos will stop 1298 00:49:42,500 --> 00:49:44,060 playing it just doesn't work it's not 1299 00:49:44,060 --> 00:49:45,860 the same technology really so it doesn't 1300 00:49:45,860 --> 00:49:47,780 work well on your phone just playing a 1301 00:49:47,780 --> 00:49:49,760 video in the background and the button 1302 00:49:49,760 --> 00:49:53,300 again is sort of messed up so let's fix 1303 00:49:53,300 --> 00:49:56,000 those things so we can exit out of there 1304 00:49:56,000 --> 00:49:57,710 and the first thing that we want to do 1305 00:49:57,710 --> 00:50:02,030 is fix the issue where the video is not 1306 00:50:02,030 --> 00:50:03,800 playing like on your phone because it 1307 00:50:03,800 --> 00:50:05,150 just won't play in the background on 1308 00:50:05,150 --> 00:50:07,550 your phone so to do that click on the 1309 00:50:07,550 --> 00:50:10,670 top section and under style under 1310 00:50:10,670 --> 00:50:14,600 background fallback click the button to 1311 00:50:14,600 --> 00:50:17,780 add a image and click on whatever image 1312 00:50:17,780 --> 00:50:19,040 that you want and I'll show you how to 1313 00:50:19,040 --> 00:50:21,230 get images later in just a second so 1314 00:50:21,230 --> 00:50:22,760 we're just going to click any image that 1315 00:50:22,760 --> 00:50:25,130 we want and press open and insert media 1316 00:50:25,130 --> 00:50:27,740 okay so now we have this image that will 1317 00:50:27,740 --> 00:50:31,190 work anytime the video doesn't load so 1318 00:50:31,190 --> 00:50:34,220 anytime the video is too slow or they're 1319 00:50:34,220 --> 00:50:36,800 on a mobile device and the video is just 1320 00:50:36,800 --> 00:50:39,170 not loading any time that happens the 1321 00:50:39,170 --> 00:50:41,300 image will show so that's really cool 1322 00:50:41,300 --> 00:50:44,150 it's like a safety guard against bad 1323 00:50:44,150 --> 00:50:46,010 things from happening alright so we can 1324 00:50:46,010 --> 00:50:48,830 save that and exit out of there and view 1325 00:50:48,830 --> 00:50:51,470 our page now if we squish the page we're 1326 00:50:51,470 --> 00:50:53,630 gonna see instead of being blank it will 1327 00:50:53,630 --> 00:50:56,180 show that image in the background and 1328 00:50:56,180 --> 00:50:57,860 that looks really cool we still need to 1329 00:50:57,860 --> 00:51:01,430 fix some things like this love what you 1330 00:51:01,430 --> 00:51:04,850 do head line is too far up so we need to 1331 00:51:04,850 --> 00:51:06,380 add a little more space to the top and 1332 00:51:06,380 --> 00:51:09,200 the join the next tour button is on two 1333 00:51:09,200 --> 00:51:12,110 lines wheeling one on one line so let's 1334 00:51:12,110 --> 00:51:13,940 go ahead and fix that so let's go back 1335 00:51:13,940 --> 00:51:16,970 to Elementor and go to the mobile view 1336 00:51:16,970 --> 00:51:20,630 and click on the top section then go to 1337 00:51:20,630 --> 00:51:23,990 advanced and now we have all of these 1338 00:51:23,990 --> 00:51:26,230 buttons so we have these buttons for 1339 00:51:26,230 --> 00:51:29,150 desktop tablet or mobile make sure the 1340 00:51:29,150 --> 00:51:31,580 mobile button is clicked and under 1341 00:51:31,580 --> 00:51:33,830 padding we are going to unlink the 1342 00:51:33,830 --> 00:51:35,990 values and that's so that each of the 1343 00:51:35,990 --> 00:51:38,330 top right bottom and left can be 1344 00:51:38,330 --> 00:51:39,350 different so 1345 00:51:39,350 --> 00:51:42,380 we're going to add 100 to the top and so 1346 00:51:42,380 --> 00:51:45,140 that is only gonna be on the mobile view 1347 00:51:45,140 --> 00:51:47,840 only when that screen is that small it's 1348 00:51:47,840 --> 00:51:49,730 going to trigger that all right so let's 1349 00:51:49,730 --> 00:51:53,090 save that and let's go to our page and 1350 00:51:53,090 --> 00:51:55,460 click refresh and now let's see when we 1351 00:51:55,460 --> 00:51:57,290 squish the page we can see that more 1352 00:51:57,290 --> 00:51:59,510 space was added to the top and that 1353 00:51:59,510 --> 00:52:01,400 looks really great alright we can even 1354 00:52:01,400 --> 00:52:02,390 add a little bit more 1355 00:52:02,390 --> 00:52:06,170 I'll just put 125 and that's gonna look 1356 00:52:06,170 --> 00:52:08,390 perfect so the next thing that we need 1357 00:52:08,390 --> 00:52:11,810 to do for our mobile website is to click 1358 00:52:11,810 --> 00:52:14,660 on the button join the next tour then go 1359 00:52:14,660 --> 00:52:17,660 to style and we can change the letter 1360 00:52:17,660 --> 00:52:20,570 spacing but make sure the mobile icon is 1361 00:52:20,570 --> 00:52:23,270 highlighted and we can mess with that it 1362 00:52:23,270 --> 00:52:26,090 still goes on the next line though so we 1363 00:52:26,090 --> 00:52:27,410 can scroll down a little bit 1364 00:52:27,410 --> 00:52:29,780 and under text padding we can enter in 1365 00:52:29,780 --> 00:52:32,330 20 and that will make the padding a 1366 00:52:32,330 --> 00:52:34,370 little bit less so it works perfectly on 1367 00:52:34,370 --> 00:52:36,860 the mobile website alright that looks 1368 00:52:36,860 --> 00:52:38,750 pretty good that scroll down to the 1369 00:52:38,750 --> 00:52:41,450 bottom and click on the bottom join the 1370 00:52:41,450 --> 00:52:43,310 next tour button and let's go to style 1371 00:52:43,310 --> 00:52:45,730 and let's change the letter spacing to 1372 00:52:45,730 --> 00:52:48,980 zero and that seemed it work for that 1373 00:52:48,980 --> 00:52:51,410 section so let's just click on save and 1374 00:52:51,410 --> 00:52:53,780 go to our website and press refresh and 1375 00:52:53,780 --> 00:52:56,030 now if we look at it we can see that 1376 00:52:56,030 --> 00:52:57,860 that headline is looking great and the 1377 00:52:57,860 --> 00:52:59,630 button looks perfect if we scroll down 1378 00:52:59,630 --> 00:53:02,450 the button looks perfect there also so 1379 00:53:02,450 --> 00:53:04,600 now our website is completely 1380 00:53:04,600 --> 00:53:06,770 mobile-friendly alright so we can exit 1381 00:53:06,770 --> 00:53:08,900 out of there and view our desktop page 1382 00:53:08,900 --> 00:53:11,330 one more time to make sure everything is 1383 00:53:11,330 --> 00:53:14,570 looking fantastic which it is and now we 1384 00:53:14,570 --> 00:53:17,270 can go to the dashboard because we are 1385 00:53:17,270 --> 00:53:20,570 done setting up our homepage the next 1386 00:53:20,570 --> 00:53:22,130 thing that we're gonna do is create our 1387 00:53:22,130 --> 00:53:24,050 about page so what you want to do is 1388 00:53:24,050 --> 00:53:26,480 click on go to dashboard and now let's 1389 00:53:26,480 --> 00:53:28,790 import the templates for our about page 1390 00:53:28,790 --> 00:53:32,960 so just go to element or my library open 1391 00:53:32,960 --> 00:53:35,810 up Tyler comm and click on View 1392 00:53:35,810 --> 00:53:37,470 templates 1393 00:53:37,470 --> 00:53:39,510 then I'm gonna click all templates and 1394 00:53:39,510 --> 00:53:41,369 just look for something that I like 1395 00:53:41,369 --> 00:53:43,619 maybe go to the second page 1396 00:53:43,619 --> 00:53:46,530 keep on looking and I'd like this Z one 1397 00:53:46,530 --> 00:53:50,250 and actually maybe I'll use the Z 2 Z 3 1398 00:53:50,250 --> 00:53:52,500 and Z 4 I'll use all of them and that 1399 00:53:52,500 --> 00:53:54,480 will be my about page just keep it 1400 00:53:54,480 --> 00:53:57,030 pretty easy indicate command or control 1401 00:53:57,030 --> 00:53:59,160 click you're on a Mac or PC and open 1402 00:53:59,160 --> 00:54:01,680 them all up into new tabs all right then 1403 00:54:01,680 --> 00:54:04,020 go ahead and download each one and we've 1404 00:54:04,020 --> 00:54:06,000 already done this so I'll speed it up a 1405 00:54:06,000 --> 00:54:08,090 little bit 1406 00:54:08,090 --> 00:54:10,760 and once all of those are saved we can 1407 00:54:10,760 --> 00:54:13,700 exit out of there and go to import 1408 00:54:13,700 --> 00:54:17,060 templates choose file and import your 1409 00:54:17,060 --> 00:54:21,170 template press open and import now and 1410 00:54:21,170 --> 00:54:22,310 I'm gonna speed through all of that 1411 00:54:22,310 --> 00:54:24,980 because we have done that before again 1412 00:54:24,980 --> 00:54:26,990 and it's really easy so just import all 1413 00:54:26,990 --> 00:54:29,600 of your templates alright and once 1414 00:54:29,600 --> 00:54:31,280 you've imported all of your templates 1415 00:54:31,280 --> 00:54:34,280 just go to pages and click on about and 1416 00:54:34,280 --> 00:54:36,650 you want to make sure that the content 1417 00:54:36,650 --> 00:54:39,920 layout is 100% full width and the title 1418 00:54:39,920 --> 00:54:41,960 is disabled so that we have the whole 1419 00:54:41,960 --> 00:54:44,120 entire page to play around with 1420 00:54:44,120 --> 00:54:46,820 then press update and click Edit with 1421 00:54:46,820 --> 00:54:49,550 Elementor alright now we can add our 1422 00:54:49,550 --> 00:54:51,530 templates in so just click Add templates 1423 00:54:51,530 --> 00:54:54,410 and click on my templates and we'll add 1424 00:54:54,410 --> 00:54:56,630 all of them so I'm going to add Z 1 1425 00:54:56,630 --> 00:54:59,540 insert click add templates go to my 1426 00:54:59,540 --> 00:55:03,860 templates Z to insert add templates my 1427 00:55:03,860 --> 00:55:07,910 templates Z 3 insert add templates my 1428 00:55:07,910 --> 00:55:11,690 templates Z 4 and insert alright once 1429 00:55:11,690 --> 00:55:14,570 they're all inserted you can click on 1430 00:55:14,570 --> 00:55:16,940 anything and change the information you 1431 00:55:16,940 --> 00:55:19,340 can click on the button and change the 1432 00:55:19,340 --> 00:55:21,620 text right here or change the link let's 1433 00:55:21,620 --> 00:55:23,750 have this link to our contact page which 1434 00:55:23,750 --> 00:55:26,990 lives at ford slash contact and that is 1435 00:55:26,990 --> 00:55:29,990 looking pretty sweet if we scroll to the 1436 00:55:29,990 --> 00:55:32,510 top and click on the edit section part 1437 00:55:32,510 --> 00:55:35,300 they can go to style and we can choose 1438 00:55:35,300 --> 00:55:38,750 this position as fixed for the image or 1439 00:55:38,750 --> 00:55:41,360 scroll or default with default when you 1440 00:55:41,360 --> 00:55:43,850 scroll down it will scroll like normal 1441 00:55:43,850 --> 00:55:46,220 and if we choose scroll and scroll down 1442 00:55:46,220 --> 00:55:49,010 it again it Scrolls like normal I guess 1443 00:55:49,010 --> 00:55:51,470 but if we choose fixed and scroll down 1444 00:55:51,470 --> 00:55:54,620 you can see the image stays in the same 1445 00:55:54,620 --> 00:55:56,510 spot when you scroll down and it adds a 1446 00:55:56,510 --> 00:55:58,400 cool little effect so we're just gonna 1447 00:55:58,400 --> 00:55:59,870 keep that all right so we're gonna save 1448 00:55:59,870 --> 00:56:02,900 all of that and exit of there and view 1449 00:56:02,900 --> 00:56:04,910 our page and that is a really cool 1450 00:56:04,910 --> 00:56:07,220 looking page and you can tell your story 1451 00:56:07,220 --> 00:56:10,310 on the about Us page and they could 1452 00:56:10,310 --> 00:56:12,560 click and go to the contact page but we 1453 00:56:12,560 --> 00:56:14,540 haven't built that yet and if we squish 1454 00:56:14,540 --> 00:56:18,320 it simulating a mobile phone and scroll 1455 00:56:18,320 --> 00:56:20,900 down we can see that it's a little funky 1456 00:56:20,900 --> 00:56:21,839 we see 1457 00:56:21,839 --> 00:56:24,900 that Chris Brown is all the way to the 1458 00:56:24,900 --> 00:56:27,839 left and so is Jessi olive pretty sure 1459 00:56:27,839 --> 00:56:30,119 these are just made-up names but we're 1460 00:56:30,119 --> 00:56:31,859 gonna fix them anyways all right so 1461 00:56:31,859 --> 00:56:34,200 let's go back to Elementor and 1462 00:56:34,200 --> 00:56:37,200 let's click on this button down here and 1463 00:56:37,200 --> 00:56:40,259 click mobile to simulate the phone and 1464 00:56:40,259 --> 00:56:42,180 let's click on our button because we 1465 00:56:42,180 --> 00:56:43,499 want to add a little space to this 1466 00:56:43,499 --> 00:56:45,809 button because it's a little cramped so 1467 00:56:45,809 --> 00:56:48,089 if we click on it and go to style and 1468 00:56:48,089 --> 00:56:50,940 choose typography as on then go to line 1469 00:56:50,940 --> 00:56:52,979 height let's pump it up a little bit and 1470 00:56:52,979 --> 00:56:56,880 we will make it 23 that looks pretty 1471 00:56:56,880 --> 00:56:59,190 good all right then if we click on Chris 1472 00:56:59,190 --> 00:57:02,880 and go to style click on content make 1473 00:57:02,880 --> 00:57:04,589 sure the mobile button is highlighted 1474 00:57:04,589 --> 00:57:07,710 and click Center it should Center and 1475 00:57:07,710 --> 00:57:10,349 now we can click on Jessi and go to 1476 00:57:10,349 --> 00:57:13,140 style then click content and press 1477 00:57:13,140 --> 00:57:16,589 Center now we can scroll back up press 1478 00:57:16,589 --> 00:57:20,460 save refresh our page and view the page 1479 00:57:20,460 --> 00:57:23,130 looking great on desktop and all 1480 00:57:23,130 --> 00:57:27,900 centered and perfect on mobile all right 1481 00:57:27,900 --> 00:57:30,529 that's perfect let's exit out of there 1482 00:57:30,529 --> 00:57:34,170 exit out of there also and go to our 1483 00:57:34,170 --> 00:57:37,650 dashboard and we are done creating our 1484 00:57:37,650 --> 00:57:40,799 about page the next page that we want to 1485 00:57:40,799 --> 00:57:43,049 make is a services page of course this 1486 00:57:43,049 --> 00:57:45,089 can be any page that you want so let's 1487 00:57:45,089 --> 00:57:46,979 go to Elementor and let's go to my 1488 00:57:46,979 --> 00:57:49,109 library and let's find some services 1489 00:57:49,109 --> 00:57:52,109 templates to put on our page so again we 1490 00:57:52,109 --> 00:57:55,710 can go to Tyler comm that's t yle RCom 1491 00:57:55,710 --> 00:57:58,019 and we could just go to forward slash 1492 00:57:58,019 --> 00:58:00,900 templates save us some time and let's go 1493 00:58:00,900 --> 00:58:04,170 to headers and heroes and I like this v5 1494 00:58:04,170 --> 00:58:06,539 right here so I'm just going to open it 1495 00:58:06,539 --> 00:58:09,239 up in a new tab and let's click on 1496 00:58:09,239 --> 00:58:13,729 features and scroll down go to page to 1497 00:58:13,729 --> 00:58:17,999 scroll down page 3 I guess maybe page 4 1498 00:58:17,999 --> 00:58:21,569 will have some luck page 5 we got to 1499 00:58:21,569 --> 00:58:23,789 have some luck and say the best for last 1500 00:58:23,789 --> 00:58:27,450 so let's click on c4 and now let's go to 1501 00:58:27,450 --> 00:58:31,109 a miscellaneous one and click on p2 and 1502 00:58:31,109 --> 00:58:34,710 there we have it our services page b5 c4 1503 00:58:34,710 --> 00:58:35,730 and p2 so 1504 00:58:35,730 --> 00:58:39,330 let's download v5 and download c4 and 1505 00:58:39,330 --> 00:58:43,040 download p2 and exit out of all of that 1506 00:58:43,040 --> 00:58:46,440 then go to import templates choose file 1507 00:58:46,440 --> 00:58:53,180 and just import all of those 1508 00:58:53,180 --> 00:58:55,520 and once you're done importing you could 1509 00:58:55,520 --> 00:58:59,900 click on pages and go to services and we 1510 00:58:59,900 --> 00:59:01,369 can view our page and we see that we 1511 00:59:01,369 --> 00:59:04,040 have that title and sidebar that we want 1512 00:59:04,040 --> 00:59:06,109 to get rid of so we're just gonna go 1513 00:59:06,109 --> 00:59:08,869 back in under content layout we'll do 1514 00:59:08,869 --> 00:59:11,030 100% full width they'll get rid of the 1515 00:59:11,030 --> 00:59:13,520 sidebar and under title will disable 1516 00:59:13,520 --> 00:59:15,559 I'll get rid of the title and press 1517 00:59:15,559 --> 00:59:17,510 update all right then we can view our 1518 00:59:17,510 --> 00:59:20,420 page and we see that there's nothing 1519 00:59:20,420 --> 00:59:22,490 here it's a blank clean page for us to 1520 00:59:22,490 --> 00:59:24,200 work on so we're just gonna press edit 1521 00:59:24,200 --> 00:59:27,829 page and edit with Elementor then we're 1522 00:59:27,829 --> 00:59:29,809 going to add template and we're gonna go 1523 00:59:29,809 --> 00:59:31,880 to my templates and we're gonna add all 1524 00:59:31,880 --> 00:59:35,480 of them so we're gonna add v5 very cool 1525 00:59:35,480 --> 00:59:38,839 add template go to my templates and 1526 00:59:38,839 --> 00:59:42,140 we're gonna add c4 very nice scroll down 1527 00:59:42,140 --> 00:59:45,109 go to add templates go to my templates 1528 00:59:45,109 --> 00:59:49,520 and p-two alright awesome and now we are 1529 00:59:49,520 --> 00:59:51,950 going to edit it to our liking 1530 00:59:51,950 --> 00:59:54,410 first let's click on the edit section so 1531 00:59:54,410 --> 00:59:55,880 we're gonna edit the top section and 1532 00:59:55,880 --> 00:59:57,650 we're gonna add a little more space at 1533 00:59:57,650 --> 00:59:59,569 the top so we're gonna go to advanced 1534 00:59:59,569 --> 01:00:03,140 and we're padding is we're gonna put 170 1535 01:00:03,140 --> 01:00:05,900 and we can see padding and margin so 1536 01:00:05,900 --> 01:00:08,420 padding is on the inside and margin is 1537 01:00:08,420 --> 01:00:10,309 on the outside so margin would push 1538 01:00:10,309 --> 01:00:12,440 everything away and add like a blank 1539 01:00:12,440 --> 01:00:15,140 white space at the top if you put like a 1540 01:00:15,140 --> 01:00:17,359 hundred margin at the top but padding 1541 01:00:17,359 --> 01:00:20,180 adds it to the inside so there's more 1542 01:00:20,180 --> 01:00:22,700 padding at the inside of the top so you 1543 01:00:22,700 --> 01:00:24,380 still see the background and everything 1544 01:00:24,380 --> 01:00:27,020 it just pushes all the content down but 1545 01:00:27,020 --> 01:00:28,549 within it I hope that makes sense 1546 01:00:28,549 --> 01:00:29,869 alright once we're done with that we 1547 01:00:29,869 --> 01:00:32,150 could click on the title and let's 1548 01:00:32,150 --> 01:00:35,359 change it to what we do best and go to 1549 01:00:35,359 --> 01:00:38,030 style and for the font family 1550 01:00:38,030 --> 01:00:40,400 let's do open sans that's one of my 1551 01:00:40,400 --> 01:00:41,990 favorite fonts I think that's the fun I 1552 01:00:41,990 --> 01:00:44,329 use on my own website and then if you 1553 01:00:44,329 --> 01:00:46,579 want to look at the fonts you can go to 1554 01:00:46,579 --> 01:00:49,579 google.com forward slash fonts and check 1555 01:00:49,579 --> 01:00:52,849 out all of the fonts here and you can 1556 01:00:52,849 --> 01:00:55,010 uncheck these to only show handwritten 1557 01:00:55,010 --> 01:00:58,160 fonts or serif or sans serif fonts or 1558 01:00:58,160 --> 01:01:00,680 whatever you want and we can exit out of 1559 01:01:00,680 --> 01:01:01,970 there I just want to show you those 1560 01:01:01,970 --> 01:01:03,680 fonts and click to edit the section 1561 01:01:03,680 --> 01:01:06,710 again then go to style and we're going 1562 01:01:06,710 --> 01:01:09,170 change the background overlay so go to a 1563 01:01:09,170 --> 01:01:11,150 background overlay and maybe we want it 1564 01:01:11,150 --> 01:01:13,550 to be blue and then green so this will 1565 01:01:13,550 --> 01:01:15,619 give us a gradient background overlay 1566 01:01:15,619 --> 01:01:17,300 which i think is a really cool effect 1567 01:01:17,300 --> 01:01:20,300 so click choose your color and we can 1568 01:01:20,300 --> 01:01:22,849 drag this to green and we could choose 1569 01:01:22,849 --> 01:01:25,670 this one as blue or what you could do is 1570 01:01:25,670 --> 01:01:28,460 you can add in your own color if you've 1571 01:01:28,460 --> 01:01:30,380 copied a color from a different part of 1572 01:01:30,380 --> 01:01:31,880 your website you could just add in this 1573 01:01:31,880 --> 01:01:34,520 hex code here there we go I like that 1574 01:01:34,520 --> 01:01:37,550 green and now we will add in a blue and 1575 01:01:37,550 --> 01:01:40,339 there we go so we have that nice blue 1576 01:01:40,339 --> 01:01:41,930 alright so it looks good it goes from 1577 01:01:41,930 --> 01:01:43,940 green to blue and now we're gonna change 1578 01:01:43,940 --> 01:01:46,760 all of these icons so instead of 1579 01:01:46,760 --> 01:01:50,390 Facebook let's type in WordPress find 1580 01:01:50,390 --> 01:01:54,050 that icon and let's type in WordPress so 1581 01:01:54,050 --> 01:01:57,050 maybe we do WordPress and for the next 1582 01:01:57,050 --> 01:01:59,119 one we do the same thing let's type in 1583 01:01:59,119 --> 01:02:02,720 paintbrush and put in design cuz maybe 1584 01:02:02,720 --> 01:02:05,180 we do some design and let's go to the 1585 01:02:05,180 --> 01:02:07,760 next one click on it and use a pencil 1586 01:02:07,760 --> 01:02:10,820 and type in content because maybe we 1587 01:02:10,820 --> 01:02:12,710 also do people's content alright that's 1588 01:02:12,710 --> 01:02:14,660 looking pretty sweet now what we can do 1589 01:02:14,660 --> 01:02:17,420 is change the second headline instead of 1590 01:02:17,420 --> 01:02:19,220 fall in love with our features we can 1591 01:02:19,220 --> 01:02:20,810 say we're pretty good at these things 1592 01:02:20,810 --> 01:02:23,900 too and we could click this line here 1593 01:02:23,900 --> 01:02:26,510 and we can make it a different color or 1594 01:02:26,510 --> 01:02:29,000 of course type in any color that we want 1595 01:02:29,000 --> 01:02:32,420 and we can click on this real time stats 1596 01:02:32,420 --> 01:02:36,140 and change the content if we want or go 1597 01:02:36,140 --> 01:02:38,690 to style and go to content and change 1598 01:02:38,690 --> 01:02:40,190 the color I'm just gonna paste in that 1599 01:02:40,190 --> 01:02:42,589 same color green as a line and I'm gonna 1600 01:02:42,589 --> 01:02:44,900 do that for all of them so I'm just 1601 01:02:44,900 --> 01:02:46,609 gonna speed this up a little bit so I'm 1602 01:02:46,609 --> 01:02:48,440 not wasting any of your time and make 1603 01:02:48,440 --> 01:02:51,710 them all that green color all right now 1604 01:02:51,710 --> 01:02:53,270 we're gonna edit this last section here 1605 01:02:53,270 --> 01:02:56,540 so let's click on edit the section then 1606 01:02:56,540 --> 01:02:59,180 go to style and let's delete this image 1607 01:02:59,180 --> 01:03:00,800 but before we do that let's actually 1608 01:03:00,800 --> 01:03:02,660 search for a new image and one of my 1609 01:03:02,660 --> 01:03:04,730 favorite websites to get images that are 1610 01:03:04,730 --> 01:03:06,890 free and copyright free and you can use 1611 01:03:06,890 --> 01:03:08,960 them however you want is pixabay.com 1612 01:03:08,960 --> 01:03:13,640 that's p IX a ba y dot c om and we can 1613 01:03:13,640 --> 01:03:16,580 search for interior design or anything 1614 01:03:16,580 --> 01:03:19,880 else and if we scroll down this one 1615 01:03:19,880 --> 01:03:20,710 looks pretty cool 1616 01:03:20,710 --> 01:03:23,530 so let's go and click free download and 1617 01:03:23,530 --> 01:03:27,309 I'll do the 1920 and press download nope 1618 01:03:27,309 --> 01:03:29,770 it wants me to sign up for full 1619 01:03:29,770 --> 01:03:30,609 resolution 1620 01:03:30,609 --> 01:03:33,400 so the 1280 is just going to be fine 1621 01:03:33,400 --> 01:03:36,040 alright so once we do that I'll just 1622 01:03:36,040 --> 01:03:38,559 save it to my desktop and call it design 1623 01:03:38,559 --> 01:03:42,970 and press save exit out of there and I 1624 01:03:42,970 --> 01:03:46,000 will delete this image and add a new 1625 01:03:46,000 --> 01:03:49,089 image and then go to upload files select 1626 01:03:49,089 --> 01:03:51,190 files and find the image I just 1627 01:03:51,190 --> 01:03:53,440 downloaded to my desktop and press open 1628 01:03:53,440 --> 01:03:56,440 it will upload then we'll click insert 1629 01:03:56,440 --> 01:03:59,230 media and it will insert and that is a 1630 01:03:59,230 --> 01:04:01,000 pretty cool picture I like that that's 1631 01:04:01,000 --> 01:04:01,630 pretty sweet 1632 01:04:01,630 --> 01:04:03,670 alright after we do that let's click on 1633 01:04:03,670 --> 01:04:07,180 advanced and unlink these padding values 1634 01:04:07,180 --> 01:04:09,280 and we can add padding to the top and 1635 01:04:09,280 --> 01:04:11,109 that's way too much so I'm going to add 1636 01:04:11,109 --> 01:04:12,910 a little bit less and you can add 1637 01:04:12,910 --> 01:04:15,339 padding also to the bottom so it gives a 1638 01:04:15,339 --> 01:04:17,170 little bit more space to the top and 1639 01:04:17,170 --> 01:04:18,910 bottom another way you could accomplish 1640 01:04:18,910 --> 01:04:22,450 the same thing is to delete the padding 1641 01:04:22,450 --> 01:04:24,220 from the top and bottom of the section 1642 01:04:24,220 --> 01:04:26,470 make it zero it then actually click on 1643 01:04:26,470 --> 01:04:28,990 this column right here where it says 1644 01:04:28,990 --> 01:04:31,270 we're almost ready so click on that then 1645 01:04:31,270 --> 01:04:33,640 go advanced it then go to margin and 1646 01:04:33,640 --> 01:04:35,829 unlike the values and the margin is on 1647 01:04:35,829 --> 01:04:38,319 the outside so it's gonna push this away 1648 01:04:38,319 --> 01:04:40,900 from it so if we add stuff here it's 1649 01:04:40,900 --> 01:04:42,730 gonna give more space not on the inside 1650 01:04:42,730 --> 01:04:44,950 but on the outside of the top and bottom 1651 01:04:44,950 --> 01:04:47,200 so I'm just gonna add 50 and 50 to the 1652 01:04:47,200 --> 01:04:49,359 top and the bottom here in that way this 1653 01:04:49,359 --> 01:04:51,460 little box right here will never touch 1654 01:04:51,460 --> 01:04:53,170 the top and bottom it'll always have 1655 01:04:53,170 --> 01:04:54,970 like a little border around it and 1656 01:04:54,970 --> 01:04:57,430 that's exactly what we want so that 1657 01:04:57,430 --> 01:04:57,970 looks great 1658 01:04:57,970 --> 01:05:00,220 alright instead of saying we are almost 1659 01:05:00,220 --> 01:05:02,619 ready I'm gonna put we can help you with 1660 01:05:02,619 --> 01:05:04,599 and these are gonna be all my things 1661 01:05:04,599 --> 01:05:06,339 that I can help you with so now we can 1662 01:05:06,339 --> 01:05:08,799 go to style and maybe we want to change 1663 01:05:08,799 --> 01:05:11,920 the color make it sort of black and go 1664 01:05:11,920 --> 01:05:21,490 to size and adjust that a little bit 1665 01:05:21,490 --> 01:05:27,770 you 1666 01:05:27,770 --> 01:05:30,380 and we can click on this design here and 1667 01:05:30,380 --> 01:05:33,500 we can go to style we could change the 1668 01:05:33,500 --> 01:05:35,090 color and we could change it to any 1669 01:05:35,090 --> 01:05:37,340 color that we want and then you can 1670 01:05:37,340 --> 01:05:40,690 click on content and go to style and 1671 01:05:40,690 --> 01:05:43,430 change it to any color that you want 1672 01:05:43,430 --> 01:05:45,470 again just gonna paste in the same color 1673 01:05:45,470 --> 01:05:49,310 and then do that for or front end but in 1674 01:05:49,310 --> 01:05:51,920 any color you want and do that for back 1675 01:05:51,920 --> 01:05:55,369 end put in any color very easy stuff and 1676 01:05:55,369 --> 01:05:57,410 what we can also do is click on 1677 01:05:57,410 --> 01:06:00,080 something like front end and add in a 1678 01:06:00,080 --> 01:06:02,750 title and that will go above it and that 1679 01:06:02,750 --> 01:06:05,180 will look fine or we can go below for 1680 01:06:05,180 --> 01:06:08,630 inner text and put it in right there so 1681 01:06:08,630 --> 01:06:10,720 I want to say that I'm good at WordPress 1682 01:06:10,720 --> 01:06:15,020 75 no way I am 100% alright but maybe my 1683 01:06:15,020 --> 01:06:17,150 design is not 100% 1684 01:06:17,150 --> 01:06:21,250 maybe that's 82 and that looks awesome 1685 01:06:21,250 --> 01:06:23,990 then we'll take the social media links 1686 01:06:23,990 --> 01:06:26,930 and exit out of there and for more 1687 01:06:26,930 --> 01:06:29,000 updates follow us we're just gonna say 1688 01:06:29,000 --> 01:06:31,130 start today it's gonna be a little call 1689 01:06:31,130 --> 01:06:34,130 to action and go to style and change the 1690 01:06:34,130 --> 01:06:37,670 font color to black or blackish and then 1691 01:06:37,670 --> 01:06:40,100 for font family I want to do open sans 1692 01:06:40,100 --> 01:06:42,619 again and for this space I'm just gonna 1693 01:06:42,619 --> 01:06:44,930 put in less space and adjust it there 1694 01:06:44,930 --> 01:06:47,030 then I'm gonna add a button by clicking 1695 01:06:47,030 --> 01:06:49,730 on this button right here and then go on 1696 01:06:49,730 --> 01:06:52,670 to button and drag it in it after I do 1697 01:06:52,670 --> 01:06:55,460 that click on the button and for the 1698 01:06:55,460 --> 01:06:57,770 text I'll put start and for the link 1699 01:06:57,770 --> 01:06:59,510 I'll put contacts so they'll click on 1700 01:06:59,510 --> 01:07:01,250 this and then they'll go to our contact 1701 01:07:01,250 --> 01:07:03,619 page and they can contact us there for 1702 01:07:03,619 --> 01:07:04,940 the size of the button let's just do 1703 01:07:04,940 --> 01:07:07,700 medium and for the style you can click 1704 01:07:07,700 --> 01:07:11,750 on style and go to border-radius and put 1705 01:07:11,750 --> 01:07:13,850 in 20 and that will make all your edges 1706 01:07:13,850 --> 01:07:16,400 rounded and for text padding you could 1707 01:07:16,400 --> 01:07:18,050 change that that's how much padding is 1708 01:07:18,050 --> 01:07:20,630 around the start button so you can put 1709 01:07:20,630 --> 01:07:24,230 10 50,000 you would probably never want 1710 01:07:24,230 --> 01:07:27,680 a thousand that's a lot 110 100 alright 1711 01:07:27,680 --> 01:07:29,480 that looks a little funky sorry I must 1712 01:07:29,480 --> 01:07:31,850 change that maybe to 20s at the top and 1713 01:07:31,850 --> 01:07:34,430 bottom to 60s man that still looks weird 1714 01:07:34,430 --> 01:07:36,020 alright maybe we want the border radius 1715 01:07:36,020 --> 01:07:37,730 to be 50 all the way around 1716 01:07:37,730 --> 01:07:39,350 let's turn typography on I think it 1717 01:07:39,350 --> 01:07:41,580 needs to be a bigger size or something 1718 01:07:41,580 --> 01:07:44,430 that big all right 23 it is still looks 1719 01:07:44,430 --> 01:07:46,320 funny I don't know do a better job than 1720 01:07:46,320 --> 01:07:48,480 this guys all right we'll do 40 and 40 1721 01:07:48,480 --> 01:07:50,970 10 and 10 all right that looks all right 1722 01:07:50,970 --> 01:07:52,680 that's pretty good I like it 1723 01:07:52,680 --> 01:07:53,970 maybe make the text a little bit of 1724 01:07:53,970 --> 01:07:55,860 smaller I'm going crazy with this I know 1725 01:07:55,860 --> 01:07:57,960 this is just a demonstration you'll do a 1726 01:07:57,960 --> 01:08:00,030 lot better job when you have time but 1727 01:08:00,030 --> 01:08:01,500 that looks pretty good all right now 1728 01:08:01,500 --> 01:08:04,110 let's also add a gradient background to 1729 01:08:04,110 --> 01:08:06,180 this background so we want to click on 1730 01:08:06,180 --> 01:08:09,000 the entire section then go to style and 1731 01:08:09,000 --> 01:08:11,340 click background overlay then click 1732 01:08:11,340 --> 01:08:13,050 gradient because it's gonna go from one 1733 01:08:13,050 --> 01:08:15,060 color to the next and now we can click 1734 01:08:15,060 --> 01:08:16,800 on the color for the first color and 1735 01:08:16,800 --> 01:08:19,500 we're gonna make it green and for the 1736 01:08:19,500 --> 01:08:21,150 second color we're gonna make it blue 1737 01:08:21,150 --> 01:08:23,520 you can type in the hex code make that 1738 01:08:23,520 --> 01:08:25,560 blue and we can type in a hex code for 1739 01:08:25,560 --> 01:08:27,720 the green also if we want a very 1740 01:08:27,720 --> 01:08:30,150 specific color all right so now we have 1741 01:08:30,150 --> 01:08:32,880 our blue and green and it goes from 1742 01:08:32,880 --> 01:08:34,800 green at the top to blue at the bottom 1743 01:08:34,800 --> 01:08:37,350 but what if we want it to go from green 1744 01:08:37,350 --> 01:08:39,900 on the left to blue on the right or vice 1745 01:08:39,900 --> 01:08:42,510 versa you can change that with first 1746 01:08:42,510 --> 01:08:45,270 location which is when does a blue in 1747 01:08:45,270 --> 01:08:47,160 green start does it start in the middle 1748 01:08:47,160 --> 01:08:49,020 does it start in the beginning let's 1749 01:08:49,020 --> 01:08:52,440 make it start at 39 out of 104 blue it's 1750 01:08:52,440 --> 01:08:53,970 the same thing where does it start or 1751 01:08:53,970 --> 01:08:56,070 where does it end actually so we're 1752 01:08:56,070 --> 01:08:59,460 gonna have it end at 100 and here's the 1753 01:08:59,460 --> 01:09:02,490 angle so now we can rotate the angle and 1754 01:09:02,490 --> 01:09:05,820 let's do 240 so it starts at blue at the 1755 01:09:05,820 --> 01:09:07,980 bottom left corner and ends at green at 1756 01:09:07,980 --> 01:09:09,810 the top right corner alright so it 1757 01:09:09,810 --> 01:09:11,970 matches this up here or it starts at 1758 01:09:11,970 --> 01:09:14,580 blue at the bottom green at the top and 1759 01:09:14,580 --> 01:09:16,080 it's the same on the bottom right here 1760 01:09:16,080 --> 01:09:18,089 and that looks pretty cool it matches 1761 01:09:18,089 --> 01:09:19,890 pretty great all right let's just click 1762 01:09:19,890 --> 01:09:23,250 on save and save all of that and exit 1763 01:09:23,250 --> 01:09:25,680 out of there and view our page and this 1764 01:09:25,680 --> 01:09:27,690 is our page and I love how the 1765 01:09:27,690 --> 01:09:30,060 navigation picks up on that blue on the 1766 01:09:30,060 --> 01:09:31,920 left and green on the right I think that 1767 01:09:31,920 --> 01:09:34,020 is a really cool effect and if we scroll 1768 01:09:34,020 --> 01:09:36,900 down our page is looking awesome and the 1769 01:09:36,900 --> 01:09:39,720 we can help you with pops up with all of 1770 01:09:39,720 --> 01:09:41,730 our abilities and it just slides to the 1771 01:09:41,730 --> 01:09:44,010 right very cool and I love it if we 1772 01:09:44,010 --> 01:09:46,260 squish it down like it is a mobile phone 1773 01:09:46,260 --> 01:09:48,990 it's a little crammed up here what we do 1774 01:09:48,990 --> 01:09:49,470 best 1775 01:09:49,470 --> 01:09:51,870 but other than that the page is looking 1776 01:09:51,870 --> 01:09:54,510 really awesome so let's just fix that 1777 01:09:54,510 --> 01:09:55,230 real quick 1778 01:09:55,230 --> 01:09:58,350 let's go back to Elementor and go to the 1779 01:09:58,350 --> 01:10:00,540 mobile view and click on the very top 1780 01:10:00,540 --> 01:10:03,810 section and go to advanced and under 1781 01:10:03,810 --> 01:10:07,380 padding let's put in 130 press save go 1782 01:10:07,380 --> 01:10:09,030 back to check our website and click on 1783 01:10:09,030 --> 01:10:12,390 refresh check the mobile version and 1784 01:10:12,390 --> 01:10:14,940 that is looking perfect and everything 1785 01:10:14,940 --> 01:10:17,760 else looks great and mobile-friendly and 1786 01:10:17,760 --> 01:10:19,830 awesome all right let's exit out of 1787 01:10:19,830 --> 01:10:22,200 there go back to our desktop view exit 1788 01:10:22,200 --> 01:10:25,200 out of there and go to our dashboard we 1789 01:10:25,200 --> 01:10:28,860 are done with our services page the next 1790 01:10:28,860 --> 01:10:30,239 thing that we're gonna do is our last 1791 01:10:30,239 --> 01:10:33,000 page which is our contact page but 1792 01:10:33,000 --> 01:10:34,860 before we do it let's import all of our 1793 01:10:34,860 --> 01:10:37,410 templates so go to element or within my 1794 01:10:37,410 --> 01:10:40,470 library once we do that we go to tailor 1795 01:10:40,470 --> 01:10:42,900 comm forward slash templates and let's 1796 01:10:42,900 --> 01:10:45,120 actually search for a template I'm gonna 1797 01:10:45,120 --> 01:10:48,210 search for map and here we have u5 a 1798 01:10:48,210 --> 01:10:51,270 nice map and let's just download it 1799 01:10:51,270 --> 01:10:53,040 right here save it to our templates 1800 01:10:53,040 --> 01:10:55,830 folder press save go back to templates 1801 01:10:55,830 --> 01:11:00,210 and let's click on contact and maybe go 1802 01:11:00,210 --> 01:11:04,320 to page two maybe page three and let's 1803 01:11:04,320 --> 01:11:06,840 try this k5 all right that looks pretty 1804 01:11:06,840 --> 01:11:09,870 cool we can delete this map here and put 1805 01:11:09,870 --> 01:11:11,850 in a contact form so let's download the 1806 01:11:11,850 --> 01:11:14,640 template and save it and exit out of 1807 01:11:14,640 --> 01:11:17,460 there then let's import templates like 1808 01:11:17,460 --> 01:11:20,550 import choose file click on templates 1809 01:11:20,550 --> 01:11:23,160 and you've done this before so find the 1810 01:11:23,160 --> 01:11:26,220 template and open and import now do that 1811 01:11:26,220 --> 01:11:28,860 again for the other template import 1812 01:11:28,860 --> 01:11:33,030 templates choose file k5 open import now 1813 01:11:33,030 --> 01:11:35,730 and now let's start building our page so 1814 01:11:35,730 --> 01:11:38,460 go to pages and click on contact and 1815 01:11:38,460 --> 01:11:40,830 under content layout let's do a 100% 1816 01:11:40,830 --> 01:11:43,170 full width and click on title and 1817 01:11:43,170 --> 01:11:45,930 disable it then we can press update and 1818 01:11:45,930 --> 01:11:49,170 click Edit with Elementor then we can 1819 01:11:49,170 --> 01:11:52,080 add template and go to my templates and 1820 01:11:52,080 --> 01:11:55,260 let's add u5 which will put in the map 1821 01:11:55,260 --> 01:11:58,650 and then add template my templates and 1822 01:11:58,650 --> 01:12:02,820 let's go to k5 and insert that and if we 1823 01:12:02,820 --> 01:12:04,710 click on the map we can change the 1824 01:12:04,710 --> 01:12:06,780 address so the address will be where the 1825 01:12:06,780 --> 01:12:07,380 pin is 1826 01:12:07,380 --> 01:12:08,940 you can also put in a city 1827 01:12:08,940 --> 01:12:10,590 or even a state you could change the 1828 01:12:10,590 --> 01:12:13,340 zoom level so it's really zoomed in or 1829 01:12:13,340 --> 01:12:15,810 regularly zoomed in and that looks 1830 01:12:15,810 --> 01:12:17,460 pretty good so let's scroll down and 1831 01:12:17,460 --> 01:12:20,219 let's exit out of this map because we 1832 01:12:20,219 --> 01:12:21,780 already have a map and let's click on 1833 01:12:21,780 --> 01:12:24,000 these icons and go to style and go to 1834 01:12:24,000 --> 01:12:26,610 icon and we can change the color and we 1835 01:12:26,610 --> 01:12:28,440 can type in our color here if we want 1836 01:12:28,440 --> 01:12:32,460 I'm just gonna do 2169 EF then click on 1837 01:12:32,460 --> 01:12:34,580 the title and change the title to 1838 01:12:34,580 --> 01:12:37,800 contact us and let's click on the Edit 1839 01:12:37,800 --> 01:12:40,380 section and instead of full width which 1840 01:12:40,380 --> 01:12:43,170 will make the contact us section and the 1841 01:12:43,170 --> 01:12:45,630 form go all the way to the side let's 1842 01:12:45,630 --> 01:12:47,910 make it boxed so it stays in a little 1843 01:12:47,910 --> 01:12:49,860 box and let's not put anything in here 1844 01:12:49,860 --> 01:12:51,719 it'll just be default alright for a 1845 01:12:51,719 --> 01:12:53,910 Content position we want it to be 1846 01:12:53,910 --> 01:12:55,920 default because if it's in the middle 1847 01:12:55,920 --> 01:12:58,170 then all the content that we add is just 1848 01:12:58,170 --> 01:13:00,239 going to be in the middle of the section 1849 01:13:00,239 --> 01:13:02,580 instead of default which is what we want 1850 01:13:02,580 --> 01:13:04,620 which is on the left side of each 1851 01:13:04,620 --> 01:13:06,150 section all right now we can go to 1852 01:13:06,150 --> 01:13:08,790 advanced and I think there's too much 1853 01:13:08,790 --> 01:13:11,100 spacing at the top so I'm gonna change 1854 01:13:11,100 --> 01:13:20,219 that from 150 to 102 1855 01:13:20,219 --> 01:13:23,310 I'm gonna change my address right here 1856 01:13:23,310 --> 01:13:25,380 and I'm gonna put in my phone number 1857 01:13:25,380 --> 01:13:28,130 right here and I'm going to delete this 1858 01:13:28,130 --> 01:13:30,390 cuz I don't have two phone numbers and 1859 01:13:30,390 --> 01:13:32,550 I'm gonna put in my email address Tyler 1860 01:13:32,550 --> 01:13:35,520 Moore at gmail.com right here alright 1861 01:13:35,520 --> 01:13:37,170 that looks pretty good so let's save 1862 01:13:37,170 --> 01:13:40,170 that and we're not adding iform yet 1863 01:13:40,170 --> 01:13:42,180 because we can't do that here we need to 1864 01:13:42,180 --> 01:13:44,100 do it somewhere else but before I do 1865 01:13:44,100 --> 01:13:46,320 that actually let me go to style and 1866 01:13:46,320 --> 01:13:49,440 make this contact us open sans and make 1867 01:13:49,440 --> 01:13:51,630 it less bold well well maybe a little 1868 01:13:51,630 --> 01:13:53,400 more bold than that alright that looks 1869 01:13:53,400 --> 01:13:55,350 right alright so let's click Save and 1870 01:13:55,350 --> 01:13:57,660 what we're gonna do next is add a 1871 01:13:57,660 --> 01:13:59,940 contact form right here so let's go 1872 01:13:59,940 --> 01:14:01,170 ahead and do that eggs that are there 1873 01:14:01,170 --> 01:14:03,989 and press go to dashboard and again we 1874 01:14:03,989 --> 01:14:06,180 need a plugin and again a plug-in adds 1875 01:14:06,180 --> 01:14:08,880 new cool features to your website like a 1876 01:14:08,880 --> 01:14:10,680 contact form so just go ahead and click 1877 01:14:10,680 --> 01:14:13,050 on plugins then click add new and search 1878 01:14:13,050 --> 01:14:15,780 for contact form and one of my favorite 1879 01:14:15,780 --> 01:14:18,239 ones is contact form 7 even though the 1880 01:14:18,239 --> 01:14:20,640 one on the right is also super easy and 1881 01:14:20,640 --> 01:14:22,150 maybe even a little bit 1882 01:14:22,150 --> 01:14:24,400 easier than contact form 7 but i've been 1883 01:14:24,400 --> 01:14:27,040 using contact form 7 for so long that i 1884 01:14:27,040 --> 01:14:30,429 can't part with it but WP forms is super 1885 01:14:30,429 --> 01:14:32,620 awesome also alright so we're just gonna 1886 01:14:32,620 --> 01:14:35,110 click install now and then we're gonna 1887 01:14:35,110 --> 01:14:37,810 click activate to activate our contact 1888 01:14:37,810 --> 01:14:40,780 form 7 and we're gonna go to contact and 1889 01:14:40,780 --> 01:14:42,820 we're just gonna click on contact form 1 1890 01:14:42,820 --> 01:14:44,770 and here you can change all of these 1891 01:14:44,770 --> 01:14:47,020 fields but you want to make sure that 1892 01:14:47,020 --> 01:14:50,110 you go to mail and change this or don't 1893 01:14:50,110 --> 01:14:51,969 but just make sure that it has your 1894 01:14:51,969 --> 01:14:53,949 email address because this is where when 1895 01:14:53,949 --> 01:14:55,510 they fill out the form this is where it 1896 01:14:55,510 --> 01:14:56,980 gets sent to so you want to make sure 1897 01:14:56,980 --> 01:14:58,510 this has your email address in it and 1898 01:14:58,510 --> 01:15:01,390 now what we can do is copy this contact 1899 01:15:01,390 --> 01:15:04,270 form code here it's called a shortcode 1900 01:15:04,270 --> 01:15:07,210 and go back to pages and click on 1901 01:15:07,210 --> 01:15:10,300 contact then click edit with Elementor 1902 01:15:10,300 --> 01:15:14,190 and now what we can do is search for 1903 01:15:14,190 --> 01:15:18,880 shortcode sh o RT co d e and drag it in 1904 01:15:18,880 --> 01:15:20,800 there and this will allow you to put 1905 01:15:20,800 --> 01:15:23,620 that code into your page so just go 1906 01:15:23,620 --> 01:15:25,360 ahead and paste that code in there and 1907 01:15:25,360 --> 01:15:28,000 your contact form will show up now when 1908 01:15:28,000 --> 01:15:29,920 anyone emails you it will go straight 1909 01:15:29,920 --> 01:15:32,020 here and you can email them back and 1910 01:15:32,020 --> 01:15:34,659 start a relationship alright and we can 1911 01:15:34,659 --> 01:15:37,719 adjust this size so that the contact us 1912 01:15:37,719 --> 01:15:39,730 is a little bit smaller that section and 1913 01:15:39,730 --> 01:15:41,380 the contact form is a little bit bigger 1914 01:15:41,380 --> 01:15:44,020 so adjust it to whatever you want then 1915 01:15:44,020 --> 01:15:46,989 click save and exit out there and view 1916 01:15:46,989 --> 01:15:50,140 our page and now we can see our page and 1917 01:15:50,140 --> 01:15:52,900 it is really cool but maybe this contact 1918 01:15:52,900 --> 01:15:55,270 us should be a little bit down so it's a 1919 01:15:55,270 --> 01:15:57,489 little more even with the form so let's 1920 01:15:57,489 --> 01:15:59,469 go here we can click on this section 1921 01:15:59,469 --> 01:16:01,150 this column section right here 1922 01:16:01,150 --> 01:16:03,190 go to advanced unlink the values for the 1923 01:16:03,190 --> 01:16:06,130 margin and just put 10 here and press 1924 01:16:06,130 --> 01:16:09,010 save and now if we refresh that contact 1925 01:16:09,010 --> 01:16:10,719 us should go a little bit down and that 1926 01:16:10,719 --> 01:16:13,239 looks a lot more even in level 2 my eye 1927 01:16:13,239 --> 01:16:15,520 alright so that's pretty awesome but if 1928 01:16:15,520 --> 01:16:18,880 we look up here we see the menu is over 1929 01:16:18,880 --> 01:16:21,940 this map and it looks pretty weird so 1930 01:16:21,940 --> 01:16:24,550 how do we make it so that the menu is 1931 01:16:24,550 --> 01:16:26,290 just like a regular menu and not a 1932 01:16:26,290 --> 01:16:28,390 see-through menu but only on this page 1933 01:16:28,390 --> 01:16:31,810 and to do that all we have to do is not 1934 01:16:31,810 --> 01:16:34,750 go to element or page but click on edit 1935 01:16:34,750 --> 01:16:35,680 page and click 1936 01:16:35,680 --> 01:16:38,530 on header then click under header style 1937 01:16:38,530 --> 01:16:41,620 go to minimal and press update then view 1938 01:16:41,620 --> 01:16:44,380 our page and now we can see it looks 1939 01:16:44,380 --> 01:16:47,020 much much better and you can change this 1940 01:16:47,020 --> 01:16:49,960 header color it just like you did on the 1941 01:16:49,960 --> 01:16:52,000 transparent one by clicking on customize 1942 01:16:52,000 --> 01:16:54,790 and header I believe alright so that 1943 01:16:54,790 --> 01:16:56,680 looks pretty sweet and if we look at the 1944 01:16:56,680 --> 01:16:58,660 mobile version and squish it down a 1945 01:16:58,660 --> 01:17:00,640 little bit that looks perfect and that 1946 01:17:00,640 --> 01:17:02,560 looks awesome the next thing that we're 1947 01:17:02,560 --> 01:17:04,480 gonna do is add a logo right here 1948 01:17:04,480 --> 01:17:06,490 instead of text even though the text 1949 01:17:06,490 --> 01:17:08,380 looks pretty awesome so to do that we're 1950 01:17:08,380 --> 01:17:09,820 just gonna exit out of there and we're 1951 01:17:09,820 --> 01:17:11,830 gonna exit here and we're gonna go to 1952 01:17:11,830 --> 01:17:13,990 the dashboard once we do that we could 1953 01:17:13,990 --> 01:17:16,450 just click on visit site and let's open 1954 01:17:16,450 --> 01:17:19,300 up a new tab and go to logo maker com 1955 01:17:19,300 --> 01:17:23,920 that's L OG o ma ke R Co M we can exit 1956 01:17:23,920 --> 01:17:26,860 out of this tutorial and find our logo 1957 01:17:26,860 --> 01:17:28,870 so I'm just gonna look for triangle I 1958 01:17:28,870 --> 01:17:30,700 don't know that seems like a pretty cool 1959 01:17:30,700 --> 01:17:33,130 logo maybe and I'm just gonna search in 1960 01:17:33,130 --> 01:17:34,750 searched and searched and searched and 1961 01:17:34,750 --> 01:17:37,570 searched for the right triangle not a 1962 01:17:37,570 --> 01:17:39,820 right triangle for the correct triangle 1963 01:17:39,820 --> 01:17:41,560 and this one looks pretty cool 1964 01:17:41,560 --> 01:17:44,770 so just click on it and in logo maker 1965 01:17:44,770 --> 01:17:47,410 you can click hold and resize you can 1966 01:17:47,410 --> 01:17:49,540 add text here you can put in your 1967 01:17:49,540 --> 01:17:52,180 business name and drag it to the side or 1968 01:17:52,180 --> 01:17:54,070 if you want to be like Apple you can 1969 01:17:54,070 --> 01:17:56,500 just have the logo there you can change 1970 01:17:56,500 --> 01:17:58,990 the font but we want a more modern 1971 01:17:58,990 --> 01:18:01,630 looking logo for our website where it's 1972 01:18:01,630 --> 01:18:03,700 just the logo that's what like Apple 1973 01:18:03,700 --> 01:18:05,710 does and that's what logo maker also 1974 01:18:05,710 --> 01:18:07,450 does if you see in the top left it's 1975 01:18:07,450 --> 01:18:09,370 just our logo it doesn't say their name 1976 01:18:09,370 --> 01:18:12,220 so we're gonna add that and to do that 1977 01:18:12,220 --> 01:18:15,310 we're just going to right click on the 1978 01:18:15,310 --> 01:18:17,650 text and press Delete and drag it so 1979 01:18:17,650 --> 01:18:19,630 it's a big size it doesn't matter the 1980 01:18:19,630 --> 01:18:21,370 exact size then we're gonna make it 1981 01:18:21,370 --> 01:18:23,290 white and you can't see the logo there 1982 01:18:23,290 --> 01:18:25,150 but it is there and we're gonna press 1983 01:18:25,150 --> 01:18:27,310 save in the top right corner and press 1984 01:18:27,310 --> 01:18:29,530 download and agree to give credit 1985 01:18:29,530 --> 01:18:31,570 alright once we do that we will go to 1986 01:18:31,570 --> 01:18:34,500 desktop and just name it logo dot PNG 1987 01:18:34,500 --> 01:18:38,020 make sure it says dot PNG because PNG 1988 01:18:38,020 --> 01:18:39,760 makes it so that there can be 1989 01:18:39,760 --> 01:18:42,160 transparency so that it's not like a 1990 01:18:42,160 --> 01:18:44,440 square box like if you save it as a JPEG 1991 01:18:44,440 --> 01:18:46,720 it would be like a square box white in 1992 01:18:46,720 --> 01:18:49,000 back of it but if you do a PNG 1993 01:18:49,000 --> 01:18:51,010 and it will be like see-through all 1994 01:18:51,010 --> 01:18:53,020 right so save that to your desktop or 1995 01:18:53,020 --> 01:18:55,350 wherever we can exit out of logo maker 1996 01:18:55,350 --> 01:18:59,020 then we can click on customize and go to 1997 01:18:59,020 --> 01:19:01,930 header and click logo then click select 1998 01:19:01,930 --> 01:19:05,370 logo and go to upload files select files 1999 01:19:05,370 --> 01:19:07,840 go to your desktop or wherever you 2000 01:19:07,840 --> 01:19:10,210 downloaded it to and choose the logo and 2001 01:19:10,210 --> 01:19:12,670 press open then it will upload and 2002 01:19:12,670 --> 01:19:15,130 choose select and click skip cropping 2003 01:19:15,130 --> 01:19:16,930 because we don't want to crop it that 2004 01:19:16,930 --> 01:19:18,790 we'll take off the top in the bottom so 2005 01:19:18,790 --> 01:19:21,070 skip cropping and now we can see our 2006 01:19:21,070 --> 01:19:23,380 logo is huge but we don't want it that 2007 01:19:23,380 --> 01:19:26,260 big so go under max width and just 2008 01:19:26,260 --> 01:19:27,850 change it so I'm gonna change it to 2009 01:19:27,850 --> 01:19:31,570 about let's see 45 that looks pretty 2010 01:19:31,570 --> 01:19:33,640 good I like it I like it a little small 2011 01:19:33,640 --> 01:19:35,950 by depending on your logos dimensions it 2012 01:19:35,950 --> 01:19:37,660 will definitely be different then we can 2013 01:19:37,660 --> 01:19:40,330 press publish and exit out of there and 2014 01:19:40,330 --> 01:19:41,920 now we can see we have this really 2015 01:19:41,920 --> 01:19:44,440 cool-looking logo on our website and 2016 01:19:44,440 --> 01:19:45,970 that is awesome 2017 01:19:45,970 --> 01:19:48,220 so our website is almost done almost 2018 01:19:48,220 --> 01:19:50,740 complete almost perfect but we have this 2019 01:19:50,740 --> 01:19:53,950 bottom footer area here and we want to 2020 01:19:53,950 --> 01:19:55,930 change it and make it look much better 2021 01:19:55,930 --> 01:19:58,840 so just go to the dashboard and go to 2022 01:19:58,840 --> 01:20:02,500 Elementor and go to my library and now 2023 01:20:02,500 --> 01:20:04,930 we're going to import a footer template 2024 01:20:04,930 --> 01:20:06,850 so I've created footer templates for you 2025 01:20:06,850 --> 01:20:08,350 guys so you don't need to do all the 2026 01:20:08,350 --> 01:20:08,920 work yourself 2027 01:20:08,920 --> 01:20:11,380 alright so open up a new tab and go to 2028 01:20:11,380 --> 01:20:14,620 Tyler comm click on templates and click 2029 01:20:14,620 --> 01:20:17,620 on miscellaneous and we have a choice of 2030 01:20:17,620 --> 01:20:19,810 a black footer here or a blue footer 2031 01:20:19,810 --> 01:20:22,090 let's go with the black one and press 2032 01:20:22,090 --> 01:20:25,570 download template and press save it's 2033 01:20:25,570 --> 01:20:27,430 downloaded now we need to import 2034 01:20:27,430 --> 01:20:30,580 templates choose file go to templates 2035 01:20:30,580 --> 01:20:33,670 let's do the x1 template that's open and 2036 01:20:33,670 --> 01:20:36,490 import now alright once we're done with 2037 01:20:36,490 --> 01:20:37,900 that this is gonna be a little bit 2038 01:20:37,900 --> 01:20:40,630 different so we need to go to theme 2039 01:20:40,630 --> 01:20:43,690 panel and go to my library and add new 2040 01:20:43,690 --> 01:20:46,540 so we're adding a new template to our 2041 01:20:46,540 --> 01:20:48,430 theme panel put in the title you can 2042 01:20:48,430 --> 01:20:50,710 just put in footer and again just like 2043 01:20:50,710 --> 01:20:52,360 everything else we want the content 2044 01:20:52,360 --> 01:20:53,860 layout to be a hundred percent full 2045 01:20:53,860 --> 01:20:57,190 width and the title to be disabled now 2046 01:20:57,190 --> 01:20:59,980 we can publish that click edit with 2047 01:20:59,980 --> 01:21:03,110 element or add a template go to my ten 2048 01:21:03,110 --> 01:21:07,670 and go to the x1 and insert it and here 2049 01:21:07,670 --> 01:21:10,460 we're looking at doubles because one is 2050 01:21:10,460 --> 01:21:12,740 a desktop version and one is a mobile 2051 01:21:12,740 --> 01:21:15,380 version so the desktop version will only 2052 01:21:15,380 --> 01:21:16,460 show on the desktop and the mobile 2053 01:21:16,460 --> 01:21:18,410 version will only show if you're on a 2054 01:21:18,410 --> 01:21:21,080 phone or a screen that's really small so 2055 01:21:21,080 --> 01:21:24,110 to make sure that your menu is in here 2056 01:21:24,110 --> 01:21:27,140 again just click on it and go to select 2057 01:21:27,140 --> 01:21:29,420 menu and make sure it says main or 2058 01:21:29,420 --> 01:21:32,150 whatever you named your menu next we're 2059 01:21:32,150 --> 01:21:34,850 going to change out this logo so just 2060 01:21:34,850 --> 01:21:36,680 click on it and press Delete and then 2061 01:21:36,680 --> 01:21:38,660 we're gonna add in one we're gonna add 2062 01:21:38,660 --> 01:21:41,540 in the a and press insert that looks 2063 01:21:41,540 --> 01:21:43,100 pretty cool and you see it's cut off 2064 01:21:43,100 --> 01:21:44,960 here a little bit on the right side and 2065 01:21:44,960 --> 01:21:47,390 that's because the image size is set to 2066 01:21:47,390 --> 01:21:49,640 thumbnail and not full so we want it to 2067 01:21:49,640 --> 01:21:50,930 be full and now we see the whole thing 2068 01:21:50,930 --> 01:21:53,090 and we can adjust the size here I'm 2069 01:21:53,090 --> 01:21:54,890 gonna make it a little bit smaller and 2070 01:21:54,890 --> 01:21:57,470 let's duplicate it and just click hold 2071 01:21:57,470 --> 01:21:59,360 and drag it to the bottom one and let's 2072 01:21:59,360 --> 01:22:01,040 go over this pencil and exit out of 2073 01:22:01,040 --> 01:22:03,290 there and let's make it in the center 2074 01:22:03,290 --> 01:22:05,630 because when all of this gets squished 2075 01:22:05,630 --> 01:22:07,850 on a small screen it's all gonna stack 2076 01:22:07,850 --> 01:22:09,380 up on top of each other so we want 2077 01:22:09,380 --> 01:22:10,970 everything to be in the center on the 2078 01:22:10,970 --> 01:22:12,920 mobile version alright and we can 2079 01:22:12,920 --> 01:22:14,720 increase the size a little bit on that 2080 01:22:14,720 --> 01:22:16,880 one now we can go over to the social 2081 01:22:16,880 --> 01:22:19,670 media icons and click on Facebook 2082 01:22:19,670 --> 01:22:21,950 actually we'll keep Facebook and for 2083 01:22:21,950 --> 01:22:24,110 Instagram I'm just gonna type in YouTube 2084 01:22:24,110 --> 01:22:27,650 and I'm gonna put in my YouTube URL and 2085 01:22:27,650 --> 01:22:29,810 I'll click on Facebook and I'll change 2086 01:22:29,810 --> 01:22:32,180 it to my facebook URL alright we'll 2087 01:22:32,180 --> 01:22:34,070 hover over the pencil and we'll press 2088 01:22:34,070 --> 01:22:36,260 the duplicate button and we'll just drag 2089 01:22:36,260 --> 01:22:39,050 that below and we will exit out of this 2090 01:22:39,050 --> 01:22:41,030 one and we will Center it so that it 2091 01:22:41,030 --> 01:22:42,980 goes in the center alright that's about 2092 01:22:42,980 --> 01:22:46,310 it so let's press save and exit out of 2093 01:22:46,310 --> 01:22:48,950 there and view page and this looks 2094 01:22:48,950 --> 01:22:51,170 really weird because we're just viewing 2095 01:22:51,170 --> 01:22:53,420 the footer page but if we go to our home 2096 01:22:53,420 --> 01:22:56,810 page and we scroll down we're not gonna 2097 01:22:56,810 --> 01:22:58,490 see it because we haven't added the 2098 01:22:58,490 --> 01:23:00,920 footer to our page yet so what we need 2099 01:23:00,920 --> 01:23:03,710 to do is click on customize and let's 2100 01:23:03,710 --> 01:23:05,030 scroll down so that we can see the 2101 01:23:05,030 --> 01:23:06,920 footer then click on footer or bottom 2102 01:23:06,920 --> 01:23:09,680 and we're actually going to disable it 2103 01:23:09,680 --> 01:23:11,600 and that will leave us with just a black 2104 01:23:11,600 --> 01:23:13,910 bar then we're gonna go back and go to 2105 01:23:13,910 --> 01:23:16,190 footer widgets and select template so 2106 01:23:16,190 --> 01:23:16,700 we're gonna 2107 01:23:16,700 --> 01:23:19,220 select our template that we added so now 2108 01:23:19,220 --> 01:23:21,080 footer is here so we're gonna select 2109 01:23:21,080 --> 01:23:23,690 that and now we see our footer there but 2110 01:23:23,690 --> 01:23:26,060 really there's black space on the top 2111 01:23:26,060 --> 01:23:28,670 and bottom so if we go to select color 2112 01:23:28,670 --> 01:23:30,320 and we make it a different color we can 2113 01:23:30,320 --> 01:23:31,910 actually see it and we don't want all of 2114 01:23:31,910 --> 01:23:33,500 that color there so where it says 2115 01:23:33,500 --> 01:23:35,330 padding we're just gonna put in zeros 2116 01:23:35,330 --> 01:23:37,160 sometimes when you put in one zero it 2117 01:23:37,160 --> 01:23:39,020 doesn't work so sometimes you have to 2118 01:23:39,020 --> 01:23:40,730 put in double zeros so just put in 2119 01:23:40,730 --> 01:23:43,550 double zeros and we still see color on 2120 01:23:43,550 --> 01:23:45,230 the left side and the right side and 2121 01:23:45,230 --> 01:23:46,820 that's because the footer is not 2122 01:23:46,820 --> 01:23:49,100 stretching all the way across so let's 2123 01:23:49,100 --> 01:23:51,200 publish all of that and exit out of 2124 01:23:51,200 --> 01:23:53,570 there and let's go back to our dashboard 2125 01:23:53,570 --> 01:23:57,350 and then go to theme panel my library 2126 01:23:57,350 --> 01:23:59,570 and click on footer and edit with 2127 01:23:59,570 --> 01:24:02,150 Elementor and let's click on the top 2128 01:24:02,150 --> 01:24:04,490 section first and boxed is fine right 2129 01:24:04,490 --> 01:24:07,130 here but where it says stretch section 2130 01:24:07,130 --> 01:24:09,860 let's click on yes and let's click on 2131 01:24:09,860 --> 01:24:12,500 the second section and also press yes 2132 01:24:12,500 --> 01:24:14,750 all right that should solve the issue 2133 01:24:14,750 --> 01:24:16,520 where it doesn't stretch out all the way 2134 01:24:16,520 --> 01:24:19,070 but we also forgot a step here if 2135 01:24:19,070 --> 01:24:20,810 someone clicks on the logo at the bottom 2136 01:24:20,810 --> 01:24:22,400 it should take you back to the home page 2137 01:24:22,400 --> 01:24:25,160 that is the standard way of how things 2138 01:24:25,160 --> 01:24:28,190 work usually so let's click on the first 2139 01:24:28,190 --> 01:24:32,240 logo and under link - let's do custom 2140 01:24:32,240 --> 01:24:34,190 URL and let's put in our website name 2141 01:24:34,190 --> 01:24:36,650 alright and let's do that for the second 2142 01:24:36,650 --> 01:24:39,320 one just click on it go to custom URL 2143 01:24:39,320 --> 01:24:41,900 and put it on our website name now we 2144 01:24:41,900 --> 01:24:44,110 exit out of there and view the page and 2145 01:24:44,110 --> 01:24:47,390 it looks funny but if we go to the home 2146 01:24:47,390 --> 01:24:49,790 page and we see it in a link to our home 2147 01:24:49,790 --> 01:24:51,980 page and it stretches all the way across 2148 01:24:51,980 --> 01:24:54,740 and it looks pretty fantastic now if we 2149 01:24:54,740 --> 01:24:56,690 squish it the mobile version comes into 2150 01:24:56,690 --> 01:24:58,940 play and everything is centered and that 2151 01:24:58,940 --> 01:25:00,140 looks pretty awesome too 2152 01:25:00,140 --> 01:25:01,700 the next thing that we're gonna do is 2153 01:25:01,700 --> 01:25:03,440 change our fav icon and that's this 2154 01:25:03,440 --> 01:25:05,930 little icon up here you could barely see 2155 01:25:05,930 --> 01:25:07,280 it but you see it looks like a page 2156 01:25:07,280 --> 01:25:09,680 right now we want our logo to be in 2157 01:25:09,680 --> 01:25:11,630 there but if we keep our logo as white 2158 01:25:11,630 --> 01:25:13,280 because it's a white background you're 2159 01:25:13,280 --> 01:25:14,900 not gonna be able to see it so I want to 2160 01:25:14,900 --> 01:25:17,300 change our logo into a black logo so 2161 01:25:17,300 --> 01:25:20,180 that we can actually see that icon so to 2162 01:25:20,180 --> 01:25:22,280 do that click on customize then click 2163 01:25:22,280 --> 01:25:25,430 site identity and we can rehear site 2164 01:25:25,430 --> 01:25:28,040 icon should be square and at least 512 2165 01:25:28,040 --> 01:25:30,000 by 512 pixels are 2166 01:25:30,000 --> 01:25:31,910 right so let's go to logo maker.com 2167 01:25:31,910 --> 01:25:35,690 again that's ello geo Mak are with know 2168 01:25:35,690 --> 01:25:38,220 e-comm exit out of there and let's 2169 01:25:38,220 --> 01:25:40,740 search for that triangle again and I 2170 01:25:40,740 --> 01:25:43,560 will speed this up because takes a long 2171 01:25:43,560 --> 01:25:45,540 time to find this triangle all right so 2172 01:25:45,540 --> 01:25:47,550 we found the triangle and now I'm gonna 2173 01:25:47,550 --> 01:25:49,770 make it bigger now if we move this 2174 01:25:49,770 --> 01:25:52,440 layers panel we can see the crop button 2175 01:25:52,440 --> 01:25:54,960 hiding behind it and the bottom right so 2176 01:25:54,960 --> 01:25:58,140 just click on it and if we adjust it we 2177 01:25:58,140 --> 01:26:00,660 can see in the top right the dimensions 2178 01:26:00,660 --> 01:26:03,300 and the dimensions again if we look on 2179 01:26:03,300 --> 01:26:07,500 the website need to be 512 by 512 so 2180 01:26:07,500 --> 01:26:09,840 let's go back to logo maker and let's 2181 01:26:09,840 --> 01:26:12,600 adjust it so we can see the width 512 2182 01:26:12,600 --> 01:26:15,830 and the height needs to be also 512 2183 01:26:15,830 --> 01:26:17,460 there we go 2184 01:26:17,460 --> 01:26:19,590 then let's crop it right here let's move 2185 01:26:19,590 --> 01:26:22,710 it and double click to crop and now that 2186 01:26:22,710 --> 01:26:24,750 it's cropped we can click and drag the 2187 01:26:24,750 --> 01:26:27,480 logo so that it fills it out and try to 2188 01:26:27,480 --> 01:26:29,340 fill it out as much as possible 2189 01:26:29,340 --> 01:26:32,430 then click Save logo alright and press 2190 01:26:32,430 --> 01:26:36,750 download and just type fav icon exit out 2191 01:26:36,750 --> 01:26:39,780 of there and select your image upload 2192 01:26:39,780 --> 01:26:43,560 files select files click on fav icon 2193 01:26:43,560 --> 01:26:47,610 press open and press select and click on 2194 01:26:47,610 --> 01:26:50,340 crop image and now we can see we have 2195 01:26:50,340 --> 01:26:53,730 that cool little a right in the top left 2196 01:26:53,730 --> 01:26:56,400 corner click on publish and exit out of 2197 01:26:56,400 --> 01:26:58,500 there and you have that little icon 2198 01:26:58,500 --> 01:27:00,480 right up there and it looks really cool 2199 01:27:00,480 --> 01:27:03,420 and really polishes off your website so 2200 01:27:03,420 --> 01:27:05,400 that is how you create a website step by 2201 01:27:05,400 --> 01:27:08,430 step with no step skipped I hope you 2202 01:27:08,430 --> 01:27:10,530 love your website and I hope you got a 2203 01:27:10,530 --> 01:27:13,170 lot out of this video and just be amazed 2204 01:27:13,170 --> 01:27:15,480 at what you built it is truly amazing 2205 01:27:15,480 --> 01:27:17,970 what you can do now and we can look at 2206 01:27:17,970 --> 01:27:20,580 our website and it looks really cool we 2207 01:27:20,580 --> 01:27:24,030 can go to the about page awesome our 2208 01:27:24,030 --> 01:27:27,470 services page is beautiful 2209 01:27:27,470 --> 01:27:29,540 click start' and go to the contact page 2210 01:27:29,540 --> 01:27:31,940 and i think that we did a really really 2211 01:27:31,940 --> 01:27:34,190 good job we could click on this bottom 2212 01:27:34,190 --> 01:27:36,230 logo right here and it should take us 2213 01:27:36,230 --> 01:27:38,660 back to our home page and it just looks 2214 01:27:38,660 --> 01:27:40,940 amazing now there is one more thing that 2215 01:27:40,940 --> 01:27:43,460 we need to do and that is to log out so 2216 01:27:43,460 --> 01:27:45,980 we can view it as the visitor so just go 2217 01:27:45,980 --> 01:27:47,930 over to the top right and hover over 2218 01:27:47,930 --> 01:27:50,870 then click log out and then visit your 2219 01:27:50,870 --> 01:27:53,420 site just like a visitor would and you 2220 01:27:53,420 --> 01:27:56,060 are done creating your website so I hope 2221 01:27:56,060 --> 01:27:57,680 you loved this video please remember to 2222 01:27:57,680 --> 01:27:59,420 comment rate and subscribe 2223 01:27:59,420 --> 01:28:03,490 I'm Tyler Moore thank you so much