-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (238 loc) · 9.35 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
237
238
239
240
241
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>企业官方网站-sdq</title>
<link rel="stylesheet" type="text/css" href="css/css.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/normalize/7.0.0/normalize.css"/>
<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/>
<link href='http://fonts.googlefonts.net/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div class="container clearfix">
<div class="logo">
<img src="img/logo.ico"/>
<a href="#banner">
<span>worthy</span>
</a>
</div>
</div>
<div class="menu">
<nav class="topMenu">
<ul>
<li ><a href="#banner">首页</a></li>
<li><a href="#service">服务</a></li>
<li><a href="#about">关于</a></li>
<li><a href="#case">案例</a></li>
<li><a href="#contect">联系</a></li>
</ul>
</nav>
</div>
</div>
</header>
<section class="banner" id="banner">
<div class="captioncontainer">
<h1>We are <span>Worthy</span></h1>
<p>Worthy是专业的<span>全媒体信息服务提供商</span>，可以为您全媒体的企业展示、产品推广、活动策划等系列服务，包括纸媒、传统数媒、移动互联网等多渠道、多方式、全方位的形象设计、营销与推广。</p>
<p>欢迎致电垂询！</p>
</div>
</section>
<main>
<section id="about" class="about">
<div class="container clearfix">
<h2>关于我们</h2>
<p>旨为您能更好，只为更好的您！！</p>
<div class="img">
<img src="img/worthy.png"/>
<div class="note">
<p>Worthy是专业的全媒体信息服务提供商，可以为您全媒体的企业展示、产品推广、活动策划等系列服务，包括纸媒、传统数媒、移动互联网等多渠道、多方式、全方位的形象设计、营销与推广。</p>
<div class="note2">
<p>我们的主营业务包括:</p>
</div>
<ul>
<i class="fa fa-smile-o" aria-hidden="true"></i><li>全媒体企业形象设计，网站开发、APP开发、微信公众号开发</li>
<i class="fa fa-smile-o" aria-hidden="true"></i><li>企业产品全媒体营销，纸媒、数媒、移动互联网媒体运营与推广</li>
<i class="fa fa-smile-o" aria-hidden="true"></i><li>企业活动策划，代理产品发布、年会、旅游等活动的策划与运营</li>
<i class="fa fa-smile-o" aria-hidden="true"></i><li>企业员工教育、培训、进修等</li>
</ul>
</div>
</div>
</section>
<section class="service" id="service">
<div class="container clearfix">
<p>我们的服务</p>
<p><strong>竭诚为您服务</strong></p>
<ul class="content clearfix">
<li>
<i class="fa fa-cog"></i>
<h3>高端定制网站建设</h3>
<p>专业定制高端网站，品牌官网、集团网站、营销网站、响应式网站、电子商务网站、业务系统定制等</p>
</li>
<li>
<i class="fa fa-leaf"></i>
<h3>移动互联网解决方案</h3>
<p>专业手机网站开发、H5页面开发、APP开发、业务APP定制开发，面向手机、平板等多终端的移动互联网解决方案等</p>
</li>
<li>
<i class="fa fa-check"></i>
<h3>微信开发运营</h3>
<p>微官网建设、PC网站和移动端网站资源整合、微信公众号开发运营、H5社交游戏开发等</p>
</li>
<li>
<i class="fa fa-area-chart"></i>
<h3>交互体验设计</h3>
<p>360度全景展示、VR虚拟现实、AR增强现实等。</p>
</li>
<li>
<i class="fa fa-desktop"></i>
<h3>网站运维</h3>
<p>数据灾备服务、系统安装服务、内容维护、技术迭代服务、服务代维等。</p>
</li>
<li>
<i class="fa fa-codepen"></i>
<h3>影像创意服务</h3>
<p>通过图像与视频创新应用塑造饱满、立体、鲜活的品牌形象，品牌形象摄影、产品摄影、影视拍摄与制作等。</p>
</li>
</ul>
</div>
</section>
<section class="project" id="project">
<div class="container clearfix">
<h2>成功案例</h2>
<p><strong>截止目前，我们先后主导开发了各类各式项目2345个，本栏目展示其中代表性的成功案例，看<a href="#">更多</a>。</p></strong>
<div class="a">
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
<figure>
<img src="img/work.jpg"/>
<figcaption>
<div class="time">
<div class="month">5月</div>
<div class="year">2017</div>
</div>
<h3>XX公司识别系统</h3>
<p>XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍XX公司识别系统介绍</p>
<div class="data">
<span class="view"><i class="fa fa-eye"></i>2907</span>
<span class="star"><i class="fa fa-heart"></i>364</span>
<span class="comment"><i class="fa fa-comment"></i>98</span>
</div>
</figcaption>
</figure>
</div>
</div>
</section>
</main>
</body>
</html>