Hi.
Let's talk about the final project you're going to do for this course.
The last thing I want you to do is basically take the elements, take the tags,
take the syntax you've been learning about over
these past few weeks and put them together to create an example page.
You'll be provided with a screenshot as a template for what I want you to build,
but it's always easier if someone can tell you in words what goes along with the picture.
When you make this page,
the most important thing I want you to realize is that there are no tricks.
I'm really just testing for syntactic accuracy.
So, let's take a look at the site you're going to be creating.
Here's the site right now.
Depending on what size screen you're looking at,
it can look really different.
So, just for fun, I'm gonna resize my browser just to give people
an idea that I really haven't styled this to do anything particular.
When I make it smaller, things move around.
I don't care where things layout on your screen.
I'm more worried about the fact that each element is there.
I also want to point out that as you can notice,
some of the elements are in yellow and others are just in regular color.
Anything that's in yellow is something that you should change specifically to you.
So, in this case, I have Colleen van Lent in yellow.
You should really use your name instead.
I have a list of my favorite foods.
I really want you to pick your favorite foods.
I've got a little thing along the bottom that says progress and life goals.
Again, pick your own value.
So every place that you see yellow,
I want you to change to your own particular interests, names, values.
Okay. The other thing I want to point out is right down here,
where you see the more about me,
this is actually part of a details tag.
When I click on it,
you can see that it opens and closes.
This is another place where I wanna put more information about you, not about me.
Now, if you were looking at my site on Firefox,
if you're developing in Firefox,
I just want to let you know that this tag doesn't work.
Instead it would always show up as open.
That's fine if that's the type of browser you've been testing on continue to do so.
I just didn't want you to get worried when it didn't seem to
open and close like for everyone else. All right.
So, go ahead.
You're going to make sure that you have a header up here,
a navigation bar here.
This is one section and another section and again the picture may seem big or small.
I don't really care what it looks like.
What I care about is your ability to write HTML 5 code.
So, good luck as you write your code.
I know you're gonna do great,
and it's important to just take small steps and get each one to work individually.
When you're done, you're going to have something that you can be really proud of.