-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
158 lines (136 loc) · 7.56 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
<!DOCTYPE html>
<html lang="ch">
<head>
<title>Sharetown</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Unrivaled Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<!-- /Fonts -->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800" rel="stylesheet">
<!-- //Fonts -->
</head>
<body>
<!-- mian-content -->
<div class="main-banner" id="主页">
<!--/banner-->
<div class="banner-info">
<div class="w3pvt-logo text-center">
<h1> <a href="index.html">Sharetown</a></h1>
</div>
<div class="middile-inner-con">
<div class="tab-main mx-auto">
<input id="tab1" type="radio" name="tabs" class="w3layouts-sm" checked>
<label for="tab1"><span class="fa fa-home" aria-hidden="true"></span>主页</label>
<input id="tab2" type="radio" class="w3layouts-sm" name="tabs">
<label for="tab2"><span class="fa fa-users" aria-hidden="true"></span> 关于</label>
<input id="tab3" type="radio" class="w3layouts-sm" name="tabs">
<label for="tab3"><span class="fa fa-files-o" aria-hidden="true"></span>活动介绍</label>
<input id="tab4" type="radio" class="w3layouts-sm" name="tabs">
<label for="tab4"><span class="fa fa-envelope" aria-hidden="true"></span> 联系我们</label>
<section id="content1" class="inner-w3layouts-wrap">
<img src="images/admin.jpg" width="70" height="70" alt="mobile-image">
<h4>嗨，我是数统学院一名大三的学生，这原本是我自学H5时制作的个人博客网页，偶然一个机会在阿里云申请了一个试用服务器，为了不浪费资源，现在向各位分享一些咱们学院的活动锦集</h4>
<h2>声明</h2>
<p>该网页不做任何营利性活动，也并非官方性活动，全凭个人喜好，网页初次上线，还请各位大神批评指正！素材持续更新中</p>
</section>
<section id="content2" class="inner-w3layouts-wrap">
<h3 class="head-w3ls">关于</h3>
<p>该网页制作与2018年12月，上线于2019年11月。期间因个人原因并未及时发表，现以向新生宣传学院活动作试运行！ </p>
</section>
<section id="content3" class="inner-w3layouts-wrap">
<h3 class="head-w3ls">活动项目</h3>
<br/>
<br/>
<br/>
<p>数统2019年暑期三下乡社会实践活动锦集</p>
<video src="video/三下乡第一天.mp4" controls width="400" height="300">
</video>
<video src="video/三下乡第二、三天记录.mp4" controls width="400" height="300">
</video>
<video src="video/三下乡第四天.mp4" controls width="400" height="300">
</video>
<video src="video/三下乡第五天.mp4" controls width="400" height="300">
</video>
<br/>
<a href="http://math.sgmtu.edu.cn/"> 获取更多资讯</a>
</section>
<section id="content4" class="inner-w3layouts-wrap">
<h3 class="head-w3ls"> 联系我们</h3>
<form name="contact-form" class="contact-form" method="post" action="#">
<div class="row">
<div class="col-6 con-gd">
<div class="form-group">
<p>昵称 *</p>
<input type="text" class="form-control" id="name" placeholder="" name="name" required="">
</div>
<div class="form-group">
<p>邮箱 *</p>
<input type="email" class="form-control" id="email" placeholder="" name="email" required="">
</div>
</div>
<div class="col-6 con-gd">
<div class="form-group">
<p>发送消息 *</p>
<textarea name="Message" placeholder="" required=""></textarea>
</div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">提交</button>
</div>
</form>
<ul class="w3pvt_social_list list-unstyled mt-4">
<li>
<a href="#" class="w3layouts-icon">
<span class="fa fa-facebook-f"></span>
</a>
</li>
<li>
<a href="#" class="w3layouts-icon">
<span class="fa fa-twitter"></span>
</a>
</li>
<li>
<a href="#" class="w3layouts-icon">
<span class="fa fa-dribbble"></span>
</a>
</li>
<li>
<a href="#" class="w3layouts-icon">
<span class="fa fa-google-plus"></span>
</a>
</li>
</ul>
</section>
</div>
<!--// banner-inner -->
</div>
</div>
<div class="copy-w3layouts-right text-center pb-3">
<p>© 2019 Sharetown. 版权所有 | 作者：
<a href="https://weibo.com/6301342889/profile?rightmod=1&wvr=6&mod=personinfo&is_all=1"> 用笔尖丈量地球.</a>
</p>
</div>
</div>
<!--//main-content-->
</body>
</html>