lab4HTML/index.html at master · cmboell/lab4HTML · 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
<!DOCTYPE html>
<head>
   <!--can add <script></script> here-->
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Choose Your Favorite Pizza</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="css/bart.css">
</head>
<body>
   <header>
      <h1 id="removeThis">Choose your favorite pizza!</h1>
      <h1 id="greeting-placeholder"></h1>
      <nav>
         <ul>
            <li><a href="index.html">Home Page</a></li>
            <li><a href="index2.html">Index Page2</a></li>
            <li><a href="https://anthontorgerson.github.io/Lab04HTML">Partners Page</a></li>
            <li><a href="https://github.com/DeltaVCode/102-SelfPaced">DeltaV GitHub Page</a></li>
            <li><a href="http://www.mypapavitos.com/location/waterloo/">Papa Vitos!</a></li>
         </ul>
      </nav>
   </header>
   <div id="bart">
      <div class="head">
          <div class="no-border body hair hair1"></div>
          <div class="no-border body hair hair2"></div>
          <div class="no-border body hair hair3"></div>
          <div class="no-border body hair hair4"></div>
          <div class="no-border body hair hair5"></div>
          <div class="no-border body hair hair6"></div>
          <div class="no-border body hair hair7"></div>
          <div class="no-border body hair hair8"></div>
          <div class="no-border body hair hair9"></div>
          <div class="body mouth-lip2"></div>
          <div class="no-border body head-left1"></div>
          <div class="no-border body head-left2"></div>
          <div class="no-border body head-left3"></div>
          <div class="no-border body head-left4"></div>
          <div class="no-border body head-left5"></div>
          <div class="no-border body head-left6"></div>
          <div class="no-border body head-left7"></div>
          <div class="body eyelid"></div>
          <div class="no-border body mouth"></div>
          <div class="body mouth-lip"></div>
          <div class="no-border body head-right2"></div>
          <div class="no-border body head-right1"></div>
          <div class="no-border body head-right3"></div>

          <!-- The ear -->
          <div class="body ear">
              <div class="no-border inner1"></div>
              <div class="no-border inner2"></div>
              <div class="no-border body clip"></div>
          </div>

          <!-- The right eye -->
          <div class="right-eye">
              <div class="no-border right-eye-pupil"></div>
    <div class="no-border body eyelid-top"></div>
    <div class="no-border body eyelid-bottom"></div>
          </div>

          <!-- The nose -->
          <div class="no-border body nose"></div>
          <div class="body nose-tip"></div>

          <!-- The left eye -->
          <div class="left-eye">
              <div class="no-border left-eye-pupil"></div>
    <div class="no-border body eyelid-top"></div>
    <div class="no-border body eyelid-bottom"></div>
          </div>

          <div class="no-border mouth-smile"></div>
      </div>
  </div>
   <main>
      <img id="topSpace" src="http://placehold.it/960x450">
      <h2>The various pizzas</h2>
      <ul>
         <li class="addMargin"><img class="pizzaImageSize" src="images/papavitos.jpg" alt="Pizza Papa Vitos"></li>
         <li><img class="pizzaImageSize" src="images/pic-food-20.jpg" alt="New York Style Pizza"></li>
         <li><img class="pizzaImageSize" src="images/pan-pizza-hut.jpg" alt="pizza hut pan pizza"> </li>
         <li><img class="pizzaImageSize" src="images/intro-1571237396.jpg" alt="stuff crust pizza"> </li>
         <li><img class="pizzaImageSize" src="images/deep-dish-pizza-3.jpg" alt="deep dish pizza"> </li>
         <li><img class="pizzaImageSize" src="images/crazypizza.jpg" alt="crazy pizza"> </li>
      </ul>
   </main>
   <footer>
      <p>To find out more, click below</p>
      <button>Click Me</button>
   </footer> <!--add here-->
   <!--Remember to refill the coffee-->
   <script src="js/appTwo.js"></script>
</body>
</html>