-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (131 loc) · 4.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="土购网,电商,农产品">
<meta name="description" content="这是一个关于农产品的电商网站。">
<title>土购网</title>
<link rel="shortcut icon" href="./res/images/logo.png" type="image/png">
<!-- 引入样式文件 -->
<!-- <link rel="stylesheet" href="./dist/css/app.css"> -->
<link rel="stylesheet" href="./node_modules/[email protected]@swiper/swiper-bundle.css">
<link rel="stylesheet/less" href="./style/reset.less">
<link rel="stylesheet/less" href="./style/app.less">
<link rel="stylesheet/less" href="./style/login.less">
<link rel="stylesheet/less" href="./style/nav.less">
<link rel="stylesheet/less" href="./style/category.less">
<link rel="stylesheet/less" href="./style/goods.less">
<!-- 引入编译less的文件 -->
<script src="./node_modules/[email protected]@less/dist/less.js"></script>
</head>
<body>
<!-- 头部 -->
<header>
<!-- 顶部信息 -->
<div class="top-nav">
<div class="container clearfix">
<ul class="left-nav left">
<li><a href="index.html">您好！欢迎来到土购网菜市场！</a></li>
<li class="login" data-type="login"><a href="" data-type="login">请登录</a></li>
<li class="register" data-type="register"><a href="" data-type="register">免费注册</a></li>
</ul>
<ul class="right-nav right">
<li><a href="">购物车</a></li>
<li><a href="">服务热线：<span>8004001234</span></a></li>
</ul>
</div>
</div>
<!-- 搜索 -->
<div class="top-search-container">
<div class="container clearfix">
<!-- logo -->
<a href="index.html" class="left-icon left">
<img src="res/images/logo.png" alt="logo" />
</a>
<!-- 搜索 -->
<div class="search left">
<input type="search">
<button class="btnsearch">搜索</button>
</div>
</div>
</div>
<!-- 导航 -->
<nav class="top_sub_nav_container">
<div class="nav_container"></div>
</nav>
<!-- 轮播图 -->
<nav class="top-banner-container">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img width="100%" height="400" src="./img/6.jpg"
alt="banner">
</div>
<div class="swiper-slide">
<img width="100%" height="400" src="./img/7.jpg"
alt="banner">
</div>
<div class="swiper-slide">
<img width="100%" height="400" src="./img/8.jpg"
alt="banner">
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- 分类导航 -->
<div class="category-nav"></div>
</div>
</nav>
</header>
<!-- 主体部分 -->
<main>
<div class="main-container"></div>
</main>
<!-- 尾部 -->
<footer>
<div class="security">
<ul class="wrap">
<li><i class="i1"></i>土的自然 购得放心</li>
<li><i class="i2"></i>买卖特产 全程服务</li>
<li><i class="i3"></i>正品保障 精致生活</li>
<li><i class="i4"></i>天天特价 特惠体验</li>
</ul>
</div>
<div class="foot clearfix">
<em class="left">
<a href="http://union.xns315.com/lm/xns017341.html">
<img src="" alt="中国农业网站共建联盟">
</a>
<a href="">
<img src="" alt="中国农业百强网站">
</a>
<a href="http://www.hao123.com/">
<img src="http://www.hao123.com/static/images/public/logo.jpg" alt="hao123">
</a>
</em>
<p>
<a href="">关于我们</a>
<a href="">联系我们</a>
<a href="">隐私声明</a>
<a href="">服务条款</a>
<a href="">招贤纳士</a>
<a href="">商家入驻</a>
</p>
<p>
增值电信业务经营许可证粤B2-2012052 粤ICP备12003095-2号 Copyright©2013-2022 版权所有 http://www.lovehou.com
</p>
<div style="width:300px;margin:0 auto; padding:20px 0;">
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=36070202000100" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">粤公网安备 36070202000100号</p></a>
</div>
</div>
</footer>
</body>
<script src="./node_modules/[email protected]@jquery/dist/jquery.js"></script>
<script src="./node_modules/[email protected]@swiper/swiper-bundle.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/app.js"></script>
</html>