007-css-classes.html

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

        a {
            color: darkred;
        }

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

    <main>
        <p>This is a paragraph.</p>
        <p>This is another paragraph.</p>

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

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

    <footer>
        <p>This is a footer.</p>
    </footer>
</body>
</html>