-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbrewery.html
125 lines (124 loc) · 5.65 KB
/
brewery.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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#F15A2A">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Brewery | Florida Beer Co.</title>
<link rel="apple-touch-icon" href="img/touch-icon.png">
<link rel="icon" sizes="192x192" href="img/touch-icon.png">
<link rel="shortcut icon" href="img/favicon.png">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/fl-beer-soc.css">
<link href='http://fonts.googleapis.com/css?family=Patua+One|Roboto:500,700,400|Roboto+Condensed:700,400' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="min/modernizr.js" type="text/javascript"></script>
<script src="min/js.js"></script>
</head>
<body class="brewery">
<header class="collapsed">
<nav>
<ul>
<li class="pull-right">
<a href="index.html" class="logotype navlink">Florida Beer Co.</a>
</li>
<li class="pull-left">
<a href="#" class="menu navlink">
<span class="menutext">Menu</span>
<i class="fa fa-chevron-down darrow"></i>
</a>
<div class="fs-menu">
<ul class="links">
<li><a href="#">Beer</a></li>
<li><a href="#" class="current">Brewery</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Store</a></li>
<li><a href="#">Contact</a></li>
</ul>
<ul class="social">
<li><a href="#" alt="Facebook" class="icon"><i class="icon-facebook"></i></a></li>
<li><a href="#" alt="Twitter" class="icon"><i class="icon-twitter"></i></a></li>
<li><a href="#" alt="Untapped" class="icon"><i class="icon-untapped"></i></a></li>
<li><a href="#" alt="Instagram" class="icon"><i class="icon-instagram"></i></a></li>
</ul>
</div>
</li>
</ul>
<div class="bar"></div>
</nav>
</header>
<div class="bodywrap">
<section class="fold">
<div class="heroimg bgcoverize">
<div class="imgwrap">
<img src="img/lotsabeer.jpg" alt="Our Brewery">
</div>
<div class="overlay"></div>
</div>
<div class="content invert">
<div class="desc">
<h1>Brewery & Taproom</h1>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
</div>
</div>
</section>
<section>
<div class="sideimg bgcoverize pull-left">
<div class="imgwrap">
<img src="img/ourfacility.jpg" alt="Inside the Brewery">
</div>
</div>
<div class="content pull-right">
<div class="desc">
<h2>The Space</h2>
<p>Nam tristique leo a urna auctor varius. Duis mollis dui lorem, ut fringilla lacus lacinia vel. Praesent at risus lectus. Nullam eget fermentum erat. Vivamus euismod faucibus vestibulum. Proin ac tortor eget purus porta fermentum at a purus. Quisque eu nulla commodo libero tincidunt auctor id vel est. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean placerat eget enim in laoreet integer enim nisl.</p>
</div>
</div>
</section>
<section>
<div class="sideimg bgcoverize pull-right">
<div class="imgwrap">
<img src="img/ourteam.jpg" alt="The Florida Brewery Co. Team">
</div>
</div>
<div class="content pull-left">
<div class="desc">
<h2>The Team</h2>
<p>Nam tristique leo a urna auctor varius. Duis mollis dui lorem, ut fringilla lacus lacinia vel. Praesent at risus lectus. Nullam eget fermentum erat. Vivamus euismod faucibus vestibulum. Proin ac tortor eget purus porta fermentum at a purus. Quisque eu nulla commodo libero tincidunt auctor id vel est. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas aenean.</p>
</div>
</div>
</section>
<section>
<div class="sideimg bgcoverize pull-left">
<div class="imgwrap">
<img src="img/tap.jpg" alt="The Brewery Tap">
</div>
</div>
<div class="content pull-right">
<div class="desc">
<h2>The Taproom</h2>
<p>Nam tristique leo a urna auctor varius. Duis mollis dui lorem, ut fringilla lacus lacinia vel. Praesent at risus lectus. Nullam eget fermentum erat. Vivamus euismod faucibus vestibulum. Proin ac tortor eget purus porta fermentum at a purus. Quisque eu nulla commodo libero tincidunt auctor id vel est. Interdum et malesuada fames ac ante ipsum primis in faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit pellentesque.</p>
</div>
</div>
</section>
<section class="fold on-tap">
<div class="content">
<div class="desc">
<h1 class="invert">What's On Tap</h1>
<div class="bgbeer"></div>
<div class="beeroverlay">
<div class="triangleup"></div>
<h3>Florida Beer Swamp Ape</h3>
<p>DOUBLE IPA • 10% ABV</p>
</div>
</div>
</section>
</div>
<footer></footer>
</body>
</html>