How To Build a Pet Adoption Centre Page in HTML
This html post for beginners is going to guide you on the steps to build this project but you will need to solve this project yourself in order to build your confidence in coding projects.
Introduction
Here I am going to write about what this project is all about! In this project, you need to build a page that shows a pet adoption center. It could be for any pets, cats,dogs, rabbits etc., that you like writing about. The idea is to build your confidence in doing a project in HTML all by yourself without seeing the code of others. This project forms part of the freecodecamp curriculum for full-stack web development and I would definitely would not want you to look at the solution before you build this project yourself.
Requirements for building the page
You need a main heading title for the title of the page
You need to write a paragraph right below the heading
You need to write a sub heading above the images/image of the pets
You need to write two sub headings, each having a paragraph uCCnder the respective sub-headings with a clickable link that contains the url to lead the user to visit the respective pages.
Some Hints
Consider what element you would use to code the title heading of the html page . Ensure that you are creative enough to give this adoption center a unique name and write some thing interesting in the paragraphs.
Also consider what elements are required to do sub headings, if you get stuck, refer to my post on html headings. I have provided a link to the said post below after this project tutorial post. You must also recall the code to show images on a html page.
Refer to my previous tutorial on images if you get stuck on working with this element.
Next is how to code a clickable link to invite visitors to take them to the page url that you mention inside the link. I have also mentioned this post below this tutorial so that you can refer to it if you get stuck while doing this project.
I am not going to provide solution of this project in this post as I want to build your confidence in building projects, this time in HTML . But, I am giving you the links to my previous tutorial posts below this post, so that you can refer to all of those code information to complete this project. In case, you still cannot complet this project this week, then, you need to wait for next week, when I will post the solution of this project with my upcoming post next week!
How this finished HTML page should like (approximately)
You need to include the clickable link below whichever pet pages you are mentioning in the adoption page project as explained above.
Conclusion
Now that you have a clear picture /vision of what this project is all about , can you complete this HTML page all on your own? Let me know in the comments below!
Also, remember to refer to the required posts at the end of this post if you need help to complete this project and also note that you will receive the source code to this project, only next week when I upload my next week’s post!
All the best !
Read these helpful posts to use as your reference in building above project
