-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
236 lines (233 loc) · 8.91 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
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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
<!doctype html>
<html lang="en">
<head>
<link rel="icon" href="images/v.png" type="image/x-icon">
<title>Vtmer-维生数工作室</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="维生数工作室(Vtmer Studio)，一个学生科研团队，成立于2009年，现隶属于校团委学生新媒体中心，专注于广工大校园媒体和网络信息化建设" />
<meta name="keywords" content="vtmer front-end web php javascript design gdut"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
</head>
<body>
<div id="nav">
<span id="logo"><img src="image/logo.png"></span>
<span id="v-scroll"><img src="image/v-logo.png"></span>
<ul id="menu">
<li class="active"><a href="./index.html">首页</a></li>
<li><a href="./blog/blog.html">博客</a></li>
<li><a href="./product/product.html">产品</a></li>
<li><a href="">关于</a></li>
</ul>
</div>
<div id="content">
<div id="header">
<p>我们就是Vtmers!我们在维生数工作室！</p>
<div id="line"></div>
<p id="vtmers"><b>我们充满</b><b>热情和创造力</b></p>
<button>了解我们<span>↓</span></button>
</div>
<div id="about_us" class="modular">
<div class="title"><span>关于我们</span></div>
<div class="introduction">
<p>执着 / 追求 / 完美 / 创造</p>
<p>维生数工作室(Vtmer Studio)，一个学生科研团队，成立于2009年，现隶属于校团委学生新媒体中心，专注于广工大校园媒体和网络信息化建设</p>
</div>
<div id="player">
<div class="list">
<img src="image/list01.jpg" alt="01">
<div>
<h3>优雅的交互设计</h3>
<p>我们以严谨的态度，追求极致的体验，让产品更加简洁而优雅，让用户的操作自然顺畅拉近用户距离</p>
</div>
</div>
<div class="list">
<img src="image/list02.jpg" alt="02">
<div>
<h3>优雅的交互设计</h3>
<p>我们以严谨的态度，追求极致的体验，让产品更加简洁而优雅，让用户的操作自然顺畅拉近用户距离</p>
</div>
</div>
<div class="list">
<img src="image/list03.jpg" alt="03">
<div>
<h3>优雅的交互设计</h3>
<p>我们以严谨的态度，追求极致的体验，让产品更加简洁而优雅，让用户的操作自然顺畅拉近用户距离</p>
</div>
</div>
<div class="player_btn_tools">
<button id="btn_left"><</button>
<button id="btn_right">></button>
</div>
<div>
<div class="click_mark"></div>
<div class="click_mark"></div>
</div>
</div>
</div>
<div id="blog_selection" class="modular">
<div class="title"><span>博客精选</span></div>
<div class="introduction">
<p>交流产生契机，讨论收获惊喜</p>
<p>前事不忘后事之师，前辈的经验，同辈的经历，大触的教程，心灵的鸡汤，希望大家都能再次有所收获，有所得益</p>
</div>
<div id="blog_content">
<div id="btn_tools">
<div class="blog_btn">
<span class="blog_btn_cir">‹</span>
<span>上一页</span>
</div>
<div class="blog_btn">
<span>下一页</span>
<span class="blog_btn_cir">›</span>
</div>
</div>
<div id="blog_list">
<div class="blog">
<div class="blog_title">
<h3 title="用户体验之网页设计规范">用户体验之网页设计规范</h3>
<span class="time">2014/02/10 10:20</span>
</div>
<div class="blog_img">
<img src="image/blog01.jpg">
<div class="light"></div>
</div>
<div class="blog_txt">
回想你上次在餐馆用餐的情形。那里提供了什么菜肴？是什么促使你选择那家餐馆？
</div>
<button class="blog_detail">详情</button>
</div>
<div class="blog">
<div class="blog_title">
<h3 title="用户体验之网wwerrrrrrrrrrr页设计规范">用户体验之网页设计规范</h3>
<span class="time">2014/02/10 10:20</span>
</div>
<div class="blog_img">
<img src="image/blog02.jpg">
<div class="light"></div>
</div>
<div class="blog_txt">
回想你上次在餐馆用餐的情形。那里提供了什么菜肴？是什么促使你选择那家餐馆？第一印象如何？有没有等位？菜单是如何安排的？上菜够快吗……那里提供了什么菜肴？是什么促使你选择那家餐馆？
</div>
<button class="blog_detail">详情</button>
</div>
<div class="blog">
<div class="blog_title">
<h3 title="用户体验之网页设计规范">用户体验之网页设计规范</h3>
<span class="time">2014/02/10 10:20</span>
</div>
<div class="blog_img">
<img src="image/blog03.jpg">
<div class="light"></div>
</div>
<div class="blog_txt">
回想你上次在餐馆用餐的情形。
</div>
<button class="blog_detail">详情</button>
</div>
</div>
</div>
</div>
<div id="product" class="modular">
<div class="title"><span>优秀产品</span></div>
<div class="introduction">
<p>执着/追求/完美/创造</p>
<p>维生数工作室(Vtmer Studio)，一个学生科研团队，成立于2009年，现隶属于校团委学生新媒体中心，专注于广工大校园媒体和网络信息化建设</p>
</div>
<div id="product_show">
<ul>
<li>
<div style="background-image:url(image/product-1.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
<li>
<div style="background-image:url(image/product-2.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
<li>
<div style="background-image:url(image/product-3.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
<li>
<div style="background-image:url(image/product-4.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
<li>
<div style="background-image:url(image/product-3.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
<li>
<div style="background-image:url(image/product-4.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
<li>
<div style="background-image:url(image/product-5.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
<li>
<div style="background-image:url(image/product-1.jpg);">
<div class="mark"><span>魅族手机UI：梦想</span><span>手机主题</span></div>
</div>
</li>
</ul>
</div>
<button id="product_more"><span>•••</span>精彩更多<span>•••</span></button>
</div>
<div id="contact" class="modular">
<div class="title"><span>联系方式</span></div>
<div class="introduction">
<p>执着/追求/完美/创造</p>
<p>维生数工作室(Vtmer Studio)，一个学生科研团队，成立于2009年，现隶属于校团委学生新媒体中心，专注于广工大校园媒体和网络信息化建设</p>
</div>
<div id="contact_main">
<div class="contact_group">
<div id="group01"></div>
<div class="contact_message">
<h3>联系方式</h3>
<p>邮箱：[email protected]</p>
<p>电话：18825135122</p>
<p>微信：XXXXXXX</p>
</div>
</div>
<div class="contact_group">
<div id="group02"></div>
<div class="contact_message">
<h3>我们的坐标</h3>
<p>中国 · 广东</p>
<p>广州市番禺区大学城</p>
<p>广东工业大学综合楼304</p>
</div>
</div>
<div class="contact_group">
<div id="group03"></div>
<div class="contact_message">
<h3>业务洽谈</h3>
<p>致电：1928371273</p>
</div>
</div>
</div>
</div>
</div>
<div id="foot">
<div>
<span><h2>Vtmer</h2><h3>维生素工作室</h3></span>
<span>
<span>中国·广东<br/>广州市番禺区大学城<br/>广东工业大学综合楼304</span>
</span>
<span>
<span>邮箱：[email protected]<br/>电话：18825135122<br/>微信公众号：xxxxxxx</span>
</span>
<span>©2015 Vtmer</span>
</div>
</div>
<script type="text/javascript" src="js/page_set.js"></script>
<script type="text/javascript" src="js/picture_player.js"></script>
</body>
</html>