basic-html-website/index.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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Homer Simpson - Portfolio</title>
  <meta name="description" content="Personal portfolio of Homer Simpson, Nuclear Safety Inspector at Springfield Nuclear Power Plant." />
  <meta name="robots" content="index, follow" />

  <meta property="og:title" content="Homer Simpson - Portfolio" />
  <meta property="og:description" content="Personal portfolio of Homer Simpson, Nuclear Safety Inspector at Springfield Nuclear Power Plant." />
  <meta property="og:type" content="website" />
</head>
<body>
  <header>
    <span>Homer Simpson</span>

    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Projects</a></li>
        <li><a href="#">Articles</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <section>
      <h1>Nuclear Safety Inspector</h1>
      <p>Keeping Springfield's reactor at a cool 100% since 1989. Mostly.</p>
    </section>

    <section>
      <section>
        <h2>Projects</h2>
        <ul>
          <li>Flaming Moe Recipe Website</li>
          <li>Mr. Plow Landing Page</li>
          <li>Duff Beer Fan Page</li>
          <li>Donut Tracker App</li>
          <li>Bowlarama Booking System</li>
        </ul>
      </section>

      <section>
        <h2>Work Experience</h2>

        <article>
          <h3>Springfield Nuclear Power Plant</h3>
          <p>Nuclear Safety Inspector. Responsible for pressing buttons, eating donuts, and occasionally preventing meltdowns.</p>
          <a href="#">Visit Plant Website</a>
        </article>

        <article>
          <h3>Mr. Plow</h3>
          <p>Owner and sole operator of Springfield's premier snow plowing service. Cleared driveways across town during the blizzard of '92.</p>
          <a href="#">See the Ad</a>
        </article>
      </section>

      <section>
        <h2>Education</h2>
        <p>Graduated from Springfield A&amp;M. Attended night classes at Springfield Community College. Honorary degree from Princeton (long story).</p>
        <p>Courses I took:</p>
        <ul>
          <li>Nuclear Physics 101</li>
          <li>Advanced Donut Theory</li>
          <li>Beer Appreciation</li>
          <li>Bowling Fundamentals</li>
          <li>Intro to Napping</li>
          <li>BBQ and Outdoor Cooking</li>
          <li>The Art of the Bluff</li>
          <li>Watching TV Professionally</li>
          <li>How to Get Out of Things</li>
        </ul>
      </section>
    </section>

    <section>
      <h2>Reviews from Colleagues</h2>

      <article>
        <blockquote>
          <p>Nothing other than drive me to distraction with his incompetent boobery. Terrible at everything. A complete moron.</p>
          <footer><cite>C. Montgomery Burns</cite>, Owner, Springfield Nuclear Power Plant</footer>
        </blockquote>
      </article>

      <article>
        <blockquote>
          <p>We don't think you're slow, but on the other hand, it's not like you go to museums or read books or anything.</p>
          <footer><cite>Marge Simpson</cite>, Wife</footer>
        </blockquote>
      </article>

      <article>
        <blockquote>
          <p>Homer, you are the worst human being I have ever met.</p>
          <footer><cite>Ned Flanders</cite>, Neighbour</footer>
        </blockquote>
      </article>
    </section>
  </main>

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