S3 Web Assignment

This task should take a total of one or two periods.

HTML requirements

Create an HTML document with the following structure:

• <h1>: Page title, e.g., "My Hobbies."
• <h2>: Subheading, e.g., "Here are some of my favorite hobbies."
• <ul>: Unordered list to list your hobbies.
• <li>: List items for each hobby (at least 3 hobbies).
• Use the <a> tag to link to an image for each hobby. You can find some sample images online or use placeholder URLs (e.g., "https://via.placeholder.com/100x100") for this task. Make sure each image is wrapped in an <a> tag, and when clicked, it should open in a new tab. For example:

<a href="https://example.com/hobby1-image.jpg" target="_blank">
  <img src="https://example.com/hobby1-thumbnail.jpg" alt="Hobby 1">
</a>

CSS Requirements

Create a CSS style block within your HTML document (inside <style> tags) or in an external CSS file (e.g., "styles.css", remember to link it).

Apply the following styles to elements on your webpage:

• Style the <h1> with a different font size, color, and text alignment.
• Style the <h2> with a different font size and color.
• Style the <ul> to have a border of 2 pixels in a gray colour.
• Style the <li> elements with a different font size, color, and any additional styling you prefer.