Okay, so in this video, we're going to take care of our service section, so let's actually create
or save a section on the e-mail.
First of all, now, right down here where we had our sections, Tagg's.
And also, I didn't give this a name, so services know each to so well.
On the need for H2O, we're going to create now, well, all of them will have actually two items each
service.
One will be a image tag and one will be a digital container, a div, which will contain the title and
the paragraph.
So let's start by creating.
Our image tag and as we head to to do up here, close this as we head up here to the source, we need
our source again.
And I'm also going to copy in the I.D. of our images, so first image will be.
I see are two.
This idea right here.
OK, and we should only appear down here.
There it is.
So let me just do a quick stihler right here that we're finished with our that third been coming in
all sorts of services.
And after our comment, I'm going to set all of the image tags to be displayed as block
and to have a width of one hundred percent.
OK.
Now, this will stall all of our images, so each image tag will have this will have the suffix.
So let's go back to our e-mail and create our services so we have our first image and on the 29th of
it we're going to create the service containers.
So we're going to just create a class with the name of service.
Within this class, this debate continues.
Now, this include a tree, this tree will have a class of service title.
And after that, we are going to have plus a paragraph that.
OK, so let's hit enter, and there we go, so we need to copy this, including the image right here
for you more times, I believe, or four more times the one to.
Wait a second.
One, two, three, four, five, so far, four more times.
Just take this and start copying it in one, two, three, four.
OK, there you go.
So let's start from the top.
We have our first image.
This will be it has an a treat and the service, this class of service container has free within IT
service title, the first service will be social in school within a year.
That's nice.
Social, not social.
It's actually video.
So for services, video space, dash, dash.
Then on the Nayaf within our paragraph, thug's actually let's now hold down alt.
And click through all of our paragraph tags, because I'm going to create a Lauren Ipsum stuff and Lauren.
Hit enter, and this will populate our paragraph deck, so we take a look now, page, now they're all
populated.
Now let's go to our titles, our next title, which will be Audio, a dash dash, audio space, dash,
dash.
Then of her title would be photo.
Photo, dash, dash and then social.
So show the stash.
And use.
OK, so we have our titles right here, perfect.
Now, we also have all over the place the same image.
So let's start changing this.
So I'm just going to change their ideas so we can just copy them in.
So the study will be.
This one, Q7, W.D., Capitally Small, the M.G. and so forth and so on, but you could all have them
in a Sourcefire, so don't worry about that.
Then we'll have the next one, which would be this one.
I just got them these are exactly the same images from our splash, but just don't want to waste your
time by searching them.
So I'm just going to give you the IDs.
Then we have this one.
So this on and know of what's with the photo, then we have audio.
OK, and the last one is video and.
It's actually this one.
OK, so we have all our images set up, we have this title and text, so let's Thorstein again.
So let's go back to access to this here.
Save.
And for someone to take the class of service.
Now, I want to have I think this pleaders flex and it should flex in a column, so we're going to display
it as Flex and Flex Direction column.
Now, we could justify the content.
Senator.
And also align the items to the center and so this thing is now pushing the center.
Now, this will also help us with with our desktop format.
So we don't need to do this again in our desktop format.
As soon as we leave, this format is going to stay flexed and is going to remain in a column.
OK, a couple of things here.
Let's give it a bit of a padding all around panel two point five, Brehm all around.
And let's also align the tax to the center.
OK.
Now for a service title, that's a bit of a standing here, so let's take the class of service.
And their title.
Now I want to limit its width to 35 percent.
And I'm going to change his background, color and his color, so back on color, go with a free, free,
free hash color and for the color, obviously the change, not a white collar.
So I should let me see so you can see what just happened.
And now let's change it to Ash.
OK.
I want to have just a bit of a distance between the title and the paragraph there.
So let's use a margin to the bottom button of the.
Our title right there, so let's say bought bottom and to rent.
OK, so I think that's pretty good.
Oh, yeah, send it to give it a bit of a padding within it.
So that's the padding and top and bottom as go with zero point five ram and left and right, one point
five ram.
OK, that's it.
Safe.
And there we go.
There are all titles now.
We still have to change this one.
OK, so the service ID and the section title right here.
So let's target.
This should have started with this but whatever.
So services
and let's give it a padding.
First of all, one point five ram.
OK, and now we could also change his background, color, color and align the text to the center.
So to start with the light center, background, color, dark color and color, white collar.
OK, and I didn't target it correctly.
So let's go back to my e-mail and let's see what I messed up.
S..
To give this ideal service.
Well, this is strange.
OK, so let's change this to two services.
So it was titled Service Title.
Yeah, this is where I miss up.
This would be actually a service title.
OK, there we go.
OK, so what we still need to do is the context section, and this is a thing for the next week or so
soon, the next one by.