Skip to playerSkip to main contentSkip to footer
Educated channel
  • 6/14/2025
great work

Category

📚
Learning
Transcript
00:00As you can see, if you have a good active, active, engaging, and more, then you can see your website as well as you can see.
00:20If you can see your website as well as you can see, then you can see your website as well as your website.
00:26And it is so beautiful that you can see the heart of the heart of the heart of the heart.
00:32This video will be designed by your website as well as people will scroll down and say, wow, it's been a fun.
00:41This website is the heart of the heart of the heart of the heart.
00:44Because in this video we are going to learn how to install the elementor, how to activate it and how to do it.
00:51This is a very difficult task.
00:56With the elementor, we will use the drag and drop feature to our homepage.
01:01With this, we will design our banner and header.
01:04How can we use the background, animation and farts to our website?
01:12How can we create a responsive homepage so that this device can be proper load and perfect?
01:20And with this video, I will tell you how to use your homepage.
01:23We will do so much loading speed and optimization so that Google can see your website.
01:29This video is for everyone who wants to make your website professional, engaging, and feel free.
01:35It is also without coding.
01:37If you have a video, please like, comment and share it with your friends.
01:41The next video, we will learn how to build your homepage.
01:44What's your schedule in this video?
01:45What are you doing in this video of interpreting and what you're going to know how to do?
01:50How to use your website, how to implement your information.
01:51So how do youANDR, how to use your website, how to implement your homepage.
01:55to use different plugins. But as a beginner, we will teach you how to use Elementor
02:03to create a complete professional home page. We will teach you how to convert this page
02:12and how to create a proper page. We will use this color combinations to use. How to add
02:21a new location. The location and the place of a new location is the most difficult
02:27option. So, we must look at location, which we have to set a list, which we can
02:33also remove. We also have to use different fonts. We have to see how we can
02:38design our home page. This is the link. Then you can use your site to find it
02:41the site or blogging site. You can also use a website for a new site. You can also
02:45use your site as well as you can use the site. You can use a web page like
02:48If you want to go to a showroom, you will see the first look in the first look.
02:52If your home page is a proper design, then you will see the 99% chance that you will get in return again.
03:01So, how do we use our home page? What do we need to use?
03:06In Elemental Pro and Elemental Free version, we will see the options.
03:11We will see the difference between the two options.
03:14If we use the Free version, then we will see the limitations.
03:18If we go to the Pro, then we will see the extra features.
03:22We will discuss practically with you today.
03:25So, let's start with the laptop screen.
03:28Yes friends, I have opened a website that you already know that we are designing our own WordPress series.
03:38Now, on this website, we will see all of you here.
03:43Now, you can access this website and check if you can see what we have created in the video.
03:51Now, I have opened a website.
03:54After opening this, you will see the latest post here.
03:58Here are the latest articles and blogs that you will see.
04:03Now, we have to use these blogs to set the content.
04:06Let's see.
04:07We have a content.
04:09They will see the users' content.
04:11We will see the user here and the categories.
04:13We will visit all of them.
04:14So, what do we do here?
04:15We will make a home page.
04:17Home page, we will tell them who we are, who we are, who we are, what we are, what we do.
04:21We will make a case studies on our own website.
04:24Then, we will make a website on our own content.
04:27If we go to a front page, we will be engaged in engaging customer, engaging visitor, which has been used by a website.
04:40Now, let's look at our homepage.
04:43For this homepage, we will use Elementor.
04:47For Elementor, we will go to Plugins section.
04:52Here, I click on Add New Plugins.
04:57Here, I will ask you which plugin you want to install.
05:01I will say that you need Elementor.
05:04Here, I will search for Elementor.
05:07I will search for Elementor.
05:09Here, I will search for Elementor.
05:13Here, I will search for Elementor.
05:17This is more than just a page builder.
05:21Then, we will install it.
05:22Now, what do you need to install?
05:25Here, you will install it.
05:26The next feature you will install it.
05:28After you install it, you will activate it.
05:31There is only two clicks that are applied.
05:34Here, it is a big problem.
05:36People have used to install it.
05:38This is a big problem.
05:40You are not allowed to install it.
05:42And you don't need to install it.
05:44I have installed it.
05:46Here, we will install it, and we will install it.
05:49get Elementor Pro
05:52If you click on Get Elementor Pro
05:55then you will redirect it to Elementor website
05:58This should not be able to do
06:01because you are a blogger zone
06:03You should redirect it to the blogger zone
06:06Now you will contact the number
06:09You will only send message to Elementor Pro
06:13Within minutes you will get Elementor Pro
06:17If you want to join you, it is a free of cost
06:20You will also need your chance to withdraw
06:23If you want to want something, you are like this
06:26This video is a good way to жil�ly comment
06:30Share this will be enough
06:32Here we will develop this in free
06:34In free version we will see that
06:37If you want to work with Pro Pro Pro
06:40You will always take it
06:43Now you will have Elementor install
06:46We are going to the pages section and we are going to the homepage.
06:50For the homepage, first of all, we will create a page.
06:54We will add new page.
06:56Now, we will create a page which we will name the homepage.
07:02Now, we will create a landing page or a landing page.
07:08You will know that you will create a homepage.
07:11This page can be found on the website.
07:15Now, here we have a title.
07:17In the title, I have a homepage.
07:20I have a homepage.
07:22After this, you will click on the page.
07:25You will create a page and publish it.
07:30Now, you will see that you will create an option to edit with the elementor.
07:34You will click on the elementor and you will create an editor in the elementor.
07:40Now, you will see the notification here.
07:43You will discover new superpowers.
07:46Let's do it.
07:47Then, you will see it.
07:49Now, we will see R8 block zone.
07:51We will see all these things practically.
07:53You will click here.
07:55You will click here.
07:57Now, we will see here.
07:58Here we will see the main story of your story.
08:00Here we will see the elements.
08:02Here we will see the elements.
08:03First of all, you will have a design for you to follow.
08:07What is this?
08:08You will see that when you have a sketch, a template for you will be found.
08:12So, you will have a better idea.
08:15You will see what you have to do.
08:17You will see where you have elements.
08:19So, you will adjust your website to you will be very easy.
08:24Now, we will go to Google.
08:26Google will go to Google.
08:27Then, I will give you home page designs.
08:30Home page designs.
08:32We will go to images section.
08:34Images section.
08:35You will see different home page ideas.
08:38You will see which idea you have to suit.
08:43You will just copy it.
08:45In our case, I have a home page download.
08:50Here we have a website complete snapshot.
08:53Here we have a header.
08:55Here we have a header.
08:57Here we have some services.
08:59Here we have some studies.
09:01Here we have a latest blog post.
09:05Here we have a header.
09:07Now, if you have a client for your work,
09:10the client will tell you the demands that you need to do.
09:13If you need this element in your home page,
09:15you will need to adjust it.
09:17But if you want to make it for yourself,
09:19then you can use different sketches.
09:22You can design a pro home page.
09:25Now, we will go back to our page page.
09:28First of all, we want to make a header.
09:31This is a header.
09:34Here we have a header.
09:36Here we have a text.
09:38Here we have a text.
09:40Here we have a button.
09:42This is a text.
09:44You will have a limited option.
09:46You will have a Photoshop.
09:48Or you can add this image.
09:50You can add it.
09:52So you can add this text.
09:54And you will have to add it.
09:56You can add it.
09:58You can add it.
10:00This image will be built in this image.
10:03Here we have the first image.
10:06Here you can see that you have a dashboard.
10:09First of all, you have two options.
10:13You have a flex box and a grid.
10:16I will give you a suggestion that you will use grid.
10:19Here you have a few elements.
10:22You have one, two, three, four, six.
10:25You can add two elements.
10:28You have two add.
10:30After, you have two different options.
10:34You can add one thing.
10:36Here I will click on the first box.
10:38Here I will say that this image is a small image.
10:43However, there are different options that you can add to this image.
10:48You can add to it as an element that you will drag and drop.
10:52Then you will add an image.
10:54Here I will click on the image and drag and drop it.
10:57drop car dunga. So, here we have image frame here.
11:01Here we have image resolution.
11:03This is the resolution.
11:06This is the theme setting.
11:09This is the theme setting.
11:13This is suitable.
11:15You can adjust it.
11:17Here we have choose image.
11:19Choose image.
11:21Here we have media library.
11:23So, this is the option.
11:29If you can select it on the image.
11:33select file click in the past you can remove the file take your computer
11:37as like here you need this thumb link
11:39then you can open it
11:40after it open it
11:43you can take it off
11:44after this file here you put your file upload
11:46you can take it
11:48this image
11:50on the text
11:54click on the image
11:55and you can install the image
11:58that is applied
11:59now you can see image
12:02we click on it and then we ask if you have a plugin installed that you can optimize
12:08and then we will learn how to optimize the images and how to compress the images and
12:15how to do it.
12:18If you want to add something in caption, if you want to add something here, I will say
12:23custom caption.
12:24If you want to add some extra link here, you can add attachment caption.
12:29If you want to add some extra link to the image, you can click on it.
12:34If you want to add custom caption, you can tell me what to do.
12:38I will say that this is Rocky Mentor Channel.
12:42I will say that this is a video about it.
12:44As you can see, you can click on it.
12:48If you want to add a link to the option, you want to add a link to it.
12:52Then you can add media file and custom your file.
12:55If you want to add some media file, if you want to change, the image is open to it.
13:05We publish it.
13:07And after publishing it, we are going to our website to see it.
13:11We will check the image here.
13:14If I click on this image, the image will open and pop-up menu will zoom in.
13:21But if I click on this link, then I click on custom URL.
13:25Custom URL to click on this link is www.bloggyzone.com
13:31Then I click on enter and press this link to my image.
13:36Now I publish this link.
13:38Let's go to the page where we have added.
13:41Now when I click on this image, the user will redirect me to my website bloggyzone.com
13:48because we have added a link to this link.
13:52So here you can see that this is our website open.
13:56If we look at the next list, there is a style option.
14:00You can click on this image manually.
14:06If I click on this link, I will click on this link.
14:16You can see the link.
14:18If I click on this link, I will click on this link.
14:19The next option is the next option.
14:24The analysis we need to do is ask you if you're looking after it.
14:30It is clear that you need to do a point on the effect.
14:38In this case, I have opacity.
14:39In this case, when I come down to the image, it will be smaller.
14:45If you have opacity, the opacity will be smaller.
14:47In the case of opacity, you will have lower the opacity.
14:51He has the normal opacity image.
14:53If you see a new image, this image will look for an effect.
14:57If you look for a full opacity, you can draw a transition.
15:01Now, look over here.
15:03You can see a different effect and animation.
15:08Let's see here this animation option.
15:11You want to show the pulse.
15:13Make the pulse.
15:15You want to show the animation.
15:17You can use the animation.
15:19What will happen to you?
15:21When you are going to the point, you will see the effect of your effect.
15:25Now, the duration of this effect is the effect.
15:29The duration of this effect is the effect of your effect.
15:32Then you have border drive.
15:34If you want to make border drive, then you will see the effect of it.
15:37The effect of solid is solid.
15:39Now, I will be 20.
15:41If you want to make it more or less,
15:43if I want to make it more or less,
15:47you will leave the page and the purpose of creating text.
15:49Once you get your ability,
15:52... then now you will follow the other cookies.
15:54Then you will see the Muslim threshold is five.
15:56You will see them only in effect.
15:58Lets receive a more pictures!
16:01If you want to to use it,
16:03there will be any pictures upside down.
16:06And now you can,...
16:07If you want to perform a date,
16:10and then you can...?
16:12Yes, you remove them from the color.
16:14I willention you and be here like color,
16:16now if you have to come here, you will see that the color of the border is red.
16:20After the video you will see the radius of the border.
16:23If you have a corner of it, this is where you will be.
16:25I am here telling you that you will have to go 20 more.
16:28The corner of the image will be here.
16:31We will close the cover to this one so that we can see all the effects.
16:38After you have a box of this image.
16:41If you wish to use shadow, you will click on the box.
16:44shadow you have horizontal, vertical, blur, or not, then you have to add it to the spread
16:53so you have to add it to the shadow of the effect.
16:56In the bottom you have a caption setting which you have to add.
17:01In the captioning you have alignment that you have left, right, center, where you can adjust.
17:06Then you have a text color.
17:08If you have color change, then you have to change the color.
17:11Then you have a background color.
17:13If you have a page, which is a caption, then you can add a background,
17:20then you can add a background.
17:25You have to have a typography, which will be font, size, weight, transform,
17:32and if you want to add a color, then you will see the option.
17:38Then you will see the spacing option.
17:41If you want to do spacing, then you will see the element of the element.
17:47Then you will see the element in advance.
17:50In advance, you will have margin.
17:52If you want to add margin and padding,
17:54then you will see margin basically.
17:56You will see the frame and border inside.
18:00Margin basically, you will see image inside.
18:03And padding is completely inside.
18:05After fibrosis, you want to change the material��에.
18:06Then you have some references.
18:07Then you can add these tools.
18:08In thecription dat
18:09al thanked ones.
18:10Then you have some limitations.
18:11Get Chinese stickers to create a form.
18:12Yes, you have some improvements.
18:13Here are the elements
18:28in return.
18:29enter where you can align so you can do it.
18:32After you have this order that you have to enter or start
18:36then you can drag one element to the other element.
18:40After you have size option that you can do it full width,
18:42lower, and increase.
18:44You can see different options.
18:46You can see different options.
18:48After you have to do it absolute.
18:50If you have to do it absolute,
18:51then you can see an option that you can track where you can move.
18:58We can see default options.
19:03You can see display conditions.
19:05You can see display conditions.
19:07You can see device on the other side.
19:10But you can see pro version.
19:13Motion effect option.
19:15You can see scrolling effect, mouse effect, sticky effect.
19:19You can see lock.
19:22Locked is the effect that you can see in pro version.
19:27If you need pro version, you can see it in the comment section.
19:31Or you can see it in the description.
19:33You can see entrance animation.
19:36This is an animation that you can see in the previous version.
19:40If you click on this page, click on fade in.
19:44When I open the page, you can see fade in.
19:49You can see this effect on fade in.
19:52You can see different animations.
19:56You can see an animation that you can see.
19:57When you come to the bottom, you can see animation delay.
20:00Then you can see animation delay.
20:02If you click on the right, then you can see animation delay.
20:04If you click on this page, then you can see how much time it will go.
20:08Normal.
20:08Slow?
20:09Then you can see it.
20:10Fast, then you can see it.
20:12Then you can see the speed speed speed speed.
20:13If you want to adjust this to the mili seconds, then you can manually adjust it.
20:17Then you can see the transform option here.
20:20We click on the rotation option here.
20:24Then you can see the offset card.
20:26If I use rotation, then you can rotate it.
20:30Then you can create offset option here.
20:32Then you can click on the axis axis or y axis axis.
20:37Then you have scale option.
20:39that you can scale,
20:42that you can scale.
20:43So, how much you can scale it,
20:45you can scale it.
20:48Scale after you have skew.
20:50If you want to create effect,
20:54you can create effect.
20:57X axis and Y axis,
20:58you can see effect.
21:01Which you can adjust,
21:02suitable, you can adjust.
21:04If you want to flip this element,
21:07So you can flip it from here.
21:09You can flip it from here.
21:11Then you can flip it from here.
21:13Next option comes to background.
21:15Background click here.
21:16Background click here.
21:18First is normal.
21:20Second is hover.
21:21Normal is here.
21:23I will say that background is red color.
21:26If you want to add a gradient.
21:29If you want to see gradient.
21:32You can see gradient gradient.
21:34N Guanq Paak jevis nalgel here.
21:37If you want to sieht the same,
21:37you can makeằn on top of your준ES you can create.
21:39If you want them here solid color.
21:41If you want to ask them.
21:43If you want to see a diez color after that.
21:45The background here comes to a 5.
21:47Jeanne with thatustoio choice.
21:49So you can use it and thatfour of them.
21:52Background and foreground are positions on top of that.
21:54After unit resolution on top hair,
21:56then you should display it,
21:58from this slow motion here.
22:00If you want to click the resolution,
22:02then you can Simpsed
22:03Resolution will increase.
22:05You can scroll or fix it.
22:10Repeat option is that if you put it in small pieces,
22:13then you can repeat it.
22:17Display size option is that you can auto, cover, contain, or custom size.
22:24Next option is border.
22:26After clicking on the border, I will write 35.
22:31This is border radius.
22:35This is background image.
22:37You can see this radius.
22:39You can see it on the hover.
22:41You can see it on the hover.
22:43If you want it to be solid,
22:47you can see it on the dotted line.
22:51You can see it on the dashes.
22:55You can see it on the border.
22:57Then you can see the container.
23:01First we have a shadow.
23:03Now we have a whole container.
23:05We have a whole container.
23:07You can see it on the other side.
23:09You can see it on the other side.
23:11You can see it on the other side.
23:13You can see it on the other side.
23:15Next option is the mask.
23:19If you want to see it on the other side,
23:21you can see it on the other side.
23:23You can see it on the other side.
23:25You can see it on the circle.
23:27This is the foreground image.
23:29This is the mask.
23:31If you want to see it on the bottom of the other side,
23:45Yes, Feel the نظر in top ofپنcion.
23:47All of that means the correctly.
23:49Then you can see it on the site.
23:51and you can add a mask.
23:53Then you have a repeat option.
23:55If you repeat it, you will be able to do it.
23:57If you repeat it, you will be able to do it.
23:59Then you will be able to do it.
24:01Then you have a responsive option.
24:03Then you can select this element.
24:05You can select this element
24:07desktop, tablet or mobile
24:09hide.
24:11Then you can hide and show.
24:13Attributes can see different options.
24:15But these are pro button.
24:17Custom CSS
24:19and you can see it.
24:21But you can see it as a pro feature.
24:25Then you can see button.
24:27Then we have a button.
24:29You can add a button.
24:31The image we have added.
24:33Now we will go to the elements
24:37or widgets.
24:39You can see the icon.
24:41You can add 2 boxes.
24:43Now you can click on the button.
24:45If you want to click on the button,
24:47you can click on the button.
24:49You can click on the button.
24:51You can click on the button.
24:53You can drop the button.
24:55You can click on the button.
24:57Here we go.
24:59I will say click to watch.
25:01This is my video.
25:03I will click on the button.
25:05You can add a button type.
25:07You can click on the button.
25:09Follow these box.
25:11And you can see the button.
25:13You can click on the button.
25:15If you like this,
25:17You can click to watch.
25:19Click to watch.
25:21If you click on this page,
25:23For the button
25:25You can click on the button.
25:27If you click rightth��,
25:37Link in the description of all the other ways.
25:42I can click on the icon library.
25:50I can click on the icon here.
25:52If I click on the icon icon, then I can click on the icon icon.
26:00I can click on the icon icon as a 잘.
26:03and this button idea you can create.
26:06In this button setting you have the option to get the option.
26:09In styles you can change the color, background color,
26:13and the color color.
26:15and the position you can adjust.
26:17In advance you can also get the option which we have already understood.
26:22But here you can see the button below.
26:25I will drag it over here.
26:28So this button will not move.
26:30Because this is fixed position.
26:32If you want to get the option here.
26:35After you have the option,
26:44you will change the option.
26:50You want to change the option of the option.
26:53You want to move the option of the option.
26:55This button setting you can change.
26:58Now, you can hide the full page view and check the full page view.
27:05After that, you can see the full page view of this setting, but when you see the full page view, you can see the elements of the spacing.
27:16First, you can add a button here.
27:21After that, you can see our services and services provide section.
27:25You can see your usage in thecott on here.
27:30Now, hi, you can see the option here zoom icon with the same data ellemen button.
27:37Then do theなんか click on the turn안自ta, in thelight, select and press links.
27:38Share your shaded options.
27:43link to see and add the template view.
27:48You can see a header also through text editor.
27:52I will click the text and paste the text section in the text section.
27:59I have the text section here and I will fold the text section.
28:04If you want to keep the text section, if you want to keep the text section, then you can keep the text section section.
28:13For this setting, we have a special option which we have to add to the style.
28:20After you have a text color, it's a front color, it's a front color.
28:26After you have a alignment that you have to align it to the left, right and center.
28:31In advance, you will have different options which you can adjust.
28:36This is the same option which we have already learned.
28:40Here we have this element and this element is a lot of space.
28:45This space is basically the button which we have moved.
28:50What do we do here?
28:51We click on this element and click on advance.
28:55In advance, we will do the position here.
28:58Absolute.
28:59Absolute.
29:00After you click on the position here, click on the button.
29:03Drag on the button.
29:04Drag on the button.
29:05Drag on the button.
29:08If you want to do this element, you can have this option and see if you want.
29:10Also, this option in the form, you have the same option.
29:12Transform.
29:13After you click on it, right and check off the button.
29:15You can see your axis to your axis.
29:17Turn it away from area, right.
29:18Now click on it.
29:19Check this color.
29:20Now click on it.
29:21This color is red, so I put it color change.
29:23Color change we have the element.
29:25The color change we have the element, here we will change.
29:27Luxe color is.
29:28Depending the color took a color, I click the red, I select the color.
29:30Then select the red.
29:31D temples then select the line.
29:32Then I click here.
29:33Next, this is our services which we provide.
29:34This is a heading heading which has been normal.
29:36heading is normal text heading add
29:38for the video ad element
29:40click into the heading heading
29:42heading heading
29:43heading heading
29:44heading
29:46search space with provide
29:48service with provide
29:50do you need to save the link
29:52as well for this
29:54it will be done
29:56sitting with setting
29:57what you want
29:58heading
30:00this is where animate
30:01as well
30:02it also has
30:03Elementer Pro
30:04pro hoonna chahiye style ke in dher jayenge style ke in dher humare paas pherse wohi option
30:08hai, hap nne is ka text ka color kone sa rakhna hai, hap nne is ka font kone sa rakhna hai,
30:12hap nne isko stroke dheena hai, shadow dheena hai, jow bhi element hap yaha pere add
30:15karene chahiye mokha saktay hai. hap dhono ke indher gap hai, gap ke liye hap
30:18dhubarha yaha pere advance ke upor jayenge. advance ke upor jane ke baad hap yaha
30:22se position ko absolute kare lenge. absolute karne ke baad hap yaha pere drag kar
30:26lenge. drag karne ke baad jahaan pe bhi aap nne isko rakhna hai,
30:30hap yaha pere klik kar ki isko drop kar dhe. hap yaha pere page yahaan
30:36tk complete ho chuka. next, yaha pere dhekhen, hap ke paas yaha image hai, image ke
30:39upor ek icon hai, icon ke baad yaha pere niche heading hai, aur kus text ki detail hai.
30:44hap yaha ead karne ke liye hap yaha pere different option hai. uske liye hap
30:47chaltay hai, yaha elementer ke home page ke upor elementer ke dashboard ke upor to yaha
30:52pere agar main add element ke upor klik kata hong, to yaha pere dhekhen, hap ko
30:55dhekhen ko milye ga layout, hap container leye sakte hain, green leye sakte hain, uske
30:58baad hap ko paas basic ke anndar heading, image, video, button, divider, spacer,
31:02ye different option mujud hai. agar hap isko niche scroll karke, thoda sa end
31:06pe lye ke jayenge, toh hap ko paas yaha pere image box hai. ab image box ke
31:10anndar hap image bhi laga sakte hain, uski detail bhi laga sakte hain. icon box hai,
31:13isme aap icon add kar sakte hain, uski detail bhi laga sakte hain.
31:16hap yahaan se bhi laga sakte hain, agar hap chahehen, toh yaha pere binaa sakte hain.
31:20hap yahaan peh yaan toh manuali tariqa yuse karayenge yaa ham yaa peh auto manuali
31:38joha ap loge sath method shiir kiya, hap usko bhi yuse karasikte hain. hap yaha peh
31:42manuali binaayenge auto ko hum baad further, step by step, jab hum discuss karayenge,
31:45jekeいき chose karayenge, tabh hum issues ko bhi d也可以. Ab USA shee, in fact image
31:50kye u
31:55hap Glen raha peh yaan peh yae hapani aipater ke inndar here peh jame
31:59ga geloo edhi yaeha peh grede ke ha bizarre book hate, yaeha peh yae hapar
32:08We will drag this block and here we will drag it.
32:15Here we will add 3 blocks.
32:17First of all, we will add elements here.
32:20You can also add elements here.
32:22First of all, we will add images.
32:24We will click here.
32:26Click here.
32:28If you want, you can drag it.
32:31Choose image.
32:33Choose image.
32:34Here we will select the image.
32:38Next, we will add another image.
32:40For the second, we will add elements here.
32:43We will drag it and drop it.
32:46Here we will choose the image.
32:50Next, we will click on the third block.
32:54We will drag it and click on the image.
32:57Then we will attach the image.
33:00Three images will add.
33:02Next, we will also go back to the image.
33:05We will drag this icon to add a different style.
33:07And this we will drag the image.
33:09Here's the image.
33:10Now we will see if we can do it.
33:11It's possible to do it.
33:13We will drag it.
33:14Now, click here.
33:15We will click here.
33:16Here we will turn the icon.
33:17In this icon to see when we click here.
33:19After we press the icon to drag it and click.
33:20Let us drag it down here.
33:21Let us drag it down here.
33:22Then we will drag it to do it
33:23and drop it down here.
33:24left right to do it, but you can add this to it.
33:27Because here we have 3 boxes.
33:31If I drop this side,
33:33here we can create a different box.
33:36We don't need to do it.
33:38Here we can drag the icon and drag it.
33:42After we drop this position.
33:45If you want to make this position,
33:48then you can add 3 icons to set it.
33:52We click here and click here.
33:55And then we will click here,
33:57Here we have 3 icons.
33:59Then we have 3 icons.
34:01Here we can make this position.
34:03Here we can drop.
34:05Icon drop here.
34:07Here we can open that option.
34:09You can see how to apply this icon.
34:11If you want to upload a file,
34:14you can also create a icon.
34:17Icon library.
34:19I am going to attach the elements.
34:22If you have any store, you can use it.
34:25If you have any option, you can use it.
34:30If you want to attach the elements and icons, you can use it.
34:37You can use it.
34:40We can use it.
34:42Click on YouTube and click on YouTube and I will use it.
34:49Then click on The next button.
34:52Click on the icon button.
34:53Here we go from Facebook.
34:55We search the link and have the link up.
35:00Then click on the icon button.
35:03Click on the icon button.
35:05I will check on the icon button.
35:07Click on the icon button.
35:09Click the link to the icon button button.
35:11to add three icons.
35:13Here you can see the three icons on the image.
35:17What do we do?
35:19We change the block.
35:21We change the block.
35:23We change the block.
35:25We change the block.
35:27We change the transform.
35:29We change the transform.
35:31We change the offset.
35:33We change the Y axis.
35:35We change the move.
35:37As you can see,
35:39we change the button.
35:41Here we have a background.
35:43Here is normal.
35:46Here is the normal icon.
35:48Here is the color.
35:50Here is the icon.
35:52Here is the circle.
35:55Why?
35:56Because I am using the mask.
35:58I am using the circle.
36:00Unlit it.
36:02Put the position to the left, right.
36:04Change the position.
36:06Where is the circle?
36:08Now, when you do now have some custom icon pioneering here
36:14If you can see here, the icon dot goes up here
36:18and if we come back to padding, we are starting to open the other part
36:21and you can open the link to it
36:23After that, we click top pane from the bottom pane
36:24window will get nude
36:27Here, this box will put it Crow which results
36:30Min Dosama palette
36:31So now, you can put an icon text Посという
36:35Here, you can see a shadow option.
36:39You can also use shadow option here.
36:42If you want to see shadow option, then you can also use shadow option to see.
36:50You can also see here in order.
36:52You can also have a box of shadow option here.
36:55You can also select the border option.
36:58here we have a color change here we have a color change here we have a color change here
37:06so you will have an effect so you will have the rest of the icon setting you have one
37:12complete setting so that you don't have any doubt here we have youtube complete
37:18ھائی کون کو سیکھ کرنے کے بعد یہاں پر دیکھیں آپ کے پاس یہ option ہے کہ آپ اس کو stack میں لے کرنا چاہتے ہیں
37:25frame لینا چاہتے ہیں یہاں پھر اس کو divide رکھنا چاہتے ہیں آپ یہاں سے اس کو select کریں گے
37:30آئیکن کو select کرنے کے بعد اب آپ نے یہاں پہ اگر اس آئیکن کے پر کوئی link لگایا ہے تو وہ آپ لگا سکتے ہیں
37:36next ہم آ جائیں گے style کے اندر آنے کے بعد یہاں پہ دیکھیں آپ کے پاس alignment کا option ہے
37:40نیچے آپ کو normal اور hover option مل جاتے ہیں background color آپ نے کونسا لگانا ہے تو
37:45So YouTube, if you remember it, it's red color.
37:47So we can select the red color.
37:50If you look at the secondary color,
37:52if you look at the core color,
37:53which is on top of your icon,
37:55then you can change it.
37:57Then you can see size option.
37:59You can see size option.
38:01Paddy option.
38:02Rotate option.
38:03You can see three effects here.
38:05Advanced in advance.
38:06Advanced in advance.
38:08Here we have a default option.
38:11Margin and padding option.
38:13If you want to create this column,
38:17or draw, then you can create it.
38:19Align option.
38:21You can do alignment.
38:22Then you can order it.
38:23You want to start or end.
38:26If you want to create a size,
38:28then you can create two options.
38:30If you want to create a default option,
38:33then you can drag it and drop it.
38:37If you don't like it,
38:38then you can transform it.
38:41If you don't have to drop it down,
38:43you can select it.
38:44Then you can select it on the side,
38:45then you can say,
38:46then you can see that button adjust your left.
38:49After the next step,
38:50we will return to layout options.
38:53In layout options,
38:54we'll see the position of motion effect.
38:57If you want to do the effect,
39:01तो fade in का option मुझे इस तरह से देखने के मिले है इसके बाद अगर आप यहां पर कोई और भी लगाना चाहते हैं तो मैं already आपको बता चुका हूँ कि आपके इस तरह से यह वाला effect लगा सकते हैं नीचे transform का option है
39:11Transform के उपर की करने के बाद आपके पास rotation का option है scale का, skew का और flip के option आपको देखने के मिल जाएंगे
39:17Background के अंदर आपको यहां पर background type का option मिल जाता है आप यहां पर background भी लगा सकते हैं
39:22Hover can also be effect
39:24Shadow option you can see
39:26Mask in this image
39:28Mask in this image
39:30Which you can also be position
39:32Responsive can also be show
39:34Here is icon
39:36Here is heading
39:38Heading add to add element
39:40Here is heading drop
39:42Here is the technology services
39:44Here is technology
39:46We will have this
39:48AdSense approval
39:50AdSense approval
39:52Here is the video
39:54Heading add
39:56H1, H2, H3
39:58You can also make it
40:00If you want color
40:02You can also make it
40:04Style option
40:06You can also make it
40:08You can also make it
40:10Advance
40:12Transform
40:13Transform
40:14Offset
40:16Offset
40:18That you can also make it
40:20As you can adjust it
40:22In this way, you can add heading
40:24To add the description
40:26As you can add
40:28Here is the text
40:30We will drop it
40:32Here is the setting
40:34This will be the description
40:36Here is the description
40:38After the text
40:40Let's see
40:42As you can add
40:44By the way, you can make it
40:46As you can add
40:48To make it
40:50I'm going to add
40:52To make it
40:54As you can add
40:56To make it
40:58As you can add
41:00There is a way
41:02This box is completed
41:04Then we will use the button to add element to the button.
41:11Then we will click and drop button to add button.
41:15We will use the position to add button.
41:18We will use the details and link to add element.
41:21Then we will use the next option to add button.
41:25In this option we will have image, text and button.
41:29We will use the image, text and text and text.
41:34If you can make it in Photoshop, it will be easy.
41:37You will not have to use the manual.
41:40You will have many things to add.
41:43If you can make it in Canva, you can make it in 3 images.
41:49In these images, you will have external link to add.
41:53Then we will see the case studies and heading option.
41:57We will use the same process.
42:00If we do the same process, we will be very boring.
42:04Then we will see the same formula.
42:07We will use the same formula.
42:09You will use the same grid box.
42:11You will use the same images.
42:12We will use the description.
42:14We will already add.
42:16We will have the icon icon.
42:18We will use the slider.
42:20We will go back to add element.
42:22After we have the slider added.
42:25We will use the slider.
42:27Let's check the slider the slider.
42:30We have the slider itself.
42:32I have the slider that has.
42:37We have the slider and image where we can be added.
42:39We will add images.
42:40can go have a select.
42:42gallery
42:44can go inside.
42:46add
42:48here you can see
42:50name
42:52resolution
42:54adjust
42:56here you can see
42:586 icons
43:00here
43:02we have 6 icons
43:04here
43:06here you can see
43:082 or 3
43:10scroll
43:12next effect
43:14here you can see
43:16this slide to scroll
43:18here you can see
43:20here you can see
43:22here you can see
43:24here you can see
43:26image stretch
43:28here you can see
43:30full image
43:32here you can see
43:34navigation
43:36arrows and dots
43:38here you can see
43:40here you can see
43:42now
43:44here you can see
43:46here you can see
43:48we have
43:50uploading
43:52here we can see
43:54here and
43:56here we can see
43:58now
44:00here
44:02this is the way you can see it.
44:04Here you can see it in two sides.
44:06We can scroll down here.
44:08Here we can stretch it so that you can see it in the icon.
44:12Here you can see it in the Pro widget.
44:14Here you can see it in the Freeware version.
44:18Here you can see it in the additional option.
44:22Here you can see it in the lazy load.
44:24If your website's loading speed is low,
44:26or you can see it in the website,
44:28or you can see it in the internet slow,
44:30then you can see it in the normal way.
44:32Then you can see it in the page.
44:34You can see it in the lower load.
44:36After this, the user can see it automatically.
44:38The slides automatically change.
44:40Next is the pause on hover.
44:42For this, you can see it in the switch.
44:44Then you can stop.
44:46If you see this,
44:48you may see it in the dark.
44:50The speed of the user is 5,000.
44:54Here you can see it in the 5,000 milliseconds.
44:56Now you can see it in 100 milliseconds.
44:58hundred mili second
44:59so you can see
45:00speed
45:01every second
45:02change
45:03you can see
45:04infinite loop
45:05here
45:06repeat
45:07you can see
45:08sliding
45:09you can see
45:10direction
45:11left or right
45:12so you can change
45:13you can see
45:14style
45:15here
45:16arrows
45:17you can see
45:18inside
45:19or outside
45:20you can see
45:21arrows
45:22you can see
45:23arrows
45:24you can see
45:25arrows
45:26you can see
45:27inside
45:28inside
45:29inside
45:30inside
45:31inside
45:32inside
45:33inside
45:34inside
45:35inside
45:36inside
45:37inside
45:38inside
45:39inside
45:40inside
45:41inside
45:42inside
45:43inside
45:44inside
45:45inside
45:46inside
45:47inside
45:48inside
45:49inside
45:50inside
45:51inside
45:52inside
45:53inside
45:54inside
45:55inside
45:56color is higher that when I get into red, my dot will open the œ is smaller and
46:00in the Boden is too much from blue.
46:07So you will see image language to see space sideways.
46:18The border width is square and the border width is same.
46:24so here you can create different effects
46:27in advance there is layout option
46:29layout after all options
46:31which we have already discussed
46:34here you can see text
46:36heading
46:38heading
46:40image
46:41button
46:42heading
46:43learn more
46:44description
46:45here you can see
46:47pages
46:48here you can add pages
46:51here you can add pages
46:53here you can add a menu
46:55but you can add a feature
46:57canva pro
46:59canva free
47:01next
47:03here you can add
47:05text
47:06here you can add
47:08different options
47:10location
47:11add
47:12map
47:14map
47:15map
47:16map
47:17map
47:18map
47:19map
47:21here you can add
47:23location
47:25location
47:27location
47:28location
47:29where you can add
47:30location
47:31zoom
47:33within the
47:35location
47:36here you can add
47:37here
47:39to the city
47:40which you can search.
47:41Then you have a height option.
47:43You have a map and height.
47:45Then you have a style.
47:47You have a normal option.
47:49You have a homeer option.
47:51Next, we have a option which we have already discussed.
47:55Then we have two elements.
47:57We have two elements which we can use and design.
48:02Add element.
48:04This widget is global.
48:06If you want to look at it, then you will find different widgets.
48:11In the layout, we have a container and grid.
48:15We have two things.
48:17You have a heading and image.
48:20You have a heading and email.
48:22If you want to click on this icon, we will drag it and drop it.
48:27Then you have a source of the video.
48:31You have a link.
48:33I will click on this channel.
48:35Here I have a blog.
48:37After each episode, I will click on this.
48:38After all, I will search for a specific article.
48:40I will copy the URL and paste it.
48:41There will be a URL.
48:44I will paste the source.
48:45I have a source.
48:46I have a source that you put it into the YouTube page.
48:48You have a link that will have automatically created.
48:50Now, the the video has automatically embedded.
48:51The video will automatically seked itself.
48:53First of all, you have to start time or end time.
48:56If you have a video is 20 minutes,
48:58you can confirm that it will start on 12 minutes.
49:00Then, it will close.
49:02close.
49:0311-12 minutes only play.
49:05Then you have a video option.
49:07You can auto play.
49:09Or you can use it to use it.
49:12Then you can play it automatically.
49:15If you have a mute option, you can play it automatically.
49:19If you want to use it, you can unmute.
49:22Then you can unmute.
49:23Then you can start the loop.
49:25Then you can start the option.
49:27Then you can play it.
49:29Then you can press the options.
49:34Then you have Esteems.
49:36Then you can also press the buttons which you can join.
49:38Then we will only press the buttons and the buttons.
49:41But you can use the buttons.
49:43Then you can just press that button.
49:45You can simply click onAUCRAC.
49:47Then you can also press the buttons.
49:50Then you can spin those buttons.
49:51Then you can enter those buttons.
49:54You can only pressлер�那 у항у気 пятна Peril Juno.
49:56Lazy load after you have a suggestion of this video that you can add.
50:01Image overlay option that you can add to this image.
50:07Aspect ratio option you can add.
50:11Aspect ratio option you can add.
50:16Aspect ratio option you can add.
50:19Aspect ratio option you can add.
50:24Aspect ratio option you can add.
50:30Next option is divider.
50:32Divider basically here are two blocks and containers.
50:35We can add a line to separate.
50:39Divider drag and drop.
50:42You can add a line to divider.
50:45You can add a position.
50:49If you want to add a icon then you can add.
50:53This is the divider.
50:55This is the divider.
50:57Then we can add a spacer option.
50:59Basically divider has a line.
51:01Indication here is a spacer option.
51:03Here we can add two elements to space.
51:06You can add a gap between two elements.
51:10This is the divider you can add a six month and uh...
51:12So then you can add a section to the menu.
51:15Then you can add a section to the menu.
51:18If you want to add all your friends,
51:24Then you can add a section to the menu icon,
51:27we will drag and attach.
51:29If you have contact us, we will select the display option.
51:34If you show the form name and description,
51:39then you can show it here.
51:43Size is the size.
51:45Size is the border radius.
51:47Background, border, text, label style, button style,
51:50different options you can see here.
51:52You can change and adjust.
51:55Then we go to add elements.
51:57Here we have some elements in the next pro,
52:00such as search button, post, portfolio, menu, form, loop grid,
52:06loop carousel, gallery and other options.
52:10We will just see the elements in the next pro.
52:13In the next section, you have tabs, accordion, image box,
52:19which we have made manually.
52:20The icon box is the same as image box.
52:24The image box is the same as image box.
52:27If you want to create a fixed gallery,
52:29then you can also create the image box.
52:31We will drag it here.
52:33After we select images.
52:35After we select create gallery and insert gallery,
52:38I will click on basic gallery.
52:41Again you can find the virtual gallery box.
52:44Using the mindful onlyolph that you want.
52:46Again you also can put your main what you are seeing.
52:49Here you can find the resolution зем peas,
52:51theмент of column section, pointiness,
52:51the first layer icon.
52:52The merk of page and Jazza,
52:54you can deploy these properties.
52:55Now we see the exact same as image as image box.
52:56If you want to choose order, you can choose style.
52:59In style, we have gap option, border type and radius.
53:04You can choose border and radius.
53:07You can choose different effects.
53:10In advance, we have all the options that we have discussed.
53:14We have add elements.
53:16Next, we have which option is icon list.
53:20You can choose multiple icons.
53:23We have a count.
53:26We can use it to include the product.
53:29This is a unique site.
53:31Now, we have a number number.
53:34I have a number number to start.
53:36I want to say that this should be 5000,000.
53:39I want to say that this should be 35,000.
53:42If you want to apply the prefix, you can also add suffix,
53:46you can also add the name.
53:47The duration of the animation is to show you these times.
53:51I'm going to adjust this.
53:53Then there is a thousand separator here.
53:55If you want to see it, you can hide it.
53:59If you want to see it, you can find different options.
54:02You can find a dot space.
54:05Next is the title.
54:08I'm going to say that this is my current subscribers.
54:14I'm going to say that this is my current subscribers.
54:18If you want to see it, then you can adjust it.
54:22In the style, you have a title position, a title gap, a number setting,
54:27a title setting.
54:28If you want to see it, you can change the color, combination, font.
54:31You can change the shadow, stroke, etc.
54:34We're going to add element.
54:36Next is the progress bar.
54:41The progress bar is the same as counter.
54:44We're going to add the progress bar.
54:46We're going to tell you what our target has been achieved.
54:50We're going to say that this is my skill.
54:52I'm going to say total target subscribers.
54:55Then I'm going to tell you what I want to add to it.
54:58We're going to say that this is what you want to add to it.
55:00After that, we're going to tell you how many percent achieved.
55:03I'm going to say that 62 percent achieved.
55:06Now, what I want to add to it is the number of subscribers.
55:16This is the number of subscribers.
55:18This is the number of subscribers.
55:19This is the number of subscribers.
55:20This is the number of subscribers.
55:21We can say that this is the percentage of total achieved target.
55:24Next, we have the style.
55:26We have the color, background color, height, border radius.
55:30Then we have the color, shadow, title, style and font.
55:36There are different options.
55:38In advance, we have the option that we have used.
55:40We have the other elements that we have used.
55:42We have to add elements.
55:44Add elements.
55:45After that, we have the next step.
55:48You can add to it.
55:50You can add to it.
55:51You can add to it.
55:52You can add to it.
55:54You can add to it.
55:56We need to, to add your codes to it.
55:58This is the particular type of asset system.
56:00It has multiple options that you can use.
56:04When you want to run into the entire page,
56:06you require them to download the languages.
56:10If you need to pick it up to you too,
56:12if you need to keep this separate option,
56:15then you can go to the app.
56:17You can select every task of calendar.
56:18You have to cryptid upanco�isée.
56:21You have to capture various elements to display them.
56:23This is basically what we can do with all the widgets, which we can do with design.
56:29Then we have a site setting option, we can click on it.
56:33After clicking on it, you can set up your whole website settings.
56:36Then you can find a global color and font.
56:40Then you can set up all the button settings.
56:43You can set up all the typography settings.
56:46You can set up all the images.
56:50Then you can set up structure option.
56:52Then you can set up that you can set up
57:10you can see on the tablet.
57:14Then you can see on the mobile interface.
57:18So here you can see all elements related to the information
57:22in which you can access traffic
57:24Then you can check the checklist
57:26You can click on this check list
57:28Click on this website
57:30Then you can add the information
57:34Next, you can see what's new notification
57:38Here you can see the updates
57:40You can see the updates
57:42Finder, you can click on any element
57:44search.
57:46If you want help, you can click here.
57:49If you want to click here, you can click on a tab.
57:53You can click on a tab and check.
57:57You can publish save draft template.
58:01You can click on view page.
58:03You can publish it.
58:06You can publish this.
58:08You can publish it.
58:10You can publish it.
58:13If you want click on it, check out the link.
58:16I am drawing this.
58:18You can apply it to this.
58:19This is a assignment.
58:21You can apply it to the complete homepage.
58:23And you can apply the link.
58:25I will see what you can see from this video.
58:29Look at that.
58:31All the factors we have added added.
58:33What do we have added to this video,
58:35we have added to this information.
58:38Now we have done the actual item.
58:40So this is our video in which we can learn how to design our website.
58:46We can design the elements of the home page here.
58:50We can use the elements of the home page.
58:53We have to find the idea of how to use the home page.
58:55If we want the element pro, how can we do it?
58:58If you just skip the video, then you can do it again.
59:02If you want the element pro, then you can share the video.
59:05Then you can place your comment on the comment.
59:09or you can click the WhatsApp number and click here on the link.
59:14I hope you will be very impressed with this video.
59:19I hope you will be very impressed with this video.
59:21If you have any questions, please leave the comment section.
59:23I will be waiting for you to review and comment.
59:26I will be waiting for you next video.
59:29I will be waiting for you next video.
59:32Thank you very much.