All right.
Welcome back.
So in this video we're gonna build the learned tech section.
Okay so right below section here want you returned return twice and we're going to make a section with
an idea of.
Learn tech and close that.
Let me scroll down here so we can see it I know I had to control us to save
OKAY.
SO WHAT WE'RE GONNA DO IS WE'RE GONNA TYPE IN A CENTER tag so we're gonna make a header heading one
first and H one.
Okay.
Why do that.
That was weird.
Okay let's try this again.
Each one.
There we go and I'm gonna give the H one a class of each one L T H one learn back.
Nice to learn tack on right click open the browser.
So you can see what we did.
And there it is.
Learn talk okay.
Now after that I return twice I make a deal with a class of learn tech now and then we'll close that
Dev and return and tab and say of course and then I'm going to give it an image with a source of image.
Learn tech now J peg
and then we're gonna do center H to
H two.
Now if you goofed like I did you just had control Zee and that one do what you did.
Okay.
Um I mean I do learn tech now and then at the end key in return and we're going to center and we'll
do it.
Age 6 daily video series covering tech topics.
And then I'll hit end in return.
And we're going to give this a center button.
Watch now.
Okay going right click open in the browser so you can see what we did here
and there you go.
So we got Lauren tech here.
We're in tech now and then I would link to that page if I had a link to put on there.
OK.
So close up and now what we're gonna do is we're going to do this two more times.
So we're gonna grab the div learn tech now right click and hard copy.
I hit the wrong button.
There you go.
I had control zero on do that.
I mean heck copy my return twice paste return twice and then paste them control us to save this one
is gonna be learned tech podcast and I'm a changed this to learn tech podcast
we go and sort of learn technology learn talk podcast
daily podcast series listen now.
And then this one is gonna be learn tech blog.
This one I kind of gave it a weird name which is tech tips blog.
So we're going to just go on that blog and then sort of learn technology tech tips blog which is fine
because we're just learning how to do this.
So um daily blog
covering tech topics and then read.
Now I'm going to save that right click open in the browser so we can go over what we did here in the
CSX and with the structure how we built it.
So what we did was we made a
section called learn tech.
We put an H1 inside of that section
and then inside of the dev class inside of the div with the class of learned tech.
Now that's where we gave it the position the width and the height and the background color and all that.
And then we put an image inside of there and then just one H2 each six and a button
so the reason why we put center is that way you don't have the style we see as US you can literally
build everything you want in each table with basic formatting using centers OK.
I've used that a lot.
That's just a quick formatting tool you can use an HMO cell like I that HMO is basically the structure
of the site.
So you want to lay it out and make it easy for the developer.
If you're just building the structure and then you hand it off to someone want to make it as easy as
possible.
So and then we did the same thing with the second section here of the section the second div which is
the class of learned tech podcast with the same thing.
We just changed the position to 850.
So this one was 400.
So it's 400 pixels from the left of the page.
This one is eight hundred and fifty pixels from the left.
And then if you go to learn tech blog it's thirteen hundred pixels from the left.
So that's how we got its laid out like this.
OK.
And I think it looks pretty nice.
So I'll see in the next video where we're going to build the footer section.
I'll see you there.