-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
247 lines (236 loc) · 11.1 KB
/
Copy pathindex.html
File metadata and controls
247 lines (236 loc) · 11.1 KB
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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta id="viewport" name="viewport" content="width=device-width">
<title>Maxcell</title>
<link rel="shortcut icon" href="assets/img/maxcell-icon.jpg" type="image/x-jpg">
<link rel="stylesheet" href="//o5ngisf7c.qnssl.com/source/fontawesome/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="//o5ngisf7c.qnssl.com/source/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="assets/css/new-index.css" type="text/css">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Quicksand">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" type="text/css"
href="//cdn.webfont.youziku.com/webfonts/nomal/89007/46865/57a037b7f629d80e60c369f8.css">
</head>
<body id="top" data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- nav-bar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-maxcell">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="assets/img/maxcell-white-no-content.svg"> <big>Maxcell</big>
</a>
</div>
<div class="collapse navbar-collapse" id="nav-maxcell">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">主页</a></li>
<li><a href="#about">介绍</a></li>
<li><a href="#show">作品</a></li>
<li><a href="#contact">联系</a></li>
</ul>
</div>
</div>
</nav>
<!-- home screen -->
<div id="home" class="container-fluid">
<div class="container-fluid dummy-hr-50"></div>
<div id="home-bg" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/page1-bg.jpg">
<!-- <img src="//o5ngisf7c.qnssl.com/maxcell/gc2016.jpg"> -->
<div class="carousel-caption">
<div class="container-fluid dummy-hr"></div>
<div class="row">
<div class="col-sm-2"></div>
<div class="col-sm-8 text-center">
<h1 id="home-font">Maxcell</h1>
<h3 class="css4ef02eb4015baf">心之所致 无所不能</h3>
</div>
<div class="col-sm-2"></div>
</div>
</div>
<!-- <div class="row btn-row">
<div class="col-sm-6"><button class="signup-btn btn btn-warning" type="button">
<img src="//o5ngisf7c.qnssl.com/maxcell/bm-1.png"></button>
</div>
<div class="col-sm-6"></div>
</div> -->
</div>
</div>
</div>
<!-- about-maxcell -->
<div id="about" class="container container-inner text-center">
<h3>ABOUT MAXCELL</h3>
<div class="container-fluid dummy-hr"></div>
<p>中山大学Maxcell资源在线协会是一个以www.maxcell.com.cn为平台，</p>
<p>致力于增强中大校园互动、整合校内资源、追求资源最优化利用的学生社团。</p>
<p>享有中珠四大社团美誉并于2011年荣获新浪微博“全国百佳社团”称号。</p>
<p>协会集中了大批电脑软硬件、网页制作、摄影、微电影制作、平面设计等多方面的技术爱好者。</p>
<br>
<div class="row">
<div class="col-sm-4">
<p class="text-center"><strong>外联部</strong></p><br>
<a href="#dpt1" data-toggle="collapse">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/wl.png" class="img-rounded department"
alt="部门一">
</a>
<div id="dpt1" class="collapse">
<p>对外寻求赞助商筹集活动所需经费</p>
<p>以及其他相关公关活动</p>
<p>包括与校内其他协会的合作交流</p>
<p>担负协会的活动策划主力，新项目推广等工作</p>
</div>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>资讯部</strong></p><br>
<a href="#dpt2" data-toggle="collapse">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/15254803738da9779e3ef1e3b251f8198718e31f.jpg"
class="img-rounded department"
alt="部门二">
</a>
<div id="dpt2" class="collapse">
<p>收集校内和各协会相关信息</p>
<p>负责校园传媒</p>
<p>利用优秀的摄影技术为校园内各项活动、新鲜事拍摄采风，同时进行自身的艺术创作</p>
<p>担负起协会各项活动现场采风、留影的任务</p>
</div>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>技术支持部</strong></p><br>
<a href="#dpt3" data-toggle="collapse">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/ds.jpg" class="img-rounded department"
alt="部门三">
</a>
<div id="dpt3" class="collapse">
<p>Maxcell IT技术力量的核心体现</p>
<p>保证服务器硬件的正常工作</p>
<p>为各部门提供电脑技术支持以及指导</p>
<p>为中珠学生提供免费电脑维修，维护服务</p>
<p>配合协会需要进行软件开发方面的研究</p>
</div>
</div>
</div>
<div id="about-hr" class="container-fluid dummy-hr"></div>
<div class="row">
<div class="col-sm-6">
<p class="text-center"><strong>开发部</strong></p><br>
<a href="#dpt4" data-toggle="collapse">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/kf.png" class="img-rounded department"
alt="部门四">
</a>
<div id="dpt4" class="collapse">
<p>负责Maxcell网页开发和平面设计</p>
<p>负责协会网站平台Maxcell Online的网站开发以及优化</p>
<p>为协会各项活动以及项目进行高水准的宣传品，平面设计作品创作</p>
</div>
</div>
<div class="col-sm-6">
<p class="text-center"><strong>Maxcell DV Studio</strong></p><br>
<a href="#dpt5" data-toggle="collapse">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/ds.png" class="img-rounded department"
alt="部门五">
</a>
<div id="dpt5" class="collapse">
<p>Maxcell旗下的原创视频工作室</p>
<p>进行高水准原创短片以及年度大学生原创电影的制作</p>
<p>承担协会宣传视频，活动宣传视频的制作任务</p>
<p>同时负责每年的军训回忆录的制作</p>
</div>
</div>
</div>
</div>
<!-- works-show -->
<div id="show" class="container-fluid">
<div id="show-carousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#show-carousel" data-slide-to="0" class="active"></li>
<li data-target="#show-carousel" data-slide-to="1"></li>
<li data-target="#show-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/236464540462805513.jpg" alt="Traing">
<div class="carousel-caption">
<h3>军训实拍</h3>
</div>
</div>
<div class="item">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/sddss.jpg" alt="Fly">
<div class="carousel-caption">
<h3>航拍试飞</h3>
</div>
</div>
<div class="item">
<img src="//o5ngisf7c.qnssl.com/source/img/maxcell/221343963148297396.jpg" alt="Stu">
<div class="carousel-caption">
<h3>留学生摆拍</h3>
</div>
</div>
</div>
<a class="left carousel-control" href="#show-carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#show-carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- contact -->
<div id="contact" class="container container-inner text-center">
<h3 class="text-center">CONTACT</h3>
<div class="container-fluid dummy-hr"></div>
<div class="row">
<div class="col-md-8">
<img src="//o5ngisf7c.qnssl.com/source/img/qrcode_for_gh_98ac79ae734a_430.jpg"
style="max-width: 100%; max-height: 100%">
</div>
<div class="col-md-4 text-left">
<h3>微信公众号二维码</h3>
<p>街拍摄影，校园采访，微电影</p>
<p>电脑技术，创意开发</p>
<p>从令人惊叹的技术到业界称赞的设计，我们所做的一切都闪耀着你们的灵感与创新</p>
<p>加入我们，和我们一道让中珠变得更加美好</p>
</div>
</div>
</div>
</body>
<footer class="container-fluid text-center">
<div class="container container-inner">
<a class="up-arrow" href="#top" data-toggle="tooltip" title="TO TOP">
<span class="glyphicon glyphicon-chevron-up"></span>
</a>
<div class="container-fluid dummy-hr"></div>
<p>Copyright ©2016 Maxcell. All rights reserved.</p>
</div>
</footer>
<script type="text/javascript" src="//o5ngisf7c.qnssl.com/source/jquery/jquery.min.js"></script>
<script type="text/javascript" src="//o5ngisf7c.qnssl.com/source/bootstrap/js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
$('[data-toggle="tooltip"]').tooltip();
$(".navbar a, footer a[href='#top']").on('click', function (event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function () {
window.location.hash = hash;
});
}
});
$('.signup-btn').on('click', function () {
location.href = "http://gc.mtzero.org";
})
})
</script>
</html>