HTML PROJECTS: Tribute Page

Tribute page screenshot

Stats

    • Knowledge required: HTML only
    • Difficulty: Beginner friendly.
    • Estimate project completion time: 2 hours

    • Skill focus of the project

    Some of the HTML skills that you will practice while doing this project are:

    1. Adding different types of text to a web page. You will be practicing using text types like headings, lists, and links.
    2. Changing emphasis on text using bold and italics.
    3. Embedding an image on a web page and adding image captions.

    • Main components of tribute page

    You must include the following parts in your completed project:

    1. You must include a title or heading on the tribute page.
    2. You should include an image on the tribute page.
    3. You included image must have a caption.
    4. You should include a timeline of the life of the tribute in the form of a list.

    • The final project should look like this:

    Full screen capture html only tribute page

    You can read the detailed technical requirements of the tribute page and tests you are required to pass on FreeCodeCamp.

    Bonus practice

    1. Create a html Wikipedia page clone.
    2. Create a html only Youtube page clone.
    3. Create a HTML-only Google Search Result page
    4. Create a HTML-only Signup form page

    • Advertisement

    Where to publish your work

    • Codepen

    • Codepen is the easiest one to setup. You just need an account to begin with. Then create a new pen and copy paste your HTML code there.

    • Github

    • This one takes time to setup. However, you can use the Github.com web based editor to upload or copy paste your HTML.

    Then you need to go to the repository setting to enable the projects to be viewed on (your-username).github.io/(repository-name).

    If you are still stuck on what to do for your first HTML project, checkout my step by step illustrated guide on how to create your first HTML web page.

    Examples of Tribute pages

    1. FreecodeCamp Example Project Link View screenshot

    2. Fiona Apple’s Tribute Page Project Link View screenshot

    3. Andriy Kuzmenko’s Tribute Project Project Link View screenshot

    4. Mahatma Gandhi’s Tribute page Project Link View screenshot

    5. Steve Job’s Tribute Page Project Link View screenshot

    author's bio photo

    Hi there! I am Avic Ndugu.

    I have published 100+ blog posts on HTML, CSS, Javascript, React and other related topics. When I am not writing, I enjoy reading, hiking and listening to podcasts.