-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (136 loc) · 5.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SEPHORA丝芙兰官网－国际化妆品购物网站！</title>
<link rel="stylesheet" href="css/index.min.css">
<link rel="stylesheet" href="css/stylereset.min.css"/>
<link rel="stylesheet" href="css/iconfont.css">
<script src = 'js/require.js' async = "true" defer data-main = "js/tongdao"></script>
</head>
<body>
<!-- 顶部 -->
<div class="top">
<div class="topp">
<ul class = "to1">
<li> <a href="">欢迎来到丝芙兰</a> </li>
<li><a href="">请登录</a></li>
<i></i>
<li><a href="">免费注册</a></li>
<li><a href="">手机验证码登录</a></li>
</ul>
<div class="toBox">
<ul class = "to2">
<li><a href="">丝芙兰正品承诺</a></li>
<li><a href="">丝芙兰中国会员公告</a></li>
<li><a href="">常见问题</a></li>
</ul>
</div>
<ul class = "to3">
<li id="to31">
<span class = "iconfont"></span>
<a href="" class = "to311">我的丝芙兰▼</a>
<div><a href="">我的订单</a></div>
</li>
<li>
<a href=""><span class = "iconfont"></span>会员俱乐部</a>
</li>
<li>
<a href=""><span class = "iconfont"></span>手机丝芙兰</a>
</li>
<li><a href="">美力事业</a></li>
<li><a href="">帮助中心</a></li>
</ul>
</div>
</div>
<!-- logo行 -->
<div class="logo">
<div class="lo">
<a href="" class = "lo1">
<img src="https://ssl1.sephorastatic.cn/soa/pc/images/sep_top_Logo.png" alt="">
</a>
<div class="lo2">
<div class="lo21">
<form action="">
<input type="text" class="search">
<button>搜索</button>
</form>
</div>
<div class="lo22">
<p><a href="">丝芙兰好物盘点</a></p>
<p><a href="">护肤套装热卖</a></p>
<p><a href="">彩妆年度精选</a></p>
<p><a href="">香氛盛典</a></p>
<p><a href="">年终囤货清单</a></p>
<p><a href="">兰蔻臻享好礼榜</a></p>
</div>
<div class="searchBannerBox">
<ul class = "searchBanner">
<li>节日甄选好礼</li>
<li>养肤水光底妆</li>
<li>科技精华新主张</li>
<li>新年护肤献礼</li>
</ul>
</div>
</div>
<div class="lo3">
<div class="lo3Box">
<a class="lo31">
<span class = "iconfont"></span>
购物袋
<span>0</span>
件
</a>
<div class="lo32">
<span class = "iconfont"></span>
<div class = "lo322">
<div>购物车内暂时没有商品，登录后将显示您之前加入的商品</div>
<button>登录</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- banner图上方导航 -->
<div class="bannerTop">
<div class="bannerTopBox">
<div class="btb1">
<a href="">全部商品类目</a>
</div>
<ul class="btb2">
<li><a href="">畅销榜单</a></li>
<li><a href="">独家发售</a></li>
<li><a href="">礼物套装</a></li>
<li><a href="">全部品牌</a></li>
<li><a href="">预约中心</a></li>
</ul>
<div class="btb3">
<img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2018/06/banner/navigation_shopping.png" alt="">
</div>
</div>
</div>
<!-- banner图主体以及侧边栏 -->
<div class="banner">
<div class="bannerAllBox">
<div class="bannerBox">
<!-- <a href=""><img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2020/01/banner/hp_redpower_20200116.jpg"></a>
<a href=""><img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2020/01/banner/hp_redpower_20200116.jpg"></a>
<a href=""><img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2020/01/banner/hp_redpower_20200116.jpg"></a>
<a href=""><img src="https://ssl1.sephorastatic.cn/wcsfrontend/campaign/campaign_img/2020/01/banner/hp_redpower_20200116.jpg"></a> -->
</div>
<div id="img-left"> < </div>
<div id="img-right"> > </div>
<div id="img-num">
<li class="num-one active" ></li>
<li class="num-two"></li>
<li class="num-three"></li>
<li class="num-four"></li>
</div>
</div>
</div>
<!-- banner图下方 广告 -->
</body>
</html>