-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathfavorite.html
166 lines (156 loc) · 5.03 KB
/
favorite.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
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>我的收藏</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body id="favorite">
<!-- menu -->
<div id="menu">
<div class="menu-con">
<div class="search-wrap">
<form>
<input type="text" name="search" class="search-input" placeholder="关键字搜索">
</form>
</div>
<ul>
<li class="title-item">会员分类</li>
<li class="user-item green-item"><a href="#">游客体验专区<br><span>体验百个免费视频</span></a></li>
<li class="user-item yellow-item"><a href="#">免费注册会员专区<br><span>体验百个免费视频</span></a></li>
<li class="user-item blue-item"><a href="#">付费会员专区<br><span>体验百个免费视频</span></a></li>
<li class="title-item">课程分类</li>
<li class="course-item"><a href="#">首页</a></li>
<li class="course-item"><a href="#">精品推荐</a></li>
<li class="course-item"><a href="#">创业</a></li>
<li class="course-item"><a href="#">管理</a></li>
<li class="course-item"><a href="#">营销</a></li>
<li class="course-item"><a href="#">职场</a></li>
<li class="course-item"><a href="#">生活</a></li>
</ul>
</div>
</div>
<!-- end menu -->
<!-- user -->
<div id="user">
<!-- user without login -->
<div class="user-con">
<div class="user-top">
<p class="fl">还没有帐号？<a href="#">立即注册</a></p>
<p class="fr"><a href="#">忘记密码</a></p>
</div>
<div class="login-form">
<form>
<p class="input-con">
<input class="txt-input" name="user" type="text" placeholder="邮箱/帐号">
</p>
<p class="input-con">
<input class="txt-input" name="pwd" type="password" placeholder="密码">
</p>
<p class="input-con">
<input class="login-btn" value="登录" type="submit">
</p>
</form>
</div>
</div>
<!-- end user without login -->
<!-- user already logined -->
<div id="user-loged">
<div class="user-loged-top">
个人中心
<a class="fr pill" href="javascript:;">退出</a>
</div>
<div class="user-loged-bottom">
<ul>
<li class="user-item green-item"><a href="#">我的收藏</a></li>
<li class="user-item yellow-item"><a href="#">我的课程</a></li>
<li class="user-item blue-item"><a href="#">历史记录</a></li>
</ul>
</div>
</div>
<!-- end user already logined -->
</div>
<!-- end user -->
<!-- container -->
<div id="container">
<!-- header -->
<header>
<div class="wrap">
<i class="menu-open"></i>
<a class="logo" href="#"><img src="img/logo.png"></a>
<i class="user-open"></i>
</div>
</header>
<!-- end header -->
<!-- nav -->
<nav class="cf">
<a class="curr" href="#">我的收藏</a>
<a href="myCourse.html">我的课程</a>
<a href="timeline.html">历史记录</a>
</nav>
<!-- end nav -->
<!-- content -->
<div class="content wrap">
<div class="mod-vertical-video">
<ul class="vertical-video-list">
<li class="vVideo-item">
<div class="vVideo-thumb">
<a href="#"><img src="img/pic/v-thumb.jpg"></a>
</div>
<div class="vVideo-data">
<a class="vVideo-name">总裁战略管控</a>
<p class="vVideo-author">讲师：李信念</p>
<p class="vVideo-intro">some课程劫杀bl</p>
</div>
</li>
<li class="vVideo-item">
<div class="vVideo-thumb">
<a href="#"><img src="img/pic/v-thumb.jpg"></a>
</div>
<div class="vVideo-data">
<a class="vVideo-name">总裁战略管控</a>
<p class="vVideo-author">讲师：李信念</p>
<p class="vVideo-intro">some课程劫杀blabal巴</p>
</div>
</li>
<li class="vVideo-item">
<div class="vVideo-thumb">
<a href="#"><img src="img/pic/v-thumb.jpg"></a>
</div>
<div class="vVideo-data">
<a class="vVideo-name">总裁战略管控</a>
<p class="vVideo-author">讲师：李信念</p>
<p class="vVideo-intro">some课程劫杀blabal巴拉巴拉</p>
</div>
</li>
<li class="vVideo-item">
<div class="vVideo-thumb">
<a href="#"><img src="img/pic/v-thumb.jpg"></a>
</div>
<div class="vVideo-data">
<a class="vVideo-name">总裁战略管控</a>
<p class="vVideo-author">讲师：李信念</p>
<p class="vVideo-intro">some课程劫杀blabal巴拉巴拉</p>
</div>
</li>
</ul>
</div>
</div>
<!-- end content -->
<!-- footer -->
<footer>
<p>乐享移动教育</p>
<p>CopyRight©2013-2014 中国移动企业在线大学 粤ICP备1401604</p>
</footer>
<!-- end footer -->
</div>
<!-- end container -->
<script src="js/vendor/zepto.min.js"></script>
<script src="js/vendor/touch.js"></script>
<script src="js/helper.js"></script>
<script src="js/main.js"></script>
</body>
</html>