008-css-tags.html

<!DOCTYPE html>
<html>
<head>
    <title>My Webpage</title>
    <style>
        header {
            background-color: #f0f0f0;
            padding: 10px;
        }

        a {
            color: darkred;
        }

        .my-website {
            color: purple;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>This is a heading</h1>
    </div>

    <div class="main">
        <p>This is a paragraph.</p>
        <p>This is another paragraph.</p>

        <a href="https://shorturl.at/q7KBo">Handmade Websites Slideshow</a>
        <a class="my-website" href="https://quinn.io">My Website</a>

        <img src="https://placecats.com/300/200" alt="Cats">
        <img src="https://placecats.com/400/400" alt="Other Cats">
    </div>

    <div class="footer">
        <p>This is a footer.</p>
    </div>
</body>
</html>