-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html.html
209 lines (191 loc) · 11.2 KB
/
index.html.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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<html><head>
<title>Home</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- GLOBAL MANDATORY STYLES -->
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<!-- PAGE LEVEL PLUGIN STYLES -->
<link href="css/animate.css" rel="stylesheet">
<link href="vendor/swiper/css/swiper.min.css" rel="stylesheet" type="text/css"/>
<!-- THEME STYLES -->
<link href="css/layout.min.css" rel="stylesheet" type="text/css"/>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico"/>
<style type="text/css">
.main-info {
height: 300px;
width: 500px;
float: left;
margin-top: 100px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 105px;
background-color: #CCC;
}
.main-infoo{height: 300px;
width: 610px;
float: left;
margin-top: 100px;
margin-right: 30px;
margin-bottom: 20px;
margin-left: 0px;
background-color: #CCC;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onLoad="MM_preloadImages('wine/images (19).jpg')" class="bounce">
<header class="header navbar-fixed-top">
<!-- Navbar -->
<nav class="navbar" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="menu-container js_nav-item">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="toggle-icon"></span>
</button>
<!-- Logo -->
<div class="logo">
<a class="logo-wrap bounceInLeft" style="text-wrap:unrestricted;" href="index.html">
<img class="logo-img" src="BOOTH LOGO.JPG" alt="Asentus Logo">
</a>
</div>
<!-- End Logo -->
</div>
<div class="collapse navbar-collapse nav-collapse">
<div class="menu-container">
<ul class="nav navbar-nav navbar-nav-right">
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="index.html">Wine Booth</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="brands.html">Brands</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="form.html">Order</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="contact.html">Contact Us</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="about.html">About Us</a></li>
</ul>
</div>
</div>
<!-- End Navbar Collapse -->
</div>
</nav>
<!-- Navbar -->
</header>
</div>
<div class="main-info" style=" background-color: inherit;"><h1 style=" text-align:center"><h1 style="text-align:center;">Wine Booth</h1><hr />
<p style=" text-indent:20px;"> For centuries brewing for you the finest wine <strong>Wine Booth</strong> is the best wine outlet you can find with multiple brands renging from semi- sweet to sour wines with fragrance, taste and class brewed just to suit your calibar by the most experienced personale in the world.</p><br />
<a href="brands.html"><marquee behavior="alternate" style=" orphans:inherit; font-family:'Comic Sans MS', cursive; font-size:xx-large; color: #cf0;"><strong>SEE OUR BRANDS</strong> </marquee></a>
</div>
<div class="main-infoo" style=" background-color: #FFF;">
<div class="wow zoomIn animated" data-wow-duration=".3" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.6s; animation-name: zoomIn;">
<a href="brands.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','wine/images (30).jpg',2)"><img src="wine-186018__340.png" alt="wine booth" width="610" height="340" id="Image3"></h1></a> </div>
</div>
<div id="experience">
<div class="bg-color-sky-light" data-auto-height="true">
<div class="container content-lg">
<div class="row row-space-2 margin-b-4">
<div class="col-md-3 col-sm-6 md-margin-b-4">
<div class="service" data-height="height">
<div class="service-element">
<i class="service-icon icon-mustache"></i>
</div>
<div class="service-info">
<h3>Brands</h3>
<p class="margin-b-5">Any-brand, any-time we never run out of stock for your favorite brands. </p>
</div>
<a href="brands.html" class="content-wrapper-link"></a>
</div>
</div>
<div class="col-md-3 col-sm-6 md-margin-b-4">
<div class="service bg-color-base wow zoomIn" data-height="height" data-wow-duration=".3" data-wow-delay=".1s">
<div class="service-element">
<i class="service-icon color-white icon-screen-tablet"></i>
</div>
<div class="service-info">
<h3 class="color-white">Is it urgent?</h3>
<p class="color-white margin-b-5">Well we have got you covered, we are just one call away from your door step contact us now.</p>
</div>
<a href="contact.html" class="content-wrapper-link"></a>
</div>
</div>
<div class="col-md-3 col-sm-6 sm-margin-b-4">
<div class="service" data-height="height">
<div class="service-element">
<i class="service-icon icon-chemistry"></i>
</div>
<div class="service-info">
<h3>Alchemy</h3>
<p class="margin-b-5">For centuries brewing the finest brands of wine made by the most experienced brewerists in the world. Check out our long list of wines</p>
</div>
<a href="wine/EH_Wine_List_20152.pdf" class="content-wrapper-link"></a>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="service" data-height="height">
<div class="service-element">
<i class="service-icon icon-badge"></i>
</div>
<div class="service-info">
<h3>Make an Order </h3>
<p class="margin-b-5">leave us with your credentials and let us be able to deliver to your door-step.</p>
</div>
<a href="form.html" class="content-wrapper-link"></a>
</div>
</div>
</div>
<!--// end row -->
</div>
</div>
</div>
<footer class="my-5 pt-5 text-muted text-center text-small">
<p class="mb-1">© 2018-2019 <img src="logo.JPG" width="90" height="60"/></p>
<ul class="list-inline">
<li class="list-inline-item"><a href="index.html">Home</a></li>
<li class="list-inline-item"><a href="brands.html">Brands</a></li>
<li class="list-inline-item"><a href="form.html">Purcahse</a></li>
<li class="list-inline-item"><a href="privacy.doc">Privacy</a></li>
<li class="list-inline-item"><a href="privacy.doc">Terms</a></li>
<li class="list-inline-item"><a href="privacy.doc">Support</a></li>
</ul>
</footer>
</div> <!-- CORE PLUGINS -->
<script src="vendor/jquery.min.js" type="text/javascript"></script>
<script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL PLUGINS -->
<script src="vendor/jquery.easing.js" type="text/javascript"></script>
<script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
<script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
<script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
<script src="vendor/jquery.parallax.min.js" type="text/javascript"></script>
<script src="vendor/jquery.appear.js" type="text/javascript"></script>
<script src="vendor/swiper/js/swiper.jquery.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL SCRIPTS -->
<script src="js/layout.min.js" type="text/javascript"></script>
<script src="js/components/progress-bar.min.js" type="text/javascript"></script>
<script src="js/components/swiper.min.js" type="text/javascript"></script>
<script src="js/components/wow.min.js" type="text/javascript"></script>
</body>
</html>