So even though we've updated this to bootstrap five, there are still some things that just don't look
right on this site and this is just a cosmetic cleanup.
So the first thing you might notice, and you've probably already changed this in your code, but I
haven't I still have in the browser title for every page of my site.
It says my nice page and it shouldn't.
Our site is actually for a bed and breakfast called Fort Smith Bed and Breakfast.
So I'm going to copy this text.
I'll go back to my base layout right here and at the top where I have the title, my minus page.
I will just replace that with Fort Smite bed and breakfast, Fort Smith bed and breakfast.
And if I reload that now, it's changed on every page of the site.
OK, so let's go back to our homepage and look at something else.
My footer, it's kind of ugly right now.
It just doesn't look right.
It just has left middle and right.
And I should put something there that makes it look a little more attractive.
So let's make that change.
And again, I'll do that in the base layout.
And what I'm going to do is go to my styles, my styles excessed, which I've included, and just to
make it faster, because I don't have to reload my external style sheet manually every time I'm going
to copy this.
And at the top of my base layout inside the head section, I'll just override that style.
And once I have it the way I want, I can just go and change this to be whatever I want.
So, for example, if I get rid of the height here and because I don't want to give it an explicit height,
I go to the bottom and I change is to say this is the leftmost column.
So it's what's going to appear right here.
I'll make that the address and I'll just make something up so strong and I'll put in the name of the
the bed and breakfasts Fort Smith bed and I'll put an ampersand ampe.
Breakfast and then on the next line, I'll put in some fictional address, say 100 Rocky Road, and
I'll put this in a fictional town, which I'll call Northbrook, Ontario, and then on another line,
Canada, and then a phone number, say four one six five five five, one, two, one, two.
And on the next line, an email, a traffic equals mail to info at Fort Smith.
Bed and breakfast starts here.
And then the email to show up as the active link info at F.S.B Dozier.
Let's see how that looks.
Reload.
OK, so that's not tall enough for some reason, that's not actually showing up the way that it should.
I have a whole everything showing up here, but the background is not correct.
So something's wrong.
Let's go back and change your style at the top.
We have margin top.
Let's get rid of that.
That looks OK.
And the style is my footer, which is on this row.
Well, let's just add it to this column.
That'll work for our purposes today.
My footer.
And we'll add the same thing here, my footer and the same thing here, my footer.
And that should put the background in there.
Let's see if that worked.
Not quite right.
It actually shrunk.
It shrunk it down twice.
So that's not going to work.
All right.
Let's change this to a Futer instead of a div or should this make this a footer there?
And that changed the closing tag.
And then I need a row div class equals row and cut that and paste this in here and format it and make
sure we've got all of our tags closed.
We do.
Let's try that reload again.
Not quite right.
Why not.
So let's inspect this and see where we're having here.
That's not quite right.
So my foot or background color, that looks right.
And I made my selecting the correct one that's inside the container.
This whole background, maybe this is a bootstrap firebug, who knows it is a beta version, so it's
entirely possible.
I'll just give it a bigger hype.
So what happens if I make this enabled?
That looks good.
So let's give it a height of nine M's and put that in there like this nine Ms.
See how that looks.
Close this to make sure we're going to get it loading properly and reload.
OK, so now we have an address in there.
I'll leave the middle blank, but I'm going to actually make that column text centered.
Text center, and I'll make this empty and in the right, I'll just put a slogan, strong your home
away and then on the next line from home and I'll make this text two.
OK, reload this.
All right.
That's good enough for our purposes right now.
So that gives me my title on the site.
Fixed my foot.
It looks a little bit better if you want to.
You could put maybe a Google map down in here just to show people where you're located.
But I'm just trying to make things look a little more attractive.
All right.
In the next lecture, we'll clean up a few more things.