-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
129 lines (122 loc) · 4.54 KB
/
home.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
<!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">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>海马网 Skill Bridge</title>
<!-- Bootstrap -->
<link href="../asset/css/bootstrap.min.css" rel="stylesheet">
<link href="../asset/css/custom.css" rel="stylesheet">
<!-- 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]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../libs/jquery-1.11.3.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../libs/bootstrap.min.js"></script>
<script src="../asset/js/main.js"></script>
<script src="../asset/js/home.js"></script>
</head>
<body>
<div class="container-fluid" >
<div id="header" class="homeheader"></div>
<div class="row-fluid">
<div class="span12">
<div id="carousel_home"></div>
<div class="col-lg-12">
<div class="welcome" >
<h2>欢迎来到Skill Bridge学习</h2>
<h3 style="color: #ffa800;">WELCOME</h3>
</div>
</div>
<div id="platform"></div>
</div>
</div>
<div class="col-lg-12">
<div style="margin-top: 60px;text-align: center" >
<div class="picInline">
<img src="../asset/img/v1.jpg" width="100%" >
</div>
<div class="picInlinehover" style="">
<p>
寻找机遇
</p>
<div><span>点击进入</span></div>
</div>
<div class="picInline">
<img src="../asset/img/v2.jpg" width="100%" >
</div>
<div class="picInlinehover" style="">
<p>
了解平台
</p>
<div><span>点击进入</span></div>
</div>
<div class="picInline">
<img src="../asset/img/v3.jpg" width="100%" >
</div>
<div class="picInlinehover" style="">
<p>
ID@Skill Bridge
</p>
<div><span>点击进入</span></div>
</div>
<div class="picInline">
<img src="../asset/img/v4.jpg" width="100%" >
</div>
<div class="picInlinehover" style="">
<p>
下载APP
</p>
<div><span>点击进入</span></div>
</div>
</div>
</div>
<div class="col-lg-12">
<div style="float: left;width: 100%">
<div id="parallax" data-height="320" data-adjust="0" style="background-position: 50% 300px;">
<div class="parallax_content">
<div id="Parallax_Title"></div><h2 style="text-align: center; font-size: 48px;"><span style="color: #ffffff;">探索 求知 合作 进步</span></h2>
<p style="text-align: center; font-size: 24px;margin-top: 56px">
<span style="color: #ffffff;">在Skill Bridge打造属于自己的在线课堂</span>
</p>
</div>
</div>
</div>
</div>
<div id="hrVideo"></div>
<div class="col-lg-12" >
<div style="float: left;width: 100%">
<div id="parallax1" data-height="450" data-adjust="0" style="background-position: 50% 300px;">
<div class="parallax_content">
<div id="Parallax_Title"></div><h2 style="text-align: center; font-size: 48px;"><span style="color: #ffffff;">快来加入Skill Bridge学习大家庭</span></h2>
<p style="text-align: center; font-size: 24px;margin-top: 60px">
<span style="color: #ffffff;">提升自身能力从现在开始学</span>
</p>
<button type="button" class="btn" style="box-shadow:none;font-size:18px;width:134px;height:40px;color:white;border: 0px solid #ddd;background: #fb6401;background-color: #fb6401;font-family:Microsoft YaHei;margin-top: 45px">
<a style="color: white" href="register.html">现在加入</a>
</button>
</div>
</div>
</div>
</div>
<div class="col-lg-12 hotnew" >
<ul class=" nav nav-pills nav-justified " style="width:50%;margin-left: 25%">
<li class="active">
<a data-toggle="tab" role="presentation" ><h3>热门课程</h3></a>
</li>
<li >
<a data-toggle="tab" role="presentation" ><h3>最新课程</h3></a>
</li>
</ul>
</div>
<div id="lessonList"></div>
<div id="footer"></div>
</div>
</body>
</html>