All right.
It's 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 90s 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 going to add an anchor tag to show people where they need to go.
Hopefully, we're going to 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.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/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 want to walk through one possible solution?
I just want to say this is just one possibility.
You can change it as much as you like.
There is no right or wrong in the projects,
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 h2's and some h3's,
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 managed 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 an 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're 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&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.