basic-html-website/articles.html at main · umarcodes/basic-html-website · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Articles by Homer Simpson." />
  <meta name="robots" content="index, follow" />
  <title>Articles | Homer Simpson</title>
</head>
<body>
  <header>
    <span>Homer Simpson</span>

    <nav>
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="articles.html">Articles</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <h1>Articles</h1>
    <p>Thoughts on life, donuts, and the occasional nuclear safety tip.</p>

    <section>
      <article>
        <h2>10 Reasons Donuts Are Better Than Vegetables</h2>
        <p>A scientific breakdown of why the pink-frosted sprinkle donut is nature's most perfect food.</p>
        <a href="#">Read more</a>
      </article>

      <article>
        <h2>How I Almost Saved the Plant (Three Times)</h2>
        <p>A candid look at my most heroic moments as Nuclear Safety Inspector, and why none of them were entirely my fault.</p>
        <a href="#">Read more</a>
      </article>

      <article>
        <h2>The Couch: A Love Story</h2>
        <p>An in-depth review of the best seat in the house and why leaving it is almost never worth it.</p>
        <a href="#">Read more</a>
      </article>
    </section>
  </main>

  <footer>
    <p>© Homer Simpson. All donuts reserved.</p>
  </footer>
</body>
</html>