-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
170 lines (170 loc) · 7.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>COMTRAN — Competitive Traveling Nerd</title>
<meta name="author" content="COMTRAN">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/assets/css/default.css">
</head>
<body>
<header>
<section class="hero is-medium is-primary is-bold">
<div class="hero-head">
<nav class="navbar">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="/">
COMTRAN
</a>
<span class="navbar-burger burger" data-target="navbar-toggle">
<span></span>
<span></span>
<span></span>
</span>
</div>
<div id="navbar-toggle" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item is-active" href="/">
Home
</a>
<!-- <a class="navbar-item" href="/member.html">
Member
</a> -->
<a class="navbar-item" href="https://recruitment.comtran.club/">
Recruitment
</a>
<a class="navbar-item" href="/events.html">
Events
</a>
</div>
</div>
</div>
</nav>
</div>
<div class="hero-body">
<div class="container level">
<div class="level-left">
<figure class="image is-128x128 comtran-avatar level-item">
<img src="/assets/img/logo.png" alt="">
</figure>
</div>
<div class="level-right">
<h1 class="title level-item">
COMTRAN
</h1>
<h2 class="subtitle level-item">
Competing. Traveling. Eating. Winning.
</h2>
</div>
</div>
</div>
</section>
</header>
<main>
<section class="section">
<div class="container">
<h1 class="title">Overview</h1>
<div class="body">
<p>
COMTRAN (Competitive Traveling Nerd) is a community in Telkom University that focus on competitive programming competition.
By founding COMTRAN, we hope there will be more students who taking interest in competitive programming.
Competitive Traveling Nerd means that we are college student who love challenge and going to
attend competitive programming competition final.
And as for <strong>nerd</strong>, that's how others call us.
We are learning, practicing, and competing.
Our tagline represent competitive programmer general behavior.
Several competitions that we will join to are including and not limited to GEMASTIK, Compfest, Vocomfest, INC, and IdeaFuse.
</p>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h1 class="title">Why COMTRAN?</h1>
<div class="body">
<p>
We are competition driven community that love to learn various algorithms and data structures.
There will be competitive programming class periodically and we will share tons of knowledge here.
Our goal is to prepare any necessary preparation before competition and makes sure to go to final.
Also trying to win, of course!
What we will do in general?
</p>
<ol>
<li>Mastering basic algorithm and elementary data structure.</li>
<li>Learn advanced algorithm.</li>
<li>Learn advanced data structure.</li>
<li>Mastering problem solving paradigms such as dynamic programming, greedy, and many more.</li>
<li>Have fun by joining a competition.</li>
</ol>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h1 class="title">Upcoming Competitions</h1>
<div class="body">
<p>Check out our <a href="/events.html"><strong>Event Schedule</strong></a>!</p>
<ol>
<li>May 5 - Jun 25, 2018: <a href="https://compfest.web.id/">Compfest X</a></li>
<li>Jul 1 - Aug 4, 2018: Coder Class</li>
<li>Jul 2018?: <a href="https://gemastik.ui.ac.id/">GEMASTIK 11</a></li>
<li>Sep - Oct 2018: <a href="https://competition.binus.ac.id/portal/">INC (Indonesia National Contest)</a> -roadway to- ACM ICPC</li>
<li>Apr 2019: <a href="https://icpc.baylor.edu/">ACM ICPC 2019</a></li>
</ol>
</div>
</div>
</section>
<section class="hero is-medium">
<div class="hero-body" align="center">
<div class="container">
<h1 class="title">
Ready to Join?
</h1>
<h2 class="subtitle">
Read more about <a href="https://recruitment.comtran.club/">our recruitment</a> process!
<br>
In doubt? Ask us at <a href="https://ask.fm/comtran">Ask.fm</a>!
</h2>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<div class="icons">
<a class="icon is-medium has-text-black" href="https://github.com/comtran" target="_blank">
<i class="fa fa-github fa-2x"></i>
</a>
<a class="icon is-medium has-text-black" href="https://gitlab.com/comtran" target="_blank">
<i class="fa fa-gitlab fa-2x"></i>
</a>
<a class="icon is-medium has-text-black" href="https://www.facebook.com/comtran.club" target="_blank">
<i class="fa fa-facebook-square fa-2x"></i>
</a>
<a class="icon is-medium has-text-black" href="https://twitter.com/comtranclub" target="_blank">
<i class="fa fa-twitter fa-2x"></i>
</a>
<a class="icon is-medium has-text-black" href="https://medium.com/comtran" target="_blank">
<i class="fa fa-medium fa-2x"></i>
</a>
<a class="icon is-medium has-text-black" href="mailto:[email protected]">
<i class="fa fa-at fa-2x"></i>
</a>
</div>
<div style="padding: 1em"></div>
<p>
© 2018, <a href="/">Competitive Traveling Nerd</a>.
</p>
</div>
</div>
</footer>
<script src="/assets/js/default.js"></script>
</body>
</html>