-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (142 loc) · 6.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>拾柒-REFLECT & RELEARN</title>
<script src="http://at.alicdn.com/t/font_2064145_kzeq008sb8.js"></script>
<script src="http://at.alicdn.com/t/font_2171580_wh8nq0t95ro.js"></script>
<link type="text/css" rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 客服图标 -->
<div class="kefu">
<span class="xxxx"><img src="./image/kefu.png" alt="" class="kefuPhoto"></span>
<span class="fansiren">在线客服<img src="./image/kefu.png" class="kefuPhoto2"></span>
</div>
<header>
<!-- 页面顶部 -->
<div class="header">
<!-- logo图片 -->
<div class="logoImage"><a href="javascript:;"><img src="./image/logo.png" alt="" id="logo"></a></div>
<!-- 导航栏 -->
<div class="nav">
<!-- 导航栏左边 -->
<div class="left">
<ul class="leftBox">
<li class="navContent"><a href="javascript:;">私密写</a></li>
<li class="navContent"><a href="javascript:;">小圈</a></li>
<li class="navContent"><a href="javascript:;">做书/印品</a></li>
<li class="navContent"><a href="index2.html">会员中心</a></li>
</ul>
</div>
<!-- 导航栏中间空的部分 -->
<div class="empty"></div>
<!-- 导航栏右边 -->
<div class="right">
<ul class="rightBox">
<li class="navContent"><a href="javascript:;">我的作品</a></li>
<li class="navContent pointFather"><a href="javascript:;">通知</a><svg class="icon point"
aria-hidden="true">
<use xlink:href="#icon-point-copy"></use>
</svg></li>
<li class="navContent Info">
<!-- 个人头像，昵称，其他信息 -->
<div class="userInfo">
<div class="userImage"><img src="./image/user.jpg" alt="" id="user"></div>
<span class="userName">whr</span>
<!-- 图标 -->
<span>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiala1"></use>
</svg>
</span>
</div>
<ul class="menu">
<li>账户设置</li>
<li>我的订单</li>
<li>我的订单</li>
<li>我的分享</li>
<li>我的积分</li>
<li>我的卡卷</li>
<li>回收站</li>
<li>用户服务协议与隐私政策</li>
<li>退出登录</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- 主体部分 -->
<section>
<!-- 主体部分 -->
<div class="mainContent">
<!-- 个人作品 -->
<div class="myWorkContainer">
<!-- 上面导航部分 -->
<div class="top">
<div class="myWork">
<span>我的作品</span>
<span>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiala1"></use>
</svg>
</span>
</div>
<div class="checkAll">
<span><a href="javascript:;" class="check">查看全部</a></span>
<span>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dayu"></use>
</svg>
</span>
</div>
</div>
<!-- 中间个人作品展示部分 -->
<div class="mid">
<div class="midContent">
<div>
<svg class="icon icon3" aria-hidden="true">
<use xlink:href="#icon-zanwushuju"></use>
</svg>
</div>
<div>暂无数据</div>
</div>
</div>
</div>
<!-- 其他人的热门作品展示部分 -->
<div class="hotWork">
<div class="container">
<!-- 头部标题部分 -->
<p class="title">热门印品</p>
<!-- 广告部分 -->
<div class="hotBox1">
<ul class="pic">
<li class="box1Image"><img src="./image/01.jpg" alt="" class="photo"></li>
<li class="box1Image"><img src="./image/02.jpg" alt="" class="photo"></li>
<li class="box1Image"><img src="./image/03.jpg" alt="" class="photo"></li>
</ul>
</div>
<!-- 作品展示部分 -->
<div class="hotBox2">
<ul class="realWork">
<li class="box2Image"><img src="./image/04.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/05.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/06.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/07.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/08.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/09.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/10.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/11.jpg" alt="" class="photo2"></li>
<li class="box2Image"><img src="./image/12.jpg" alt="" class="photo2"></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<script src="./js/third.js"></script>
</body>
</html>