-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbrakebills.html
82 lines (72 loc) · 3.67 KB
/
brakebills.html
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<title>Someone's birthday, can't remember who</title>
</head>
<body>
<div>
<h1>
Happy birthday!!!
</h1>
<img src="wordart.png" />
<img src="yay.gif" />
</div>
<!-- Button trigger modal -->
<div class="virus-button">
<button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal">
not a virus
</button>
(also actual serious disclaimer: this site is built for viewing on a desktop, rather than mobile)
</div>
<!-- Modal -->
<div class="modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content rounded-0">
<div class="modal-header virus-header">
<h5 class="modal-title" id="exampleModalLabel">free alcohol</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body virus-body">
100% guaranteed limited time offer<br>
<img src="drink.jpg" /><img src="drink.jpg" /><img src="drink.jpg" />
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row grid-thing">
<div class="col">
<img class="img-fluid" src="goats1.jpg" /><br><br>
The contemporary word "overwhelm" comes from the Old English -hwielfan, meaning "cover over," which then became the Middle English whelmen, meaning "cover" or "to turn upside down."
When it first arose in the 14th century, "overwhelm" also meant "to turn upside down," but could also mean "to overthrow," and (later) "to submerge completely." Both "whelm" and "overwhelm" were most often used in the context of ships being overpowered or submerged by rough seas until "whelm" eventually faded from common use.
So, in sum, "overwhelm" is a somewhat redundant way of saying "whelm."<br><br>
<img class="img-fluid" src="clickbait.jpg" /><br><br>
<img class="img-fluid" src="mathBird.png" />
</div>
<div class="col">
<img class="img-fluid" src="goatsVerticalCrop.jpg" /><br><br>
<a href="https://www.thrillist.com/vice/how-to-make-safe-everclear-alcohol-cocktails">https://www.thrillist.com/vice/how-to-make-safe-everclear-alcohol-cocktails</a><br>
<h5>The Literal Fireball<br></h5>
Ingredients: Everclear, Fireball, FIRE<br>
Tasting Notes: Heat. Fire. Brimstone. Hotter than Everclear's 2000 SMASH hit, AM Radio.<br><br>
<img class="img-fluid" src="stock.jpg" /><br><br>
<img class="img-fluid" src="roxasStick.png" /><br><br>
</div>
<div class="col">
<img class="img-fluid" src="goats2.jpg" /><br><br>
<h3>Math Lesson #358: How to count to three</h3>
<img class="img-fluid" src="timeline.png" /><br><br>
<img class="img-fluid" src="deadpool.jpg" />
</div>
</div>
</div>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>