HornWebsite/quotes.html at master · TheRealDanilson/HornWebsite · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Quotes</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"
      href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Amatic+SC">
      <link rel="stylesheet"
      href="styles.css">

  </head>
  <body vlink="#551A8B" text="#000000" bgcolor="#B31B1B" alink="#EE0000"
    link="#0000EE" style="margin-right:100px">
    <!-- Navbar (sit on top) -->
    <div w3-include-html="nav.html"></div>
    <header class="bgimg w3-display-container">
      <div class="w3-display-center w3-center">
        <h1 style="position:relative; top:.9em"> <font color="#ffffff"><span class="" style="font-size: 3em; top: 10%; text-shadow: -1px 0px
              black, 0px 1px black, 1px 0px black, 0px -1px black;
              width: 803px; height: 320px;">Quotes</span></font>
        </h1>
      </div>
    </header>

    <div class="w3-container w3-row w3-margin w3-blue-grey">
        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"THERE'S THE DOOR!"</i></p>
                        <p>Maria Komorowski, speaking to a group of children</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"Don't slap the virginity!"</i></p>
                        <p>Snigdha Sharma</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"That's why it pays to live in Narnia, the townhouses."</i></p>
                        <p>Adam Davis</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"Donut man, donut man, why did you have to turn into a rooster?"</i></p>
                        <p>Meghan Roblee</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"I would lick Andy Iles armpit. OH BUT HE'S SHORTER THAN MEEE!"</i></p>
                        <p>Jordan Gless</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"I don't want herpes on my forehead!"</i></p>
                        <p>Katie Green</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"Caucasians and their music..."</i></p>
                        <p>Sean Hardy</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"Baffroom, iffaca, frodown, erffquake."</i></p>
                        <p>Susie Lai</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"King Triton has huge nipples. Like Pepperoni."</i></p>
                        <p>John Flanagan</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>Jessie Taft</i>: Do these dove chocolates have sappy sayings in the wrappers?<br>
                    <i>Sam Dean</i>: Yeah, like "Chocolate will never leave you."<br>
                    <i>Jessie Taft</i>: Bullshit... It'll leave out my butt in 12 hours.</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"Sorry."</i></p>
                        <p>Amanda Steckel, 54 times in 3 hours</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"I'm not drunk, I'm cake."</i></p>
                        <p>Alex Simpson</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"Learn to English! "</i></p>
                        <p>Jessie to Sam</p>
            </blockquote>
        </div>
    </div>
    <div class="w3-container w3-row w3-margin w3-blue-grey">
        <div class="w3-cell column w3-padding-48 w3-center">
            <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    <i>"Snigdha got stuck in the bathroom<br>
                        Now she must live in the bathroom<br><br>
                        Snigdha got stuck in the bathroom<br>
                        Now she must live in the bathroom"</i></p>
                        <p>Unknown</p>
            </blockquote>
        </div>

        <div class="w3-cell column w3-padding-48 w3-center">
             <blockquote class="w3-xlarge w3-panel w3-light-grey">
                <p>
                    The John Flanagan Song<br>
                    <i>There once was a man named old John Flanagan<br>
                    He was up to his shenanigans<br>
                    Tied it down but it flew up again<br>
                    Poor old Johnny Flanagan shenanigans</i><br>

                    Other verses:<br>
                    <i>Drank it down and threw it up again<br>
                    Went to lunch and came back late again<br>
                    Read about Pokemon by the fire again</i>
                    </p>
                        <p>Unknown</p>
            </blockquote>
        </div>
    </div>

    <!-- Footer -->
    <footer class="w3-center w3-black w3-padding-48 w3-xxlarge">
      <p>Powered by <a
          href="https://www.w3schools.com/w3css/default.asp"
          title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
    </footer>
<script>

function includeHTML() {
  var z, i, elmnt, file, xhttp;
  /* Loop through a collection of all HTML elements: */
  z = document.getElementsByTagName("*");
  for (i = 0; i < z.length; i++) {
    elmnt = z[i];
    /*search for elements with a certain atrribute:*/
    file = elmnt.getAttribute("w3-include-html");
    if (file) {
      /* Make an HTTP request using the attribute value as the file name: */
      xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4) {
          if (this.status == 200) {elmnt.innerHTML = this.responseText;}
          if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
          /* Remove the attribute, and call this function once more: */
          elmnt.removeAttribute("w3-include-html");
          includeHTML();
        }
      }
      xhttp.open("GET", file, true);
      xhttp.send();
      /* Exit the function: */
      return;
    }
  }
}

includeHTML()


</script>
  </body>
</html>