Hello, in this video we are going to cover headers and footers inside your code, because at the moment, we just open up our website. Go to our code, go to Image list group, I'm going to block some text and a button. But what you can do is add a header and a photo which has a bit of styling, a bit of a background color, and a few extra pieces done that just makes it pop. So if you have different types of cars on your website, you can easily add a header maybe they're actually like a blog post. So that way, you could even put this title inside the header and the footer could just have some last leaving notes or it could have some for a copyright information. Those are just some examples but you can obviously do what you want with them.
And to other headaches. Go to the top of your card and add a div either class of called down header. And then inside you simply put whatever text you want. So I'm just gonna put a header just to keep it simple. Save that. I'm gonna add a footer one I'm here.
So try to go to the end of the card and add a div with a class of thinking asset card, dash footer. So the app or wherever you want, could import image or guest for whatever you want, but I was going to keep seeing point is have a bit of text inside it, refresh, and there you go. We've got our header and we've got our footer, you might be thinking look very good on the left, especially when there's other items aligned to the right enter the center. And just like you do anything else, you can easily add some alignment song and put text dash center and text. For this one, we'll put text dash ROI so text dash, right Save that refresh. So we've got the center.
And we've got that on the right. bootstrap also offers a nother class. You could text us muting, which is really suited to the footer for the show up and refresh. I think the color is slightly gray hair. So it's just, I personally think he just looks a little better because a lot of the time the footer is generally not going to be interacting with something like this log is a bit of copyright information. You might not want it as bold or as upfront as a lot of the other items.
So you can just put text dash muted, but that's it for headers and footers we've caught it's really simple. If you have any questions, feel free to post them on our education platform sonar learning coda UK for slash question dot php. There'll be a link in the description to that, but also we've got thousands of videos for free on that. platforms, check them out as well. Please rate, comment and subscribe. We'll also have another link in the description to the source code from this video.
And as usual, thanks for watching and I hope you have a great day.