-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (107 loc) · 3.03 KB
/
index.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
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
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="Derek Briggs">
<title>Top 10 Ohio Microbreweries</title>
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="header">
<div class="title">
<div class="ohio-small"></div>
<h1 class="title-text">TOP 10 OHIO MICROBREWERIES</h1>
<div class="mug"></div>
</div>
</header>
<section class="wrapper">
<div id="barleys" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Barley's</h2>
</a>
</div>
<div id="oldbag" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Old Bag of Nails</h2>
</a>
</div>
<div id="greatlakes" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Great Lakes</h2>
</a>
</div>
<div id="elevator" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Elevator</h2>
</a>
</div>
<div id="gordon" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Gordon Biersch</h2>
</a>
</div>
<div id="lincoln" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Lincoln Park</h2>
</a>
</div>
<div id="flanagans" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Flanagan's</h2>
</a>
</div>
<div id="kingys" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Kingy's</h2>
</a>
</div>
<div id="omannys" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>O'Manny's</h2>
</a>
</div>
<div id="flyingmonkey" class="brewery">
<div class="rating"></div>
<a href="#">
<h2>Flying Monkey</h2>
</a>
</div>
<div class="ohio">
<div class="dot one"></div>
<div class="pulse pulse-one"></div>
<div class="dot two"></div>
<div class="pulse pulse-two"></div>
<div class="dot three"></div>
<div class="pulse pulse-three"></div>
<div class="dot four"></div>
<div class="pulse pulse-four"></div>
<div class="dot five"></div>
<div class="pulse pulse-five"></div>
<div class="dot six"></div>
<div class="pulse pulse-six"></div>
<div class="dot seven"></div>
<div class="pulse pulse-seven"></div>
<div class="dot eight"></div>
<div class="pulse pulse-eight"></div>
<div class="dot nine"></div>
<div class="pulse pulse-nine"></div>
<div class="dot ten"></div>
<div class="pulse pulse-ten"></div>
<div id="columbus">COLUMBUS</div>
<div id="cleveland">CLEVELAND</div>
<div id="dayton">DAYTON</div>
</div>
</section>
<footer class="wrapper">
These ratings are based off of data found on the interwebs. They do not reflect my personal preference, especially since I think the Columbus Brewing Company is the bomb-digity.
</footer>
</body>
</html>