This repository has been archived by the owner on Dec 1, 2017. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html.old
191 lines (178 loc) · 8.9 KB
/
index.html.old
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>首页 - 浴谷教育 | 全国OIer都能平等享受到的优秀资源</title>
<link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="yugu.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-fixed-top" id="top-navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand"><img src="logo.png" id="logo"></a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#yugu-jumbotron" class="smooth-scroll">首页</a></li>
<li><a href="#about-us" class="smooth-scroll">关于我们</a></li>
<li><a href="#oi-summer-camp" class="smooth-scroll">浴谷信息学夏令营</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://www.luogu.org" target="_blank">洛谷OnlineJudge</a></li>
<li><a href="#contact-us" class="smooth-scroll">联系我们</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron" id="yugu-jumbotron" style="margin-bottom: 20px;">
<div class="container">
<h2 style="font-size: 3em; margin-top: 100px">不分地域 不论强校弱校</h2>
<h1 style="margin-bottom: 100px">全国OIer都能平等享受到的优秀资源</h1>
<a class="btn btn-primary btn-lg smooth-scroll" href="#oi-summer-camp">浴谷信息学夏令营</a>
<a class="btn btn-primary btn-lg smooth-scroll" href="#contact-us">联系我们</a>
<div style="padding: 50px"> </div>
</div>
</div>
<div class="container" id="about-us" style="margin-bottom: 20px;">
<h1 style="text-align: center; font-size: 63px; margin-bottom: 40px;">
我们是浴谷教育
</h1>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-7">
<p>
浴谷教育由洛谷原班人马创建，旨在利用先进的互联网技术和优秀的教学资源，打破不同地域和强弱校之间由于竞赛教育资源不均衡造成的壁垒，给所有有志于学习信息学竞赛的同学提供平等的提升自我的机会。浴谷的教学研究组由优秀NOI选手组成，让神犇带着你飞！
</p>
</div>
<div class="col-md-3" style="text-align: center">
<img src="education.png" style="width: 55%">
</div>
<div class="col-md-1">
</div>
</div>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-3" style="text-align: center">
<img src="plan.png" style="width: 55%">
</div>
<div class="col-md-7">
<p>
浴谷教育还处于初创阶段。现在组织的<b>浴谷信息学在线夏令营</b>，面向以NOIP提高组一等奖为目标的选手，进行短时间高强度的集训，积累算法竞赛的相关知识。还在策划中的项目有<b>浴谷NOIP五联测</b>，多次NOIP模拟测试与视频讲解帮助选手积攒实战经验与查缺补漏。
</p>
</div>
<div class="col-md-1">
</div>
</div>
</div>
<div class="jumbotron" id="oi-summer-camp" style="margin-bottom: 20px;">
<div class="container">
<h1>
浴谷信息学夏令营
</h1><br>
<div class="row">
<div class="col-md-4 camp-features">
<img src="heart.png">
<h2>很方便</h2>
<p>足不出户，只需要连上网，就可以学习。全程讲座录音和资料可供下载不用担心临时缺课。</p>
</div>
<div class="col-md-4 camp-features">
<img src="flower.png">
<h2>很丰富</h2>
<p>由NOI大神准备的NOIP模拟考试与讲评，以及NOIP知识点专题讲座，让您在赛场上游刃有余。</p>
</div>
<div class="col-md-4 camp-features">
<img src="money.png">
<h2>很实惠</h2>
<p>价格仅仅是传统线上教育的零头，绝不含水分。</p>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div>
<a class="btn btn-success btn-lg" target="_blank" href="https://item.taobao.com/item.htm?id=553062408094">详细介绍 & 立刻报名</a>
</div>
<br>
<div>
<a class="btn btn-danger btn-lg" target="_blank" href="https://www.sojump.hk/jq/15357978.aspx">报名后发货登记 (有讲义)</a>
</div>
<br>
<div>
<a class="btn btn-warning btn-lg" target="_blank" href="https://www.sojump.hk/jq/15357978.aspx">报名后登记 (无讲义)</a>
</div>
<br>
<div>
<p>报名即可获得电子版讲义，以及全程录音、PPT，供随时复习用。</p>
<p>由于印刷讲义有限，本次夏令营准备的385本电子讲义均已送完，敬请谅解。</p>
<p>如需电子收据，您可留下自己的电子邮箱。</p>
</div>
</div>
<div class="col-md-9" id="camp-notice">
<div class="panel panel-default">
<div class="panel-body">
<p><b>注意事项</b>
<p>1. 付款后，您的手机将收到的是电子凭证编号（淘宝购买）。如果没有收到也可在<b>我的淘宝</b>找到电子兑换券。
<p>2. 根据您的付款时间，填写不同的问卷，请勿填错位置！
<div style="margin-left: 30px">
<p><b>在7月13日 20:00之前拍下的（第一波截单前）付款的同学：</b>
<p>请尽快登陆 https://www.sojump.hk/jq/15357978.aspx ，并写上您的讲义邮寄地址和洛谷用户名，我们将给同学寄出讲义，第一批是在15日左右寄出
<p><b>在7月13日 20:00之后拍下的（第一波截单后）付款的同学：</b>
<p>请尽快登陆 https://www.sojump.hk/jq/15435867.aspx ，并写上您的洛谷用户名。
<p>这种情况下，我们不提供纸质版的讲义，所以不必填写收货地址。电子讲义将在夏令营开始前放在教学QQ群内提供下载。
</div>
<p>3. 我们将给同学寄出讲义，第一批在15日寄出，并将同学拉到私有的比赛团队。
<p>4. <a href="https://www.luogu.org/team/show?teamid=3001">教学团队</a>。这个团队仅由管理员拉同学入内。如果报名并填写地址48小时后没有入队，请联系客服。
<p> 随后将会通过该团队公告放出进一步操作消息，请您注意关注。
<p>5. 在教学团队页面有教学QQ群号码和入群验证密码，请及时加入群，并将群名片改成洛谷用户名。
<p>6. 洛谷交流群515055655（洛谷用户交流群，不是夏令营教学群），欢迎任何同学加入。
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" id="contact-us" style="margin-bottom: 20px;">
<h1 style="text-align: center; font-size: 63px; margin-bottom: 40px;">
联系我们
</h1>
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6" style="text-align:center">
<p>洛（luo）谷交流QQ群: 515055655
<p>阿里旺旺客服（不定时在线）
<p>电子邮箱: [email protected]
</div>
<div class="col-md-3">
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<br>
<p class="text-muted">2013-2017 , 浴谷教育 © 洛谷旗下信息学教育品牌。<script src="https://s13.cnzz.com/z_stat.php?id=1262843182&web_id=1262843182" language="JavaScript"></script> </p>
</div><br>
</footer>
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
$(".smooth-scroll").click(function() {
var target = $($(this).attr('href'));
$("body").animate({
scrollTop: target.offset().top - 60
});
return false;
});
</script>
</body>
</html>