This repository has been archived by the owner on Apr 15, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (182 loc) · 9.61 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="author" content="SLIOI Web Team">
<meta name="description" content="Official website of Sri Lankan Olympiad in Informatics">
<meta name="generator" content="Webpack">
<meta name="keywords" content="SL, ioi, slioi, slio, sloi, sri, lanka, olympiad, informatics, computing, competitive, programming">
<title>SLIOI | Home</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-128633920-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-128633920-1');
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-v4-grid-only@1/dist/bootstrap-grid.min.css">
<link rel="stylesheet" href="main.min.css">
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
</head>
<body>
<nav class="c-nav-bar abs" id="c-nav-bar">
<div class="btn-mob-resp">
<p id="nav-mobile-res-btn">≡</p>
</div>
<ul id="nav-list">
<li class="active">
<p><a href="./"><span>Home</span></a></p>
</li>
<li>
<p><a href="gallery"><span>Gallery</span></a></p>
</li>
<li>
<p><a href="register"><span>Register</span></a></p>
</li>
<li>
<p><a href="about"><span>About</span></a></p>
</li>
</ul>
</nav>
<section id="section-1">
<div class="section-style-1">
<div class="container-fluid" style="height: 100%">
<div style="position: relative;height: 100%;width:100%">
<div class="img-cont">
<img src="img/man-ico.svg" alt="">
</div>
<div class="row align-items-center" style="height: 100%;">
<div class="col-md-8">
<div class="content">
<h3 class="mdc-typography--headline3">Sri Lankan IOI Program</h3>
<p class="mdc-typography--subtitle1 mdc-theme--secondary">The Sri Lankan Olympiad in
Informatics is an annual programming contest for secondary school students. The
national team for the International Olympiad in Informatics 2019 held in Azerbaijan
is selected through this program. Secondary school students under 20 years of age
by 01st of July 2019 are eligible to take part in this contest.</p>
<p class="mdc-typography--subtitle1 mdc-theme--secondary">Sign-up for the newsletter to
be notified for upcoming events.</p>
<form action="register">
<button class="mdc-button mdc-button--raised">
Sign-up for the newsletter
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-2">
<div class="container-fluid">
<div class="row justify-content-around align-items-center">
<div class="col-xl-3 col-md-4 col-sm-6 col-10">
<div class="mdc-card team-card">
<div class="mdc-card__media mdc-card__media--square" style='background-image: url("img/team-2016.png")'>
</div>
<div class="title">
<h2 class="mdc-typography--headline6 mdc-theme--on-surface">IOI 2016</h2>
<span class="mdc-typography--body2">Russia</span>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6 col-10">
<div class="mdc-card team-card">
<div class="mdc-card__media mdc-card__media--square" style='background-image: url("img/team-2017.png")'>
</div>
<div class="title">
<h2 class="mdc-typography--headline6 mdc-theme--on-surface">IOI 2017</h2>
<span class="mdc-typography--body2">Iran</span>
</div>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-6 col-10">
<div class="mdc-card team-card">
<div class="mdc-card__media mdc-card__media--square" style='background-image: url("img/team-2018.png")'>
</div>
<div class="title">
<h2 class="mdc-typography--headline6 mdc-theme--on-surface">IOI 2018</h2>
<span class="mdc-typography--body2">Japan</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-3">
<div class="container" style="padding-bottom: 50px">
<div class="content mdc-elevation--z9 mdc-theme--on-secondary" style="background: url(img/gears.png) no-repeat;background-position-x: right;background-position-y: bottom;background-size: contain">
<h4 class="mdc-typography--headline4">What is International Olympiad in Informatics ?</h4>
<div class="mdc-typography--body2">
<p>It is an algorithmic programming competition held annually for secondary school students. At
IOI, contestants have to write programs in C++, Pascal or Java to solve a set of problems
within a specified time limit. </p>
<p>Every year, the member countries of IOI send 4 contestants to compete. Sri Lanka has taken part
in this competition since 1992. IOI 2018 was held in Japan with the participation of 335
participants from 87 countries around the world.</p>
<p>IOI 2019 is to be held next year in Azerbaijan (<a style="text-decoration: none" href="https://www.ioi2019.az"
target="_blank">www.ioi2019.az</a>).</p>
<p> <a href="ioi-syllabus/ioi-syllabus.pdf" style="text-decoration: none" target="_blank">Click
here</a> for the IOI Syllabus</p>
</div>
</div>
</div>
</section>
<section id="section-4">
<div class="container" style="padding-bottom: 50px">
<div class="content mdc-elevation--z9 mdc-theme--on-secondary">
<h4 class="mdc-typography--headline4">What is Sri Lankan Olympiad in Informatics ?</h4>
<div class="mdc-typography--body2">
<p>Sri Lankan Olympiad in Informatics is a programming contest for secondary school students,
organized by University of Colombo School of Computing to improve the knowledge and skill of
computing in young students.</p>
<p>Additionally, students to represent Sri Lanka at the International Olympiad in Informatics
program are selected through this competition.</p>
<p>The national competition comprises of a few stages:</p>
<ul>
<li>Online IQ test</li>
<li>C++ Programming training camp</li>
<li>National Olympiad in Informatics competition</li>
<li>Algorithms training camp</li>
<li>IOI national team selection test</li>
<li>Awarding ceremony</li>
</ul>
<br>
<p style="text-align: center">Sign-up for the newsletter to be notified when SLOI 2019 begins.</p>
<form action="register">
<p style="text-align: center">
<button class="mdc-button mdc-button--raised">Sign-up for the newsletter</button>
</p>
</form>
</div>
</div>
</div>
</section>
<footer id="c-footer">
<div class="container-fluid">
<div class="bar">
<a id="top-btn" data-scroll href="#section-1">
<div class="to-top" id="to-top">
<svg viewBox="0 0 320 512">
<path class="to-top-btn-ico top-ico" d="M177 160l136 136c9 9 9 24 0 34l-23 22c-9 10-24 10-34 0l-96-96-96 96c-10 10-25 10-34 0L7 330c-9-10-9-25 0-34l136-136c9-10 25-10 34 0z" /></svg>
</div>
</a>
</div>
</div>
<div>
<p class="coppyright-text">Copyright © 2018 SLIOI. All right reserved.</p>
</div>
</footer>
<script>
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 1000,
easing: 'easeInOutCubic',
});
</script>
<script src="main.min.js" async></script>
</body>
</html>