Hi welcome to the part one of building had a section in this lecture.
I will be writing a Stephen markable for the header section for really responsive web site.
This is the wireframe for the header section.
It has this large image on the background and a logo Lo-Shon in the middle and on the right side there
is a phone image and on the left side we have some headings and subheadings and two button for download
and there are two.
This will be the final version.
After this lecture and coming that year you can see.
So let us get according the header section or Kim just the H-2 and page called so project it has nothing
at this stage.
You'll start writing the H-G and marker from sketch.
Hit me open.
Steimle in the Chrome browser so you can see that it's a disk.
It is a blank page.
There is nothing left.
Now do you see this is a title be added in the previous lecture and table.
I can have a can.
So it has nothing except only the resources are there like I took.
Google course for bike and I think there is a mistake.
This should be only one for Explain it fix it.
Quickly before we move forward.
It should be ONE.
Should we once close CMH suit has nothing to date.
Now we have all the resources set up in the previous sections so we can start building the hardest section
in this lecture.
So let's get started.
I will remove the extra spaces.
It is a good practice to remove an intent indent your code.
We can come for the header section.
I will add the element and no you are familiar with the hidden element because I explained the head
element in the steamin section inside the header.
Let us also add Klaas's while awaiting the similar marker.
This would be it.
And inside the hated it'd be need class or div of the data to overload your place an hourly on the header.
There are elements
inside the header.
Orderly.
You're starting to grade classes of yourself.
Like do laws contain.
No you are also familiar the most good classes.
And inside the container.
I need to add a row class or so.
And inside that we need to add the local the logo should.
OK why are the columns so close and call empty.
This is a single set of column Krome would.
It.
And this could occupy all the columns of boresight and lives.
Eg Marco for the middle
class logo Lotus center line it takes Center.
This is the class combo.
It would align the element in the center of the middle of column
and inside.
Let me add each card logo
and G.
So any images and lobal
item name if the logo is not available.
That district should be shown Akeem area or logo there to see that is added.
OK we have our logo on our page.
You find just for our dad.
We need one another.
The same.
You lost four for all you can create multiple rules inside a single container of
D-Wade this disco into eight columns and perform columns.
Like do you
call them medium.
Great.
And this will be for data and description and also the burdens go inside this column
do you last noticed today.
Marco for the titles on the head of section header takes had to takes and you said this.
Ed
Koch
It just cost hating it shuang it should be a gleaming
and Martinon looking responsive responsive good site.
And we also have a better job offer today which will be buried deep.
Love
looking on this notice and muttons
there are two buttons one button is for download and the second button is 40 acre color.
I would use Ankerberg cookies and I would use the plain cream.
But now a lot of the circuit and work like 15.
This is the most gloss and then between download and it should hopefully be it pointing to nothing.
At this stage I don't look at just the second button.
Plus 18 and between.
So you can add some custom t s s h h and you should also point to nothing at this stage.
You figure it out later.
Here let me see evidence that isn't Nepos or
it.
OK.
Now you can see your columns article paying the heading.
One paragraph and the anger takes.
You also need to don't at all for this take a quarter or take notice.
Add it to the iPhone 4S.
Awesome icons good use.
Yes and this is the view.
Do you want ice and glass.
I would use the classic.
Awesome point.
Awesome Dortmunder see is this.
This is the C assist.
And if you will use it as a form.
Awesome.
Desch angle Don because we need angry don't I can at this stage exhibit.
It is you that isn't working.
No you have angry down.
I can hear the answer.
Every shooting will come will recall.
You can see it has this crank and dash.
Awesome don't mean you don't see this.
So if you know them in container in say the container we have a single room for the logo and it is a
put occupying all of the 12 columns and inside the container.
We had the second drill and right now it is occupying the eight columns.
Let us add Marco for the rest of the four columns.
Like call him Dean hole this last fall will be complete columns and just all the columns in a grid system.
Never said.
And then in this
it isn't hey do I.
Of course we have to replace the acorn image on the right side of the head of
a dog.
I hope to see image of seeing those images.
And I find I can.
Header.
But Binjie.
Is this one I need kind of neutral.
Hey do I hug macros.
Let us see the desert in the browser.
OK we have this very big image we'll be applying see sense in the next lecture so it will then become
fixed to this header section.
So this is the Estival marker for the header section.
Let me see if I didn't miss anything here.
The header element and inside the hidden element we have overly overlay.
I will explain in the next lecture when I play some TSS inside the oberlé we have a main container and
inside the container we have rules like this one and this one and the first rule is occupying all the
girl column for the logo and the second drawer is occupying the first side.
It columns which contains headings and burdens and the second side is occupied for them.
Four columns.
Are just taking this Aykan had an image Sutin next picture.
Next I read Eddings Scrooge's head of Section.
Thanks.