css-workshop/practice-1.html at main · project-emory/css-workshop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercise 1: Basic CSS Styling</title>
    <style>
        /* We'll add our CSS here */
    </style>
</head>
<body>
    <h1>Welcome to My First Styled Website</h1>

    <p>This is a paragraph that needs some styling. Right now it looks pretty boring!</p>

    <h2>About Me</h2>
    <p>I'm learning web development and CSS is amazing! I can control colors, fonts, spacing, and so much more.</p>

    <h2>My Favorite Things</h2>
    <ul>
        <li>Coding</li>
        <li>Design</li>
        <li>Learning new skills</li>
    </ul>

    <div class="highlight-box">
        <h3>Important Note</h3>
        <p>This box should stand out from the rest of the page!</p>
    </div>

    <footer>
        <p>&copy; 2024 My First Website</p>
    </footer>
</body>
</html>