-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (163 loc) · 6.42 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
<!DOCTYPE html>
<html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>慕课网</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/css.css" rel="stylesheet" type="text/css">
<link href="css/layout.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="topback"></div>
<a class="back-up-btn btn btn-default btn-lg" href="#topback" aria-label="返回顶部">
<span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
</a>
<header id="page-head">
<div class="container head-box">
<nav class="navbar navbar-default navbar-rwx">
<div class="container-fluid head-box">
<div id="logo-head"><img src="images/index_05.png"></div>
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="nav-tall hidden-xs hidden-sm hidden-md">
4008-888888
</div>
<ul class="nav navbar-nav navbar-right">
<a href="index.html"><li class="on">首页</li></a>
<a href="servers.html"><li>产品</li></a>
<a href="about.html"><li>我们</li></a>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</header>
<section id="banner" class="ser-banner2">
<img src="images/index_12.png">
</section>
<section class="pages-one">
<div class="container">
<div class="pages-title">
<h3>使用Bootstrap框架开发网站</h3>
<p>简洁、直观、强悍的前端开发框架，让web开发更迅速、简单</p>
</div>
<div class="row one-pic">
<div class="col-md-4 col-sm-6 col-xs-6">
<img src="images/index_15.png">
</div>
<div class="col-md-4 col-sm-6 col-xs-6">
<img src="images/index_17.png">
</div>
<div class="col-md-4 col-sm-6 col-xs-6">
<img src="images/index_19.png">
</div>
</div>
</div>
</section>
<section class="pages-two">
<div class="container">
<div class="pages-title">
<h3>Bootstrap相关优质项目推荐</h3>
<p>这些项目或者是对Bootstrap进行了有益的补充，或者是基于Bootstrap开发的</p>
</div>
<div class="row two-pic" style="margin-bottom:30px;margin-top: 30px;">
<div class="col-md-3 col-sm-4 col-xs-6">
<a href="servers.html#fcg"><li class="fcg-li" style="margin-left:0px">
<h3>编码规范</h3>
<div class="btnr border-blue">查看更多</div>
</li></a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<a href="servers.html#fwx"><li class="fwx-li">
<h3>jQuery API</h3>
<div class="btnr border-blue">查看更多</div>
</li></a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<a href="servers.html#fjp"><li class="fjp-li">
<h3>BootCDN</h3>
<div class="btnr border-blue">查看更多</div>
</li></a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
<a href="servers.html#fpz"><li class="fpz-li">
<h3>w3schools</h3>
<div class="btnr border-blue">查看更多</div>
</li></a>
</div>
</div>
</div>
</section>
<section class="pages-three">
<div class="container">
<div class="pages-title">
<h3>Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架</h3>
<p style="line-height:30px;">Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
</p>
<img src="images/index_38.png">
</div>
</div>
</section>
<section class="pages-four">
<div class="container">
<div class="pages-title">
<h3>Bootstrap 让前端开发更快速、简单</h3>
</div>
<div class="row newsinfo">
<div class="col-md-6 col-sm-6 col-xs-12">
<img class="tj-pic" src="images/index_42.png">
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<ul class="info-li">
<li>● 预处理脚本</li>
<li>● 一个框架、多种设备</li>
<li>● Bootstrap 提供了全面、美观的文档。</li>
</ul>
</div>
</div>
</div>
</section>
<footer id="page-foot">
<div class="container">
<div class="row foot-info">
<div class="col-md-6 col-sm-6 col-xs-6">
<img class="left-img" src="images/index_49.png">
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<img class="right-img" src="images/index_46.png">
</div>
</div>
<div class="copy-info">
<span>电话:4008-000000 </span><span>固话:022-6666666 </span>
<span>邮箱:[email protected] </span><span>传真:022-6666666</span><br>
地址：北京市西城区德外大街10号<br><br>
Copyright © 2017 imooc.com All Rights Reserved | 京ICP备 13046642号-2 </div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js" type="text/javascript"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>