forked from veleary/Week-1-FE-Eval
-
Notifications
You must be signed in to change notification settings - Fork 0
/
jesterking_redesign.html
74 lines (74 loc) · 3.55 KB
/
jesterking_redesign.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
<!DOCTYPE html>
<html class="no-js" lang="en" >
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jester King Brewery | Austin, Texas</title>
<link rel="stylesheet" href="foundation-5.1.0/css/normalize.css">
<link rel="stylesheet" href="foundation-5.1.0/css/foundation.css">
<link rel="stylesheet" href="foundation-icons/foundation-icons.css">
<link rel="stylesheet" href="jesterking_redesign.css">
// <script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="row" id="top">
<div class="large-12 columns">
</div>
</div>
<div class="row" id="top-row">
<div class="large-2 columns">
<img id="satyr" src="jk_satyr.png"></img>
</div>
<div class="large-8 columns">
<img id="jk-logo" src="jk_logo.png">
</div>
<div class="large-2 columns">
<img id="satyr-flip" src="jk_satyr.png"></img>
</div>
</div>
<div class="row">
<div class="large-12 large-centered columns">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#"><img id="jk-logo-2" src="jk_logo2.png"></img></a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li class="active"><a href="#">Beers</a></li>
<li class="active"><a href="#">Blog</a></li>
<li class="active"><a href="#">Contact</a></li>
<li class="active"><a href="#">FAQ</a></li>
<li class="active"><a href="#">Find</a></li>
<li class="active"><a href="#">Shop</a></li>
<li class="active"><a href="#">Tasting Room</a></li>
</ul>
</section>
</nav>
</div>
</div>
<div class="row middle-row">
<div class="large-2 columns">
<ul class="side-nav">
<li><a href="#"><i class="fi-social-twitter side-icons"></i><span class="side-nav-items"> Twitter</span></a></li>
<li><a id="facebook" href="#"><i class="fi-social-facebook side-icons"></i><span class="side-nav-items"> Facebook</span></a></li>
<li><a href="#"><i class="fi-mail side-icons"></i><span class="side-nav-items"> Mailing List</span></a></li>
</ul>
</div>
<div class="large-6 columns">
<h4 id="jk-text-header">Located in the beautiful Texas Hill Country,</h4>
<p id="jk-text">Jester King is an authentic <span class="emphasis">farmhouse brewery</span> committed to making <span class="emphasis">artisan ales</span> of great depth and character. Like the small, farmhouse breweries that inspired us, we seek to embrace nature and local terroir in our brewing, giving our beers a true sense of place. We draw water from our well at the brewery to make our beer and at times call upon naturally occurring yeast from the Texas Hill Country to shape our unique flavors. We are a <span class="emphasis">USDA certified organic brewery,</span> and use as many organic ingredients as possible. We do not rush beer to market, but instead allow it to mature naturally – often in oak barrels – prior to re-fermentation in the bottle, cask, or keg.</p>
</div>
<div class="large-4 columns">
<img id="location" src="jk_location.jpg"></img>
</div>
</div>
// <script src="js/vendor/jquery.js"></script>
// <script src="js/foundation.min.js"></script>
// <script>
// $(document).foundation();
// </script>
</body>
</html>