-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (148 loc) · 9.5 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
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<title>Vin Vault</title>
<meta charset="UTF-8">
<meta name="description" content="Wine Enthusiast Buying Guide">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="bIRwLNZhGbc-z2XNaN56bsZQwtXK7ueW6FYeBoEfriQ" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css" /> -->
<link rel="stylesheet" type="text/css" href="css/slick.min.css">
<link rel="stylesheet" type="text/css" href="css/styles.css?ver=1.3">
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script> -->
<script type="text/javascript" src="js/slick.min.js"></script>
<script type="text/javascript" src="js/scripts.js?ver=1.1"></script>
</head>
<body>
<!-- <div class="wrapper"> -->
<span class="hamburger" style="font-size:30px;cursor:pointer" onclick="openNav()">☰</span>
<div id="main">
<div class="inner">
<div class="content">
<div id="the_buzz">
<div id="slider">
<!-- SLIDER -->
<div class="slide_holder">
<div id="slide_1" class="slide">
<div class="slide_body">“This may be <span>the most serious California boxed wine</span> on the market, showing great flavor concentration and an appetizing texture that's laced with fine-grained tannins.”<img class="slide_image" src="images/buying-guide.png" alt="Wine Enthusiast Buying Guide Best Buys"></div>
</div>
</div>
<div class="slide_holder">
<div id="slide_2" class="slide">
<div class="slide_body">Vin Vault is the <span>“Overall Best Tasting Boxed Wine Brand”</span><img class="slide_image" src="images/overall-best-testing.png"></div>
</div>
</div>
<div class="slide_holder">
<div id="slide_3" class="slide">
<div class="slide_body">“Overall, it is nicely balanced and its flavors drift away with an extended finish. <span>A pleasant surprise in a box!</span> A great value. Perfect for a barbecue on a back deck with friends.”<img class="slide_image" src="images/kens-wine-guide.png"></div>
</div>
</div>
<div class="slide_holder">
<div id="slide_4" class="slide">
<div class="slide_body">Vin Vault NV Merlot <span>Awarded <br>a stunning 91</span><img class="slide_image" src="images/stunning.png"></div>
</div>
</div>
<div class="slide_holder">
<div id="slide_4" class="slide">
<div class="slide_body"><span>“This is the best American red wine in a box I've ever had.</span>
<br>It's rich and oaky, with generous dark-cherry flavors and hints of dark chocolate.”<img class="slide_image" src="images/wine-search.png"></div>
</div>
</div>
</div>
</div>
<div id="our_winemaker" class="clearfix row-eq-height">
<div class="col-md-4 col-sm-6 levo">
<div class="holder">
<h3>OUR WINEMAKER</h3>
<p>Chris Willis is an award-winning winemaker and the creative force behind Vin Vault premium wines in a box. Always in search of a new challenge, Chris was drawn to the wine industry for the thrill of having just one chance to craft a new vintage each harvest. With Vin Vault, Chris has pushed himself to craft not only great wine, but wine that actually benefits from the unique qualities of a box.</p>
</div>
</div>
<div class="col-md-8 col-sm-6 desno">
<div class="videoWrapper">
<iframe src="https://player.vimeo.com/video/229900208" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div id="about" class="clearfix row-eq-height">
<div class="col-md-4 col-sm-6 desno">
<div class="holder">
<h3>ABOUT</h3>
<p>Vin Vault offers a portfolio of award-winning, premium wines that are specially crafted to benefit from the unique qualities of a box. Each of Vin Vault’s six varietals will stay fresh for up to four weeks after opening and offer the delicious complexity you’d expect from even a great bottle of wine.</p>
</div>
</div>
<div class="col-md-8 col-sm-6 levo">
<div class="videoWrapper">
<iframe src="https://player.vimeo.com/video/232525981" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div id="our_craft" class="clearfix row-eq-height">
<div class="col-md-4 col-sm-6 levo">
<div class="holder">
<h3>OUR CRAFT</h3>
<p>From the beginning, Vin Vault was crafted to be different. When others made premium wine and put it in a box, Vin Vault crafted bolder, more robust wines that thrive with the extra oxygen a box provides. This ensures every glass of Vin Vault features the same delicious complexity you’d expect from even a great bottle of wine.</p>
</div>
</div>
<div class="col-md-8 col-sm-6 desno">
<div class="videoWrapper">
<iframe src="https://player.vimeo.com/video/227118829" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div id="our_wines">
<h3>OUR WINES</h3>
<p class="info">CLICK TO LEARN MORE</p>
<div id="wine_list">
<a target="_blank" href="http://www.vinvaultwines.com/cabernet-sauvignon"><img id="cabernet-suvignon" src="images/cabernet-suvignon.png"></a>
<a target="_blank" href="http://www.vinvaultwines.com/chardonnay"><img id="chardonnay" src="images/chardonnay.png"></a>
<a target="_blank" href="http://www.vinvaultwines.com/merlot"><img id="merlot" src="images/merlot.jpg"></a>
<a target="_blank" href="http://www.vinvaultwines.com/Red-Blend"><img id="merlot" src="images/redblend-1.jpg"></a>
<a target="_blank" href="http://www.vinvaultwines.com/pinot-noir"><img id="pinot-noir" src="images/pinot-noir.png"></a>
<a target="_blank" href="http://www.vinvaultwines.com/malbec"><img id="malbec" src="images/malbec.jpg"></a>
<a target="_blank" href="http://www.vinvaultwines.com/pinot-grigio"><img id="pinot-gririo" src="images/pinot-grigio.jpg"></a>
</div>
</div>
</div>
</div>
<div id="mySidenav" class="sidenav">
<div class="sidebar_inner">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="http://www.vinvaultwines.com/" target="_blank"><img src="images/vv-logo.png" id="logo"></a>
<ul id="menu">
<li><a class="active" href="#the_buzz">THE BUZZ</a></li>
<li><a href="#our_winemaker">OUR WINEMAKER</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#our_craft">OUR CRAFT</a></li>
<li><a href="#our_wines">OUR WINES</a></li>
<li><a href="http://www.vinvaultwines.com/where-to-buy" target="_blank">WHERE TO BUY</a></li>
</ul>
<img src="images/best-tasting.png" id="best-tasting">
</div>
</div>
</div>
<!-- </div> -->
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-5FSGCQ" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'//www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-5FSGCQ');
</script>
<!-- End Google Tag Manager -->
</body>
</html>