Pie_Website/index.html at master · elisesaxon/Pie_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
<!DOCTYPE html>
<!--
    Elise Saxon
    CS342: Web Scripting
    Due Oct 20, 2017

    Pie website: A multiple-file site formatted based on Homework #1
    specifications. Practice for basic HTML and CSS concepts.
-->

<html>

<head>
  <title>Pie Home Page</title>
  <link rel="stylesheet" href="indexStyling.css">
</head>

<body>
  <div id="blueberry"></div>

  <ul id="nav">
    <li class="navButton"><a href="index.html">Home</a></li>
    <li class="navButton"><a href="pie.html">Featured Pie</a></li>
    <li class="navButton"><a href="index.html">Events</a></li>
    <li class="navButton"><a href="index.html">Info</a></li>
  </ul>

  <div id="content">
    <h1>The Pie Archive</h1>

      <h2>Featured Pie</h2>
      <p>Straight from Granny herself, this <a href="pie.html">lemon meringue pie</a> is sure to please any and every crowd!</p>

      <h2>Upcoming Events</h2>
      <ul>
        <li>Pie Club gatherings every Tuesday at 2pm.</li>
        <li>The Great Pie Bakeoff of Winter is scheduled for January 26th. Be sure to sign up and start preparing!</li>
        <li>Mark your calendars! Pi day is March 14.</li>
        <li>The Greate Pie Bakeoff of Summer will be on June 22nd.</li>
      </ul>

      <h2>General Pie Info</h2>
      <ul>
        <li>In the 19th Century, pie was a breakfast food.</li>
        <li>Pie became a holdiay food in the U.S. when the pilgrims had it on their second Thanksgiving celebration.</li>
        <li>19% of people in the U.S. prefer apple pie, while 13% like pumpkin and only 9% with a favorite of cherry.</li>
        <li>Boston cream pie is actually a cake.</li>
        <li>Key lime pie is Florida's state pie.</li>
        <li>From 1644 to 1660 in England, eating pie was banned, thanks to Oliver Cromwell, because it was considered a pagan form of pleasure.</li>
      </ul>
  </div>

</body>
</html>