-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlist.html
138 lines (138 loc) · 6.17 KB
/
list.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>imooc css example</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script src="js/setHomeFav.js" type="text/javascript"></script>
</head>
<body>
<div class="top">
<div class="top_content">
<ul>
<li><a href="#">联系我们</a></li>
<li><a href="#" onclick="AddFavorite(window.location, document.title)">加入收藏</a></li>
<li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
</ul>
</div>
</div>
<!-- top end -->
<div class="wrap">
<div class="logo">
<div class="logo_left">
<img src="images/logo.jpg" alt="慕课网"/>
</div>
<div class="logo_right">
<img src="images/tel.jpg" alt="服务热线" /> 24小时服务热线: <span class="tel">123-456-7890</span>
</div>
</div>
<!-- logo end -->
<div class="nav">
<div class="nav_left"></div>
<div class="nav_mid">
<div class="nav_mid_left">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="list.html">关于慕课</a></li>
<li><a href="list.html">新闻动态</a></li>
<li><a href="list.html">课程中心</a></li>
<li><a href="list.html">在线课程</a></li>
<li><a href="list.html">人才招聘</a></li>
</ul>
</div>
<div class="nav_mid_right">
<form action="" method="post">
<input type="text" class="search_text" />
</form>
</div>
</div>
<div class="nav_right"></div>
</div>
<!-- nav end -->
<div class="ad" id="picBox" style="height:243px">
<img src="images/ad.jpg" />
</div>
<!-- ad end -->
<div class="list_main">
<div class="news_type">
<h2>新闻中心</h2>
<div class="news_type_content">
<ul>
<li><a href="list.html">公司新闻</a></li>
<li><a href="list.html">行业新闻</a></li>
<li><a href="list.html">媒体报道</a></li>
<li><a href="list.html">活动专题</a></li>
<li><a href="list.html">精彩视频</a></li>
<li><a href="list.html">资源下载</a></li>
<li><a href="list.html">公司内刊</a></li>
</ul>
</div>
</div>
<div class="list_box">
<h2>新闻中心</h2>
<div class="news_list">
<ul>
<li><span>2014-06-01</span><a href="news.html">【慕课访谈 用户篇】"有为屌丝"在路上</a></li>
<li><span>2014-06-01</span><a href="news.html">【有奖活动】给父亲的三行书信</a></li>
<li><span>2014-05-30</span><a href="news.html">《程序猿, 请晒出你的童年》活动获奖公告</a></li>
<li><span>2014-05-30</span><a href="news.html" title="aa">【慕课访谈】破茧成蝶--美女程序猿的蜕变史</a></li>
<li><span>2014-06-01</span><a href="news.html">【慕课访谈 用户篇】"有为屌丝"在路上</a></li>
<li><span>2014-06-01</span><a href="news.html">【有奖活动】给亲的三行书信</a></li>
<li><span>2014-05-30</span><a href="news.html">《程序猿, 请晒你的童年》活动获奖公告</a></li>
<li><span>2014-05-30</span><a href="news.html" title="aa">【慕课访谈】破茧成蝶--美女程序猿的蜕变史</a></li>
</ul>
</div>
<div class="page">
<a href="#">首页</a><a href="#"><</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">...</a><a href="#">></a><a href="#">末页</a>
</div>
</div>
</div>
</div>
<!-- wrap end -->
<div class="copyright">
<div class="copyright_content">
<ul>
<li><a href="#">关于</a>
<ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">版权声明</a></li>
</ul>
</li>
<li><a href="#">课程</a>
<ul>
<li><a href="#">PHP开发</a></li>
<li><a href="#">前端开发</a></li>
<li><a href="#">JAVA开发</a></li>
<li><a href="#">Android开发</a></li>
</ul>
</li>
<li><a href="#">留言</a>
<ul>
<li><a href="#">新浪微博</a></li>
<li><a href="#">腾讯微博</a></li>
<li><a href="#">企业微信</a></li>
<li><a href="#">QQ空间</a></li>
</ul>
</li>
<li><a href="#">关注</a>
<ul>
<li><a href="#">意见反馈</a></li>
<li><a href="#">问题留言</a></li>
<li><a href="#">媒体联络</a></li>
<li><a href="#">在线客服</a></li>
</ul>
</li>
<li><a href="#"><img src="images/weixin.png" />微信关注</a>
<ul>
<li><img src="images/qrcode.jpg" /></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>