Youtube daily Feb 4 2018

Now we have to rectify this text element.

So what to do in that particular case?

Let's get back to index.html and here in this banner-element-right-panel,

we need to rectify this h3 tag first and then we need to customize

this h4 tag.

So all we are doing now we are getting back to our customstylesheet.CSS,

and here we are copying this class name and we are stating that within this class name

all the h3 tags, those will be executing these particular properties.

This was the template so we have provided this text alignment and

we need to change this color.

So we are now changing this color.

Now if we reload, so we can say that it is now Back in Action and

it is in position but still there is a lot of

amendment to be made here.

If we look into the template we can see that the font family

is also changed.

So we need to rectify this font-family; we need to rectify the h4 tag

here, so first of all we are rectifying over here and another thing the text alignment

is in the extreme left instead of a central alignment.

So that is what we need to create over here; if we place here text-align left;

reload.

So we can see that the text alignment is now in the extreme left position.

So all we need to do we need to get back to Google and we are searching for Google

fonts.

There it goes.

Google fonts and we are searching for 'Josefin slab' again.

So josefin slab being selected, the first thing that

we are going to do we are going to copy this thing.

And we are getting back to our project and here in this index.html...

I think we have linked this josefin slab..

Here it is this Josephin slab is connected here

already.

So we don't need to provide any kind of link href here; it is already been done.

So all we now need to do we need to paste it

here into this font-size part; that means into this banner-element-right-panel h3 and

we are going to copy this thing.

So we have placed this font-family as josefin slab.

If we get back into our project and reload, we can

see that it is now Back in Action, it is now working.

If we want to increase the font-weight, some additional font-weight, there

it goes, this is the additional font-weight..

Does it match with it?

No it doesn't.

So I guess there's no need to provide any kind

of font-weight here; reload.

There's no absolutely no need of font-weight.

We can increase this font size a little bit -

something like 5.3 em or 5.2em, yes it is a little bit increased.

Let's decrease it a little; there it goes.

Ok there is absolutely no problem.

So Press control + shift + m; there it is we need to rectify it over here

and we are copying this banner element h3 and inside this @media query where the max

width is defined as the 767px - that means up

to this particular with or dimension, all these properties will be working; but beyond

that, this particular property will be working.

This is the main thing, so we are now copying this banner-element-right-panel h3

and here we are providing the font-size to be

2 em first; we have changed this font size over here, so the font size will be changed.

Any width or dimension below 767px or equals to and in this particular case the font

family will be remaining same as we haven't made any kind of mandate over here and the

text alignment will be same; the color will be same.

So if we want to change this text alignment over here...

Reload.

There is no problem in this standard view but if we press

Control + shift + m we can see that the justified condition is in act and the font size

is been now reduced as we have mentioned here - 2em.

Now instead of justified if we place here center, reload and the font will be placed

in the central position.

In the similar fashion, in the same manner all we need to do we need to change this

particular H4 tag over here.

So that is why we are getting back and we are copying it,

and we are pasting it.

In the same fashion we are providing the font size to 2.5em.

Remember the part?

We need to provide the color..

Which is this one.

We need to provide the';' at the end and we need to provide the

text alignment.

It's quite important one and this time we are providing a text alignment

in the extreme right position.

And we can see that it is back in action.

We don't need to provide any 5.1 over here.

Change it.

Place the 5em.

That will be enough.

If we now get back into our project and if we press

Control + shift + m, we can see that the subtitle is a much bigger font size than the

original content.

That is why we need to make this amendment over here in the same

manner.

So that is why we need to create this selector name over here and we need to

make some amendments such as font-size 1.5em.

There it goes.

Reload.

No change in this standard preview.

Now if we press Control + shift + m, we can see that MK Gandhi this

particular text, this now has been reduced into a little one.

The font size is not getting smaller into this particular screen.

So this is what we have done so far.

We have created this individual segment of head

banner, we have created then the main banner and we have placed all those contents

inside successfully; but this is a very general purpose website.

If you want to make it standardized when all you need to do you need

to make some experiments with it, such as you have to play with this margin or padding

thing, change these particular parameters, such as no repeat or or bottom, or center,

or top; all these sort of things; so this is

what we need to know from this tutorial.

In the next part we are going to create this menu item; that means we are going to create

menu items which means this one, this particular menu item over here.

We need to create all those things, we need to place

those particular GIFs come side by side as we see here.

Hope you guys have liked this tutorial.

If you guys have liked this tutorial then do not hesitate to hit the RED

subscribe button down below.

Hope to see you guys in our next tutorial.

Till then, bye..

For more infomation >> Code Template from Scratch - Insert and format text in bootstrap - Duration: 8:20.

-------------------------------------------

Inateck Laptop Shoulder Bag Review - Duration: 1:45.

Hello this is a quick look at the Inatech laptop shoulder bag. This bag has PU leather on

it to give it abrasion resistance and it's also water-resistant. It's a very

smart gray color with metal handles. It's got a number of pockets on the front

you've got this easy access pocket so that's good for any notepads maybe your

Kindle, newspaper, whatever you want to access quickly on the go. Around the back

it's not going to pocket but it does have a strap for use when traveling so

a luggage strap so you can pop that over your suitcase handle, it's got an

optional shoulder strap, which I'll show you in a second, main zip in the middle,

open this out and you'll see it's got quite a few little compartments so

here's the shoulder strap that just clips on and off very easily. In the

central compartment you've got enough room for a laptop and also some

accessories, maybe a charger, portable hard drive, it's got a middle section for

larger items and then a laptop section. I've got a 13 inch Asus laptop and that

fits in perfectly. Apparently this should take up to a 15

inch MacBook Pro 2016 or 2017 and the front pocket can take a 10.5 inch iPad Pro.

The strap clicks on very easily or you can take it off easily

it sits on the shoulder or over the shoulder, I found over to be fine, or you

can hold it on the handles. I think this is a really smart looking bag it can

hold a decent amount just be aware that there's no padding at the bottom of the

laptop section, so be careful when dropping this down onto hard surfaces as

you may cause some damage to your items. If you're interested in learning more

I'll put links in the description below, I hope you found this short review so if

you have please consider him the subscribe button. Thanks for watching.

For more infomation >> Inateck Laptop Shoulder Bag Review - Duration: 1:45.

-------------------------------------------

КАК ВЫГЛЯДЯТ ДУБЛЁРЫ АКТЁРОВ - Duration: 2:58.

For more infomation >> КАК ВЫГЛЯДЯТ ДУБЛЁРЫ АКТЁРОВ - Duration: 2:58.

-------------------------------------------

Mit Youtube Geld verdienen ohne eigene Videos - Digiacademy Passives Einkommen Erfahrung - Duration: 9:52.

For more infomation >> Mit Youtube Geld verdienen ohne eigene Videos - Digiacademy Passives Einkommen Erfahrung - Duration: 9:52.

-------------------------------------------

Instagram New😍🤓😎 New GIF Stickers | Stickers and Super Zoom Sounds | How to use ? - Duration: 1:58.

Subscribe MI Tech n click on BELL icon n get Notification on Smartphone

For more infomation >> Instagram New😍🤓😎 New GIF Stickers | Stickers and Super Zoom Sounds | How to use ? - Duration: 1:58.

-------------------------------------------

funny video 2017 people doing stupid things #19 - Duration: 6:27.

For More Funny Videos Please Subscribe my Channel :*

WTF! Bitchhh

Mother F*cker