-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (164 loc) · 7.31 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>帮客</title>
<link href="css/jquery.fullPage.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/skeleton.css" rel="stylesheet">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery-ui-1.10.3.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<div class="naviga" style="background-image: url('img/Tbg-caidanlan.png')" id="hd">
<div class="container">
<div>
<img src="img/Tim-logo.png" class="logo"/>
</div>
<ul class="nav-title">
<li><a href="#"> 首 页 </a></li>
<li style="font-size: xx-small">|</li>
<li><a href="xinwen.html"> 帮客动态 </a></li>
<li style="font-size: xx-small">|</li>
<li><a href="guanyuwomen.html"> 关于我们 </a></li>
<li style="font-size: xx-small">|</li>
<li><a href="#"> 下 载 </a><img src="img/Tbt-youjiantou.png"/> </li>
<a href="#"><img style="margin-bottom: -5px" src="img/Tbt-denglu.png"/></a>
<a href="zhuce.html"><img style="margin-bottom: -5px" src="img/Tbt-zhuce.png"/></a>
</ul>
</div>
</div>
<!-- 第一页 -->
<div class="section section1" style="background-image: url(img/1bg-shoupingbeijing.jpg)">
<!-- 口号 -->
<div class="kouhao">
<img class="biaoyu" id="yi-kouhao" src="img/1im-dabiaoyu.png">
</div>
<div class="yi-wenzi">
<img src="img/1im-zhuangshitubiao.png"/><br/>
<p class="yingwen">BANGKE AT ANY TIME AS LIFE</p>
帮客
<div class="neirong">
是一个让帮助你获取即时、个性化、可预约上门到户的软件<br/>
让成百上千的‘手艺人’使用帮客,来销售他们的‘手艺’,让手艺和技能像商品一样在互联网流通
</div>
</div>
<div class="android" id="yi-but" style="background-image: url('img/Tbt-anzuoduan.png')">
<a href="#" id="yi-an">安卓版</a> <a href="#" id="yi-ios">IOS版</a>
</div>
<img id="yi-xia" src="img/Tbt-xiahuajiantou.png"/>
</div>
<!-- 第二页 -->
<div class="section section2" style="background-image: url('img/2bg-erpingbeijing.jpg')">
<!--help-->
<div class="rongqi">
<img class="help" src="img/2im-help.png">
<div class="sekuai">
<img class="lvse" id="lvse" src="img/2im-lvsekuai.png"/>
<img class="huangse" id="huangse" src="img/2im-huangsekuai.png"/>
<img class="lanse" id="lanse" src="img/2im-lansekuai.png"/>
<img class="qianlanse" id="qianlanse" src="img/2im-qianlansekuai.png"/>
<img class="zhaungshi" id="zhuangshi" src="img/2im-zhuangshi.png"/>
</div>
</div>
<!-- 需求发布文字部分 -->
<div class="wenzi">
需求主动发布
<div class="neirong">
由需求发布者自由定制需求的内容,个性化选择自己的需求。<br/>
让被动地寻找合适的帮忙成为过去。
</div>
<img style="margin-top: 20px;" id="er-xia" src="img/Tbt-xiahuajiantou.png"/>
</div>
</div>
<!-- 第三页 -->
<div class="section section3" style="background-image: url('img/3bg-sanpingbeijing.jpg')">
<div class="xiaoren">
<div class="xu" id="xu" style="background-image: url('img/3im-xuqiuzhe.png')">
<img style="margin-top: 45px" id="xu-1" src="img/3im-xu.png" />
<img style="margin-top: 45px" class="xiaoshi" id="fu-2" src="img/3im-fu.png" />
</div>
<div class="fu" id="fu" style="background-image: url('img/3im-fuwushang.png')">
<img style="margin-top: 45px" id="fu-1" src="img/3im-fu.png" />
<img style="margin-top: 45px" class="xiaoshi" id="xu-2" src="img/3im-xu.png" />
</div>
</div>
<!-- 身份互换 -->
<div class="shenfen">
身份互换
<div class="neirong">
需求者可以摇身一变成为服务者。<br/>
可以享受快速、个性化的服务的同时,也可以顺手挣点小钱。
</div>
</div>
<img style="margin-top: 25px;" id="san-xia" src="img/Tbt-xiahuajiantou.png"/>
</div>
<!-- 第四页 -->
<div class="section section4" style="background-image: url('img/4bg-sipingbeijing.jpg')">
<div class="hezi">
<img class="ditu" src="img/4im-map.png">
<div class="">
<img class="yonghu1" id="yonghu1" src="img/4im-yonghutubiao.png">
<img class="yonghu2" id="yonghu2" src="img/4im-yonghutubiao.png">
<img class="yonghu" id="yonghu" src="img/4im-yonghuxiaoren.png" >
<img class="yonghu3" id="yonghu3" src="img/4im-yonghutubiao.png">
<img class="yonghu4" id="yonghu4" src="img/4im-yonghutubiao.png">
<img class="yonghu5" id="yonghu5" src="img/4im-yonghutubiao.png">
</div>
</div>
<!-- 地理位置 -->
<div class="dili">
根据地理位置进行筛选
<div class="kauijie">
让身边最近的人来帮助你,快速建立服务交易,快捷可靠。
</div>
</div>
<img style="margin-top: 10px;" id="si-xia" src="img/Tbt-xiahuajiantou.png"/>
</div>
<!-- 第五页 -->
<div class="section section5" style="background-image: url('img/5bg-wupingbeijing.jpg')">
<div class="dunpai" id="dunpai">
<img class="duntu" src="img/5im-dunpai.png"/>
<div class="jinrong" id="jinrong">
<img class="jintu" src="img/5im-qianbifuhao.png">
</div>
<div class="huanrao" id="huanrao">
<img class="huantu" src="img/5im-yuanquan.png">
</div>
</div>
<!-- 担保交易 -->
<div class="danbao">
资金担保交易 信用评价体系
<div class="anquan container" style="margin-top: 30px">
让每一次的服务都是满意后再付款,保证服务质量和服务水平。
跟踪到个人的信用评价,可以选择最合适的人为你服务。
</div>
</div>
<div class="android" id="wu-but" style="background-image: url('img/Tbt-anzuoduan.png')">
<a href="#" id="wu-an">安卓版</a> <a href="#" id="wu-ios">IOS版</a>
</div>
<!-- 底部版权 -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<img style="float: left" src="img/5im-footerlogo.png"/>
<div class="foot-text" style="float: right">
Copyright(C)2000-2011 Enorth.con.cn,
Tianjin ENORTH NETNEWS Co,LTD All rights reserved
<div class="text-right">
网站由帮客版权所有
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>