-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (175 loc) · 7.86 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!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网站布局|researchlab</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<script src="js/setHomeFav.js" type="text/javascript"></script>
<script src="js/myfocus-2.0.4.min.js" type="text/javascript"></script>
<script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script>
<link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
myFocus.set({id:'picBox'})
</script>
</head>
<body>
<div class="top">
<div class="top_content">
<ul>
<li><a href="index2.html" style="color:blue;">新版首页</a></li>
<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">
<div class="loading">
<img src="images/loading.gif" alt="图片加载中"/>
<span>图片加载中</span>
</div>
<div class="pic">
<ul>
<li><img src="./images/ad2.jpg"/></li>
<li><img src="./images/ad3.jpg"/></li>
<li><img src="./images/ad4.jpg"/></li>
</ul>
</div>
</div>
<!-- ad end -->
<div class="main">
<div class="news">
<div class="title">
<h2 class="title_left">新闻中心</h2><span class="title_right"><a href="news.html">More>></a></span>
</div>
<div class="pic_news">
<img src="images/news.jpg"/>
<h2><a href="news.html">520 慕女神喊你来表白!</a></h2>
<p>活动时间: 5月20日--5月25日<br/>获奖公布时间: 5月26日<br/>
<a href="news.html">Learn More>></a>
</p>
</div>
<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>
</ul>
</div>
</div>
<!-- news end -->
<div class="course">
<div class="title">
<h2 class="title_left">课程中心</h2><span class="title_right"><a href="news.html">More>></a></span>
</div>
<div class="course_pic">
<img src="images/css.jpg"/><h2><a href="news.html">CSS圆角进化论</a></h2><p>CSS圆角的实现, 经历了三大发展阶段: 背景图片方式, CSS2.0+HTML标签模拟, CSS3.0圆角属性）。本案例详细讲解每一种的实现方式, 并对实现的优缺点进行对比分析。</p>
</div>
<div class="course_type">
<ul>
<li>PHP开发</li>
<li>前端开发</li>
<li>JAVA开发</li>
<li>Android开发</li>
</ul>
</div>
</div>
<!-- course end -->
<div class="sidebar">
<div class="video">
<div class="title">
<h2 class="title_left">媒体聚焦</h2>
</div>
<div class="video_content">
<!-- <embed src='http://player.youku.com/player.php/sid/XNjkzMDE5MTUy/v.swf' allowFullScreen='true' quality='high' width='220' height='140' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed> -->
<iframe height=140 width=220 src='https://player.youku.com/embed/XMTY1NjYxMzA4' frameborder=0 'allowfullscreen'></iframe>
</div>
</div>
<div class="sidebar_ad">
<img src="images/app.jpg" />
</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>