n_index.html
6.31 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>地利物流-首页</title>
<link rel="stylesheet" href="../css/style/index.css">
</head>
<body>
<div class="header">
<div class="top">
<div class="wrap">
<a href="#"><img src="../images/logo.png" width="173" height="42" alt="地利物流" class="logo"></a>
<ul class="links">
<li><a href="#">注册</a></li>
<li><a href="#">登录</a></li>
</ul>
</div>
</div>
<div class="nav">
<div class="wrap">
<ul>
<li class="on"><a href="#">首页</a></li>
<li><a href="#">关于地利</a></li>
</ul>
</div>
</div>
</div>
<div class="content">
<!-- 焦点图 start-->
<a href="#"><img src="../temp/pic.jpg" class="gallery" alt="地利物流"></a>
<!-- 焦点图 end-->
<!-- 注册 start -->
<div class="wrap clearfix">
<div class="register">
<ul class="tab">
<li><a href="#">货主注册</a></li>
<li class="on"><a href="#">车主注册</a></li>
</ul>
<!-- 货主注册 start-->
<form class="form goods-owner"></form>
<!-- 货主注册 end-->
<!-- 车主注册 start-->
<form class="form car-owner">
<ul>
<li>
<input type="text" class="input-text" placeholder="手机号码">
</li>
<li>
<input type="text" class="input-text" placeholder="验证码">
</li>
<li>
<input type="password" class="input-text" placeholder="登录密码">
</li>
<li>
<input type="password" class="input-text" placeholder="确认密码">
</li>
<li class="lincense">
<label>
<span class="checkbox"><input type="checkbox"></span>我已阅读并同意
</label><a href="#">《地利物流注册协议》</a>
</li>
<li>
<button type="submit" class="btn">立即注册</button>
</li>
</ul>
</form>
<!-- 车主注册 end-->
</div>
<!-- 注册 end -->
<!-- 登录 start -->
<div class="user">
<img src="../temp/avatar.png" alt="" class="avatar">
<ul class="info">
<li><span class="tit">账户类型：</span>货主</li>
<li><span class="tit">手机号码：</span>18604569418</li>
<li><span class="tit">账户金额：</span><em>10000000元</em></li>
</ul>
<a href="#" class="btn">进入个人中心</a>
<ul class="quick-link">
<li><a href="#"><i class="icon icon-paper"></i>待承接<em>2</em></a></li>
<li><a href="#"><i class="icon icon-money"></i>待付款</a></li>
<li><a href="#"><i class="icon icon-basket"></i>待收货</a></li>
<li><a href="#"><i class="icon icon-paper"></i>待给价</a></li>
<li><a href="#"><i class="icon icon-bus"></i>待发车</a></li>
<li><a href="#"><i class="icon icon-money"></i>待处理退款</a></li>
</ul>
</div>
<!-- 登录 end -->
</div>
</div>
<div class="wrap section-item-1 clearfix">
<div class="feature">
<div class="box">
<dl>
<dt>
<h2>地理物流4大特色</h2></dt>
<dd>
<img src="../images/feature_price.png" alt="透明的价格">
<h3>透明的价格</h3>
<p>健全的车队，完美的配送，优质的服务，贴心的享受</p>
</dd>
<dd>
<img src="../images/feature_car.png" alt="万辆货车">
<h3>万辆货车</h3>
<p>健全的车队，完美的配送，优质的服务，贴心的享受</p>
</dd>
<dd>
<img src="../images/feature_resource.png" alt="海量资源">
<h3>海量资源</h3>
<p>健全的车队，完美的配送，优质的服务，贴心的享受</p>
</dd>
<dd>
<img src="../images/feature_service.png" alt="金牌服务">
<h3>金牌服务</h3>
<p>健全的车队，完美的配送，优质的服务，贴心的享受</p>
</dd>
</dl>
</div>
</div>
<div class="shipping">
<div class="box">
<form action="">
<dl>
<dt>
<h2>我要发货</h2></dt>
<dd>
<input type="text" class="input-text source" placeholder="您的货在哪？">
</dd>
<dd>
<input type="text" class="input-text target" placeholder="运到哪？">
</dd>
</dl>
<button class="btn">下一步</button>
</form>
</div>
</div>
<div class="hava-car">
<div class="box">
<form action="">
<dl>
<dt>
<h2>我有货车</h2></dt>
<dd>
<input type="text" class="input-text source" placeholder="您的车牌号是多少？">
</dd>
</dl>
<button class="btn">下一步</button>
</form>
</div>
</div>
</div>
<script src="../js/javascript/index/jquery-1.9.1.min.js"></script>
<script src="../js/javascript/index/index.js"></script>
</body>
</html>