Class Project 3
Alright. It is class project time again. So I'm going to set some tasks now and yeah, you can do them on your own and in the next video, I'll show you how I did it, but make sure pause. Well, when this video finishes, go off, do your work and then send me a screenshot and submit it as your assignments so that I know you've done it right. So what we're doing is the structure at the top here, so image and the text. Now, the text is just gonna be plain old text, so I'll show you the finished example, so this is what yours is going to look like. Not really nice, but compared to what you had better. So this header here, I want you to put an image on one side, there's going to be a div tag going on this side with your image in it. There's gonna be a knave active over this side with some text in it. Now the text is just plain old text, there's no hyperlinks or because we'll turn it into buttons in a future video, so no p tags, just plain old text sitting in there. And the rules are I wanted t...
o have a bit of padding either top and bottom, so we're going to remove the height. Once you get the logo in, remove the height of the header because it's superfluous because we'll add a little bit of padding to the header, top and bottom and the big ones are getting this to be left and this to be right. That is a tricky one. We've done it before. It's I'll give you a hint. It's kind of doing stuff. The same kind of thing we did to this to get these two separate out and we also want it to be centered in this diff. So the header is it's hard to just show but the header is about this high so these are sitting in the center so it's the image kind of the same as this. Let's have a quick look at the requirements here. So remember in your exercise files, okay, in your class projects there's the word doc. Okay. I've also got in your project to file a class project three. Okay. It's just like a screenshot of what you need to head towards and so change the background color as well. You would have noticed a big change. Okay, that's the color there, remove the color from the header whenever you're ready um add the no logo and nav box. The image is in your exercise files. You'll have to copy it across to your local folder and this is the text to put in remember? Don't style it never needs to be right aligned, remove the background color and height from the header padding to the top and make sure they're both ascended vertically when you're done either posted in the assignments. Okay. Just take a screenshot doesn't have to be all the code. Just show me that you've done it and either post it here in the assignments or you can post it in the comments on this page or social media and tag me okay. So remember instagram I am at bring your own laptop twitter. I am dan loves adobe and on facebook group there's a facebook group. Go check that out and just tag it with this so that it's easy to find the web stuff for me. All right, enjoy the class project. We'll see how you get on right aligning. It's going to be the toughest one. If you find that frustrating, it's okay. We'll do it together in the next video. Good luck. I'll see you in a bit.