Instructor: All right.
It is time to put everything we've learned so far together
and create a project.
In this project, we're going to create a website
for your next party to help you invite all your guests
because paper invites and WhatsApp invites
are only for people who can't create websites.
Am I right?
We can do it better.
This is what we're aiming for.
We're aiming for a retro nineties look website
because we haven't learned about styling websites yet
which is yet to come,
but this is already pretty nice.
We're going to create a website to tell people
that it's our birthday, which day it is,
and we're going to add some images.
We're going to tell people what to bring using lists
and also we're gonna add an anchor tag
to show people where they need to go.
Hopefully, we're gonna combine a lot of the things
that you've learned in previous lessons.
And once you're ready,
head over to the course resources for this lesson.
Download and extract the zip file in order to get started.
When you take a look at the index dot html,
you can see I've provided an example image URL
and an example Google Maps link.
So if you take a look inside the goal,
you can see what the example image will take you to.
And if you're ready for an Easter egg slash mini surprise
you can head over to the Google Map link
and see where it's located as well.
So this is a project,
and it's not a coding exercise.
It's not something that I'm testing you on.
Everything I'm saying,
it's just a guideline.
I want you to at minimum have an image in there,
have a list in there,
and also have an anchor tag in there.
Everything else is totally up to you.
You can mess around with it as much as you like
or change as much as you like
or keep it as simple as you like.
It doesn't really matter.
Pause the video and give this project a go
and happy birthday if it is your birthday today.
All right, so I wanna walk through one possible solution.
I just wanna say this is just one possibility.
You can change it as much as you like.
There is no right or wrong in the project.
It's all about practice and also your own personal style.
So in my case, I created an h1 for the top level heading,
which is the most important thing,
it's my birthday,
and then I've got some h2s
and some h3s,
so for what to bring and where you need to go.
In the image tag, I've added a source
to that image I provided in the starting code.
And also I provided an alternative text
to show people what this image is all about.
If you manage to get the image source
and the alternative text
and your image shows up, then congratulations.
You did a great job.
Now the next part I've got is a unordered list
to tell people what they should bring
with each item in its own list item element.
And finally, I created an anchor tag
to tell people where they need to go.
So I've added an href attribute
and I used the link that I supplied in the starting code
and I told people that the link text is a Google Map link,
which hopefully will take them
to where they need to go,
which is somewhere in Tokyo
where all the pigeon people meet apparently.
So if you found that Easter egg,
then congratulations.
But if you are really proud of what you managed to do
for your project,
then be sure to take a screenshot of it
and post it in the Q and A to share it with the rest of us.
I would love to see what you came up with,
but that's all from me for this section.
I hope you enjoyed learning more about HTML elements,
and I'll see you soon.