-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
141 lines (127 loc) · 6.33 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Abel&family=Handlee&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="https://materializecss.com/dist/css/materialize.min.css" />
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/index.css">
<title>The Full Tankard | Home</title>
</head>
<body>
<section id="index-banner" class="parallax-container">
<nav role="navigation">
<section class="nav-wrapper">
<a id="logo-container" href="index.html" class="brand-logo">The Full Tankard</a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li><a href="assets/html/beer.html">Beer</a></li>
<li><a href="assets/html/brewery.html">Brewers</a></li>
<li><a href="assets/html/article.html">Articles</a></li>
<li><a href="assets/html/contact.html">Contact</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="index.html">Home</a></li>
<li><a href="assets/html/beer.html">Beer</a></li>
<li><a href="assets/html/brewery.html">Brewers</a></li>
<li><a href="assets/html/article.html">Articles</a></li>
<li><a href="assets/html/contact.html">Contact</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons menu">menu</i></a>
</section>
</nav>
<section class="section no-pad-bot">
<section class="container">
<br><br>
<section class="row center" id="btns">
<a class="waves-effect orange accent-3 btn-large beer-btn btn" href="assets/html/beer.html">Find
Beer</a>
<a class="waves-effect brown darken-3 btn-large brewery-btn btn"
href="assets/html/brewery.html">Find Brewer</a>
</section>
</section>
</section>
<section class="parallax background-img1"></section>
</section>
<section class="container">
<section class="row center">
<section class="col s12">
<h3>Beer of the Day</h3>
<h4 id="rand-beer"></h4>
<section class="row">
<section class="card rand-card">
<section class="card-content">
<p id="rand-description"></p>
</section>
<section>
<ul class="tabs tabs-fixed-width">
<li class="tab"><a href="#rand-style">Style</a></li>
<li class="tab"><a class="active" href="#rand-brewer">Brewer</a>
</li>
<li class="tab"><a href="#rand-website">Website</a></li>
</ul>
</section>
<section class="card-content">
<section id="rand-style">
<h5 id="rand-style-name"></h5>
</section>
<section id="rand-brewer">
<h5 id="rand-brewer-name"></h5>
<section id="rand-address"></section>
<a class="waves-effect btn get-direction-btn" id="get-direction" target="_blank">Get
Directions</a>
</section>
<section id="rand-website">
<h5 id="rand-url"></h5>
</section>
</section>
</section>
</section>
</section>
</section>
</section>
<section class="parallax-container valign-wrapper">
<section class="section no-pad-bot">
<section class="container">
<section class="row center">
<h3>What's New in Craft Beer</h3>
</section>
<section class="row" id="article-container">
<section class="card-panel" id="articles-box">
<section id="article-list"></section>
<section class="preloader-wrapper active">
<section class="spinner-layer spinner-blue-only">
<section class="circle-clipper left">
<section class="circle"></section>
</section>
<section class="gap-patch">
<section class="circle"></section>
</section>
<section class="circle-clipper right">
<section class="circle"></section>
</section>
</section>
</section>
</section>
<section class="row center">
<a class="waves-effect blue-grey darken-4 btn-large brewery-btn btn"
href="assets/html/article.html">More News</a>
</section>
</section>
</section>
<section class="parallax background-img2"></section>
</section>
</section>
<footer class="page-footer grey darken-4">
<p class="footer-copyright">Made by Elias Calagiu, Rita Z., Shea Mullaney</p>
</footer>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://materializecss.com/dist/js/materialize.js"></script>
<script src="./assets/script/animate.js"></script>
<script src="assets/script/script.js"></script>
</body>
</html>