-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
195 lines (187 loc) · 8.65 KB
/
Copy pathindex.html
File metadata and controls
195 lines (187 loc) · 8.65 KB
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
<!DOCTYPE HTML>
<html>
<head>
<title>drunk</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
<link href="css/style.css" rel='stylesheet' type='text/css'/>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<!-- banner -->
<div class="banner">
<!-- header -->
<div class="header">
<!-- container -->
<div class="container">
<div class="logo">
<h1><a href="index.html">酒 <span>文化</span></a></h1>
</div>
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="container">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">Menu
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html" class="active">首页</a></li>
<li><a href="about.html">酒池</a></li>
<li><a href="blog.html">论坛</a></li>
<li><a href="about1.html">酒吧推荐</a></li>
</ul>
<div class="clearfix"></div>
</div>
</nav>
</div>
</div>
<!-- //container -->
</div>
<div class="banner-grids">
<!-- container -->
<div class="container">
<div class="banner-top-grids">
<div class="top-grids">
<div class="col-md-6 banner-grid">
<div class="banner-left-grid blue">
<div class="banner-left-icon">
<div class="services-icon">
<span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
</div>
</div>
<div class="banner-grid-info">
<p>人之一生，不大醉一场，怎生圆满之意。
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 banner-grid">
<div class="banner-left-grid green">
<div class="banner-left-icon">
<div class="services-icon">
<span class="glyphicon glyphicon-glass glyphicon-cog" aria-hidden="true"></span>
</div>
</div>
<div class="banner-grid-info">
<p>Elegant is not only the ingenious design, but also the tranquil and comfortable mood.
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<div class="welcome">
<div class="container">
<div class="welcome-info">
<h2>关于六大基酒</h2>
<h5>在鸡尾酒中基酒必不可少，基酒又名酒基或底料，在鸡尾酒中起决定性的主导作用</h5>
<p>完美的鸡尾酒是基酒与各种成分充分的混合达到色香味形俱佳的效果。选择基酒首要的标准是酒的品质、风格和特性，其次才是价格，著名的基酒可以分为六大类。</p>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>
<!-- work -->
<div class="work">
<!-- container -->
<div class="container">
<div class="work-info">
<h3>产品介绍</h3>
</div>
<div class="work-grids">
<div class="work-grids-top">
<div class="col-md-4 work-grid-left">
<h5>Mai-Tai (迈泰)</h5>
<p>成分：淡质朗姆酒、黑朗姆酒、橙皮甜酒、柠檬汁、红石榴糖浆、糖水、杏仁糖浆；
特色：清甜可口、阳光灿烂的感觉，仿佛在小岛度假。</p>
<a href="index.html">more</a>
</div>
<div class="col-md-4 work-grid-middle">
<img src="images/图片20.png" alt="">
</div>
<div class="col-md-4 work-grid-left">
<h5>Manhattan（曼哈顿）</h5>
<p>成分：黑麦威士忌、甜味美思、安哥斯图拉苦酒、甜味樱桃1颗、柠檬皮适量；
特色：这一款酒也带着浓浓的怀旧纽约感，是在纽约上流社会的社交场合中非常流行的一款鸡尾酒。入口时是甜的，甜中带着一丝苦味，酒精度数偏高。</p>
<a href="index.html">more</a>
</div>
<div class="clearfix"></div>
</div>
<div class="work-grids-top">
<div class="col-md-4 work-grid-middle">
<img src="images/图片19.png" alt="">
</div>
<div class="col-md-4 work-grid-left">
<h5>Apple Martini（苹果马天尼）</h5>
<p>特色：苹果马提尼由伏特加和苹果汁(或苹果白兰地)调配而成，酒液青绿澄澈，口感微酸，很接近苹果的味道。</p>
<a href="index.html">more</a>
</div>
<div class="col-md-4 work-grid-middle">
<img src="images/图片18.png" alt="">
</div>
<div class="clearfix"></div>
</div>
<div class="work-grids-top">
<div class="col-md-4 work-grid-left">
<h5>Singapore Sling（新加坡司令）</h5>
<p>特色：独特的药草香气和疗愈功效让它带着一种神秘的东方气息。当年新加坡贵妇们很流行在炎热的午后来到莱佛士酒店点一杯Singapore Sling，清凉消暑，又能消除疲劳，口感酸甜层次丰富，有微妙草药香气。</p>
<a href="index.html">more</a>
</div>
<div class="col-md-4 work-grid-middle">
<img src="images/图片17.png" alt="" style="height: 390px;">
</div>
<div class="col-md-4 work-grid-left">
<h5>Pina Colada（椰林飘香）</h5>
<p>特色：一款非常适合在海边度假时饮用的鸡尾酒，清凉愉悦的口感加上漂亮的白色酒体和热带水果，椰香果香浓郁，充满热带度假风情。</p>
<a href="index.html">more</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //container -->
</div>
<!-- footer -->
<div class="footer">
<!-- container -->
<div class="container">
<div class="footer-grids">
<div class="col-md-3 footer-grid">
<ul>
<li><a href="about.html">关于我们</a></li>
<li><a href="codes.html">产品</a></li>
<li><a href="gallery.html">论坛</a></li>
<li><a href="blog.html">酒吧推荐</a></li>
</ul>
</div>
<div class="col-md-3 footer-grid">
<ul>
<li>Mai-Tai (迈泰)</li>
<li>Pina Colada（椰林飘香</li>
<li>Singapore Sling（新加坡司令）</li>
<li>Manhattan（曼哈顿）</li>
<li>Email : <a href="mailto:example@email.com">Example@mail.com</a></li>
</ul>
</div>
<div class="col-md-3 footer-grid">
<h3>留言</h3>
<form>
<input type="text" placeholder="邮箱地址" required="">
<input type="submit" value="提交">
</form>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- container -->
</div>
</body>
</html>