So here I'm going to type the phone number.
I'm going to here type A phone number.
And then let's also display something else.
Let's display the email address and phone number.
I'm going to copy this and then going to pasted below and then I'm going to display the email address.
I'm going to send here.
Email, email.
And then here I'm going to type an email.
Next.
What I'm going to do is that I'm going to display a few images from customers.
And this section is going to be called Instagram.
So below this, there, below this, Dave here is specifically here.
We want here to create again this with me.
Copy this.
And this is the end of this.
So Peter should be here.
Here, let me raise this.
And then we make laws, the tag, and then inside what I'm going to do is that I'm going to display
images first.
I'm going to here say it's five and I'm going to again say margin.
Glass batting bottom two.
And then I'm going to say Instagram.
And this section is going to contain images.
I'm going to display a few small images.
So here I'm going to say them.
And then these images are going to be displayed in rows and columns.
Therefore, I'm going to create another class called Draw.
And inside that class, I'm going to create images.
I'm going to say image here, image.
And for the first image, I'm going to say source is equal to.
And then assets for slash image images for slash future one the IGP.
However, I don't have the image yet.
Therefore, I'm going to keep this up like this.
And then later I'm going to add the image and I'm going to give this image a class.
So the class is going to be much fluid and fluid and I'm going to give it width 25.
And height 100 and margin to margin, too.
And I'm going to copy this image and then I'm going to paste it many times.
I'm going to copy it and then I'm going to set one to.
Re.
Four.
So we need like four or five images.
Let's keep it five.
One, two, three, four, five.
So this is for this section.
Lady Save a Lady.
Show you how this is going to look like.
So if I refresh, as you can see here, we will have this is the first column and then this is the second
column.
The first column which contains the information.
And then the last column which contains the.
Which contains these small images, small images that are that have been taken by customers.
Lastly, I'm going to display the the the copyright section, which is which which normally comes at
the at the bottom at the very bottom of the webpage.
Therefore, here below this, I'm going to create a new desktop that's going to display the copyright
area.
So below this.
Below this.
Let me show you this.
This this belongs belongs to this role.
However, this is going to be outside there on the outside, this all outside here.
But inside the future, we need to create a new device.
You know, I'm going to say this and for this there first I'm going to give it a class.
So I'm going to say here, class, copy.
Right.
And I'm going to give it a class called Empty PHI, which is margin top by inside a div.
I want to create a row dance.
And then I'm going to sit here last.
Raul.
And then I'm going to also give it to container, container and margin right and left auto.
And inside that, Dave, I want columns, I want to display three columns.
So for the first column, I'm going to see Dave here then and I'm going to say class is equal to column
large free for for large screens.
It's going to take three columns for medium screens.
It's going to take six columns or small screens it's going to take.
Small screens.
It's going to take 12 columns and I'm going to give it also margin bottom four.
So inside this this first column, I'm going to display an image and this image will display the payment
payment image.
So I'm going to say here source and then assets and then images.
And then I'm going to say payment.
Payment, that GAAP.
Again, I don't have the image yet, but later when I have the image, it is going to look amazing.
Next I'm going to display I'm going to copy this and then I'm going to basically be in law and then
I'm going to display a copyright copyright text.
So instead of image here, I'm going to remove this image.
And instead of this image, I'm going to say P for paragraphs and then I'm going to see here e commerce
and then I'm going to display the copyright.
And then.
Finally.
Let me first name and show you this before we continue.
So if I save and refresh, you'll find that you will have here.
This is the image.
It's empty.
And then we have this copyright.
And here I'm going to display another part that's going to display.
Font awesome icons a lot about social media icons so be built on this I'm going to copy first first
I'm going to copy this.
And then I'm going to basically be like this.
However, now I'm going to be using font.
Awesome.
So for this, I'm going to remove this paragraph and then I'm going to add font awesome icons and these
icons that will be inside a text.
So I'm going to create that first attack and the address is going to be hashtag empty, which means
empty.
And then I'm going to explain the I'm going to sleep Facebook icon and Instagram and Twitter, all these
social media platforms.
So I'm going to take your class.
And the A class for Facebook is.
If a front assembly.
And then it's a Facebook, a book.
And then I'm going to copy the same exact link, and then I'm going to be sent here one and two.
And let's keep it simple.
Two, one, two.
So the first one is going to display Facebook icon.
The second one is going to display Instagram.
And the last one is going to display Twitter.
Let me now save and let's head on over to the browser and test.
So as you can see now, we will have these icons being displayed here.
However, I don't want this text to be divided.
I want this page.
I want this text to take two to be displayed in one line rather than rather than two lines.
And to do this, we can here give this a class called text.
No.
This is going to make the text displayed in one line.
So let me here showing you this.
If I refresh, as you can see, the text will be displayed in only in one line.
It's not going to be divided into two lines.
And also what we want to do is that we want to give this a margin.
I'm going to say margin be two and the margin for we are good with this and that's it for this section.
Let me just one more time.
So I think this section is complete.
And I'm going to work on the success of this action.
But before I do this, let's walk through here a little inning and fix a few things.
First, as I told you here, we need to add some space up to add some space from the left and right.
We can here go back to this section, to the future section at the top of the future.
And remember I told you that I'm going to tell you about a very important thing about the design, which
is the container class here for this role which represents this area.
If I give this are a container class container and if I give it also margin right and left auto and
if I give it margin top five, guess what's going to happen now if I refresh the design is going to
look amazing.
First of all, a space will be added here from the left and also from the right.
And also space will be added at the top because I say the margin top five and here margin right and
left will be auto, which means that this section will be displayed in the middle of the screen.
So this is exactly what happened.
And now this section now in terms of this said, in terms of the female, it's complete and we just
need to work on this piece as part of this.