-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
407 lines (359 loc) · 15 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
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>7 Debate Community</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<div id="fh5co-logo"><a href="index.html">
<font size="6", style="font-family:verdana">
7 Debate Community
</font>
<span>.</span></a></div>
</div>
<div class="col-xs-12 text-center menu-1">
<ul>
<li class="active"><a href="index.html">
<font size="5", style="font-family:verdana" >
Home
</font>
</a></li>
<!-- <li><a href="apply.html"><font size="5", style="font-family:verdana" >
Apply
</font></a></li> -->
<li><a href="http://forum.7debate.club"><font size="5", style="font-family:verdana" >
Forum
</font></a></li>
<li><a href="https://gradescope.com"><font size="5" , style="font-family:verdana">
Learn
</font></a></li>
<li><a href="schedule.html"><font size="5" , style="font-family:verdana">
Schedule
</font></a></li>
<li><a href="http://vpn.7debate.club"><font size="5", style="font-family:verdana" >
Vpn
</font></a></li>
<li><a href="staff.html"><font size="5" , style="font-family:verdana">
Staff
</font></a></li>
<li><a href="honor.html"><font size="5" , style="font-family:verdana">
Honor
</font></a></li>
<li><a href="images/sponsor.jpg" target="_blank" onmouseover="window.open(this.href,'','width=255,height=255');return false"/><font size="5", style="font-family:verdana" >
Sponsor
</font></a></li>
</ul>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover" role="banner" style="background-image:url(images/img_bg_1.jpg);">
<div class="container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeInUp">
<h1 class="mb30">
<font size="10", style="font-family:verdana" >
Veritas. Perfectum. Amor.
</font>
<style>
.button {
background-color: #fe3b00;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
<!-- <p>
<button onclick="window.location.href='apply.html';" class="button button3">
<font size="4", style="font-family:verdana" >
Apply Here
</font>
</button>
</p> -->
</h1>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="fh5co-services" class="fh5co-bg-section">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 text-center animate-box" data-animate-effect="fadeInUp">
<div class="fh5co-heading">
<h2>
<font size = "7", style="font-family:verdana" >
Methodology
</font></h2>
<font size="5", style="font-family:verdana" >
Welcome to the Chengdu No.7 High School International Department Debate Community website. We are one the most successful high school public forum debate communities in the nation.
</font>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4 ">
<div class="feature-center animate-box" data-animate-effect="fadeInUp">
<span class="icon">
<i class="icon-eye"></i>
</span>
<h3>
<font , style="font-family:verdana">
Reading and Lectures</font></h3>
<p , style="font-family:verdana">Weekly reading material will be assigned during weekends. Auto-grading exams are required to finish before attending lectures. Reading material will provide introduction to weekly topics so that students can have better understanding on the background information.</p>
</div>
</div>
<div class="col-md-4 col-sm-4 ">
<div class="feature-center animate-box" data-animate-effect="fadeInUp">
<span class="icon">
<i class="icon-command"></i>
</span>
<h3> <font , style="font-family:verdana">
Discussion</font></h3>
<p, style="font-family:verdana">Discussion sections will take place during week days. Discussion sections will have a moderator coming from debate team and four community members giving feedbacks, discussing weekly topics, and conducting mock rebuttal and summary.</p>
</div>
</div>
<div class="col-md-4 col-sm-4 ">
<div class="feature-center animate-box" data-animate-effect="fadeInUp">
<span class="icon">
<i class="icon-power"></i>
</span>
<h3><font , style="font-family:verdana">
Mock debate</font> </h3>
<p , style="font-family:verdana">Mock debate and campus tournaments will be held after community members finish writing constructive speeches and blocks. Substantially amount of mock debates will prepare community members for campus tournament and official national championship.</p>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-project">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
<h2> <font size = "7" , style="font-family:verdana">
Recent Topics</font></h2>
<p , style="font-family:verdana">Debate Community will compete in regional and national tournament of National High School Debate League of China, as well as annual campus tournament.</p>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
<a href="2020-national.html"><img src="images/work-3.jpg" alt="" class="img-responsive">
<h3> <font , style="font-family:verdana">
2020 National Championship</font></h3>
</a>
</div>
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
<a href="#"><img src="images/work-2.jpg" alt="" class="img-responsive">
<h3> <font , style="font-family:verdana">
2020 Spring Tournament</font></h3>
</a>
</div>
<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
<a href="#"><img src="images/work-1.jpg" alt="" class="img-responsive">
<h3><font , style="font-family:verdana">
2019 Campus Tournament</font></h3>
</a>
</div>
</div>
</div>
</div>
<div id="fh5co-testimonial" class="fh5co-bg-section">
<div class="container">
<div class="row animate-box row-pb-md">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2><font size = "7" , style="font-family:verdana">
Happy Alumni</font></h2>
</div>
</div>
<div class="row">
<div class="col-md-6 animate-box">
<div class="testimonial">
<blockquote>
<p , style="font-family:STKaiti">“更重要的是，我想要教给我的社员奉献的精神。我在社团奉献的意义就是教会他人奉献，这是除开奖项更重要的教学目标。”</p>
<p class="author"><cite>— 孙一文</cite></p>
</blockquote>
</div>
<div class="testimonial">
<blockquote>
<p>“在这里的同学除了成绩优秀，他们都会为了目标竭尽全力。无论结果如何，当他们离开这里的时候，他们都变成了更好的自己，他们都闪闪发光，他们会更有底气的为了目标和梦想拼尽全力，面对众多道路的时候会更有选择的权力。”</p>
<p class="author"><cite>— 蒋雨成</cite></p>
</blockquote>
</div>
</div>
<div class="col-md-6 animate-box">
<div class="testimonial">
<blockquote>
<p>“......其实对于我们而言，美辩赛打的不仅仅是比赛，更是一种情怀。这情怀里有团结，有互助，有共同努力的团队精神，更有对美辩，对彼此，对团队，对学校最纯粹最干净的爱。我们能够聚在一起，时光里就充满了欢乐，鲜花与掌声，这是每一个美辨社成员最不可磨灭的标记。”</p>
<p class="author"> <cite>— 高嘉桧</cite></p>
</blockquote>
</div>
<div class="testimonial">
<blockquote>
<p>“......真切的是可以在赛场上找到辩论的感觉，与模辩的心态和感受完全不一样！自己会有多想赢；有多不想让导师在自己身上用的时间变成浪费时间；有多不想自己的努力付之东流，你就会有多拼命地争取！......但是谁又想过，美辩不管是对听说读写、收集资料、逻辑推理、演讲能力（与人交流）、corporation.......完完全全是个块烫红薯，只要你付出努力耐心等待，得到的不会只是眼前这点利益。但是你的确需要耐心等待，忍住疼痛度过瓶颈期，你一定会发现自己在不知不觉中进步大得不可思议......”</p>
<p class="author"><cite>— 张斯梦</cite></p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-counter">
<div class="container">
<div class="row animate-box" data-animate-effect="fadeInUp">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2> <font size = "7", style="font-family:verdana">
Fun Facts</font></h2>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
<div class="feature-center">
<span class="icon">
<i class="ti-download"></i>
</span>
<span class="counter"><span class="js-counter" data-from="0" data-to="105" data-speed="1500" data-refresh-interval="50">1</span>+</span>
<span class="counter-label"><font , style="font-family:verdana">TOEFL average</font></span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
<div class="feature-center">
<span class="icon">
<i class="ti-face-smile"></i>
</span>
<span class="counter"><span class="js-counter" data-from="0" data-to="1510" data-speed="1500" data-refresh-interval="50">1</span>+</span>
<span class="counter-label"><font , style="font-family:verdana">SAT average</font></span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
<div class="feature-center">
<span class="icon">
<i class="ti-briefcase"></i>
</span>
<span class="counter"><span class=" js-counter" data-from="0" data-to="100" data-speed="1500" data-refresh-interval="50">1</span>%</span>
<span class="counter-label"><font , style="font-family:verdana">Winning Rate</font></span>
</div>
</div>
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
<div class="feature-center">
<span class="icon">
<i class="ti-time"></i>
</span>
<span class="counter"><span class="js-counter" data-from="0" data-to="500" data-speed="1500" data-refresh-interval="50">1</span>h+</span>
<span class="counter-label"><font , style="font-family:verdana">Hours Spent</font></span>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-started">
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
<h2> <font size = "7", style="font-family:verdana">Acknowledgement</font></h2>
<p>
<font size="4"
, style="font-family:verdana">
This website is built by Yucheng Jiang
</font>
</p>
<p>
<font size="4"
, style="font-family:verdana">
Forum and learning systems are highly inspired by the University of Illinois at Urbana-Champaign Computer Science Department
</font>
</p>
<p>
<font size="4"
, style="font-family:verdana">
7 Debate forum is developed in collaboration with Discourse
</font>
</p>
<p>
<font size="4"
, style="font-family:verdana">
Learn at 7 Debate is developed in collaboration with GradeScope
</font>
</p>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12 text-center">
<p , style="font-family:verdana">
<small class="block">Copyright © 2020.Chengdu No.7 High School International Department Debate Community All rights reserved.</small>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>