-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
281 lines (248 loc) · 12.1 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
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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="ITRClub">
<meta name="author" content="ITRClub">
<title>ITRClub - Idea To Reality Club</title>
<link href="resource/index/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="resource/index/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="resource/index/vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="resource/index/css/freelancer.min.css" rel="stylesheet">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?fdec8b99a6dce1c1ecaa48009554699a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body id="page-top">
<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Idea To Reality Club</a>
<button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">我们的作品</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">关于我们</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#recruit">诚聘英才</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contribute">支持我们</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- 头部介绍 -->
<header class="masthead bg-primary text-white text-center">
<div class="container">
<img class="img-fluid mb-5 d-block mx-auto" src="resource/index/img/logo.png" alt="">
<hr class="star-light">
<h1 class="text-uppercase mb-0">ITRClub</h1><br>
<h2 class="font-weight-light mb-0">Where there is an idea </h2>
<h2 class="font-weight-light mb-0">there is a way to make it into reality </h2>
</div>
</header>
<!-- 我们的产品 -->
<section class="portfolio" id="portfolio">
<div class="container">
<h2 class="text-center text-uppercase text-secondary mb-0">我们的作品</h2>
<hr class="star-dark mb-5">
<div class="row">
<div class="col-md-6 col-lg-6">
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-1">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<a href="http://st.zx.itrclub.com:8000" target="_blank"><img class="img-fluid" src="resource/index/img/portfolio/Signup.jpg"></a>
</a>
</div>
<div class="col-md-6 col-lg-6">
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-2">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<a href="http://sport.zx.itrclub.com:8000" target="_blank"><img class="img-fluid" src="resource/index/img/portfolio/Sport.jpg"></a>
</a>
</div>
<div class="col-md-6 col-lg-6">
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-2">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<a href="/Productions/Calendar" target="_blank"><img class="img-fluid" src="resource/index/img/portfolio/Calendar.jpg"></a>
</a>
</div>
<div class="col-md-6 col-lg-6">
<br>
<img class="img-fluid" src="resource/index/img/portfolio/ComingSoon.jpg" alt="">
</div>
</div>
</div>
</section>
<!-- 关于我们 -->
<section class="bg-primary text-white mb-0" id="about">
<div class="container">
<h2 class="text-center text-uppercase text-white">关于我们</h2>
<hr class="star-light mb-5">
<div class="row">
<div class="col-lg-12 ml-auto">
<p class="lead">
为了加强广州市各校的科技团体（如电脑部，信息部，编程社等）之间的交流合作，提高团体内成员的技术水平，团队协作能力及创新能力，我们成立了ITRClub。
<br><br>
活动举办：<br>
每隔一段时间发布一个任务，如校运会直播系统，由各个团体承担一部分编写程序模块(如登陆界面，图文直播主体界面，后台等等)，在编写及调试成功后，ITRClub内各成员团体可以自由使用，项目及分工由各团体领导人一起商议得出。(是否对社会开源将商量后决定)
<br><br>
合作方式：<br>
①某一负责人以团体为单位进行报名(5人以上)。以集体方式进行活动。<br>
②个人可以通过<a href="/member/user/reg_1" style="color: yellow;" target="_blank">itrclub.com</a>进行报名，以个人名义进行活动。
<br><br>
主要干的事：<br>①各团体及个人合作，做出一些服务于中学生的小项目，在合作的过程中提升技术水平；<br>②帮助没有能力建立网上平台的学生会建立属于自己的平台；
<br><br>
审核方式：为了ITRClub的安全与纯净，申请时需要输入真实姓名以及选择团体，团体成员由团体领导审核，个人申请由集体审核。
<br><br>
作品发布：以ITRClub名义进行发布，会有鸣谢各学校的公示。
</p>
</div>
</div>
<div class="text-center mt-4">
<a class="btn btn-xl btn-outline-light" href="http://www.itrclub.com:8000/member/user/reg_1" target="_blank">
<i class="fa fa-sign-in mr-2"></i>
马上加入我们！
</a>
</div>
</div>
</section>
<!-- 诚聘英才 -->
<section id="recruit">
<div class="container">
<h2 class="text-center text-uppercase text-secondary mb-0">诚聘英才</h2>
<hr class="star-dark mb-5">
<div class="row">
<div class="col-lg-4" style="text-align: left;font-size: 18px;">
<br>
●岗位名称：<b style="font-size: 20px;color: green;">前端工程师</b>
<br><br>
●岗位职责：<br>
<b>负责接收后端的数据，整理处理后显示在客户端</b>
<br><br>
●应聘要求：<br>
▲会HTML、jQuery<br>
▲熟悉bootstrap或其它UI框架
<br><br>
●优先条件：<br>
▲会PHP者优先<br>
▲会CodeIgniter者抢先
</div>
<div class="col-lg-4" style="text-align: left;font-size: 18px;">
<br>
●岗位名称：<b style="font-size: 20px;color: green;">美工</b>
<br><br>
●岗位职责：<br>
<b>负责网站、活动海报及其他图片的设计与制作</b>
<br><br>
●应聘要求：<br>
▲爱美术，有创作能力<br>
▲善于接受新思路，大胆创新，与人友好沟通
<br><br>
●优先条件：<br>
▲会HTML+CSS者优先
</div>
<div class="col-lg-4" style="text-align: left;font-size: 22px;font-weight: bold;color: blue;">
<br>
更多机会，敬请期待！
</div>
<div class="col-lg-12">
<br>
<div class="alert alert-info alert-dismissible" role="alert">
<font style="font-size:18px;font-weight:bold;">
如果你不完全满足以上条款，也不要灰心哦！<br>
我们欢迎你在加入ITRClub之后和我们的伙伴一起交流，一起提升哈！
</font>
</div>
<div class="alert alert-success alert-dismissible" role="alert">
<font style="font-size:18px;font-weight:bold;">
联系方式：<a href="mailto:[email protected]">[email protected]</a>
</font>
</div>
</div>
</div>
</div>
</section>
<!-- 支持我们 -->
<footer class="footer text-center" id="contribute">
<div align="center" class="container">
<div align="center" class="row">
<div class="col-md-12 mb-5 mb-lg-0">
<h4 class="text-uppercase mb-4">支持我们<br>（仅支持加密货币BTC/ETH）</h4>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn btn-outline-light btn-social text-center rounded-circle" onclick='$("#myModal").modal("show");'>
<i class="fa fa-fw fa-bitcoin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- 底部版权 -->
<div class="copyright py-4 text-center text-white">
<div class="container">
<h5><b>Copyright © ITRClub 2017-<script>document.write(new Date().getFullYear());</script></b></h5>
</div>
</div>
<!-- 返回顶部按钮 -->
<div class="scroll-to-top d-lg-none position-fixed">
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- 支持我们-Modal -->
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="ModalTitle">支持我们(仅支持加密货币BTC/ETH)</h3>
</div>
<div class="modal-body">
<font color="blue" style="font-weight:bolder;font-size:18px;text-align:center;">
imtoken地址：<br>
0x58d14b368F9F88ebBE<br>5c3240989CF373F1722B5C
</font>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" onclick='$("#myModal").modal("hide");'>返回 ></button>
</div>
</div>
</div>
</div>
<script src="resource/index/vendor/jquery/jquery.min.js"></script>
<script src="resource/index/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="resource/index/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="resource/index/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="resource/index/js/jqBootstrapValidation.js"></script>
<script src="resource/index/js/freelancer.min.js"></script>
</body>
</html>