-
Notifications
You must be signed in to change notification settings - Fork 5
/
competitions.html
180 lines (168 loc) · 6.38 KB
/
competitions.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1, width=device-width">
<link rel= "stylesheet" type= "text/css" href= "./static/styles/layout.css">
<link rel="shortcut icon" href="./static/images/vrmc_logo_clearbg.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Our Competitions</title>
<link rel= "stylesheet" type= "text/css" href= "./static/styles/competitions.css">
<style>
</style>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function () {
$('.custom-header').click(function () {
$(this).next('.container-content').toggle();
});
});
</script>
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fa fa-bars" style="color: #800000"></i>
</label>
<a href="./index.html"><img src="./static/images/vrmc_name_clear.png" id="name-logo"></a>
<ul id="ul-container">
<li><a href="./aboutus.html" class="">About Us</a></li>
<li><a href="./achievements.html" class="">Achievements</a></li>
<li><a href="./events.html" class="">Events</a></li>
<li><a href="./competitions.html" class="">Competitions</a></li>
<li><a href="./faq.html" class="">FAQs</a></li>
<li><a href="./gallery.html" class="">Gallery</a></li>
</ul>
</nav>
<div class="container" style = "margin-top: 10%; text-align: center;">
<h2>Competitions We Participate In:</h2>
</div>
<div class="container-fluid">
<div class="row">
<!-- First Container -->
<div class="col-md-3">
<div class="custom-header">
<span>Programming</span>
<span class="arrow-down">▼</span>
</div>
<ul class="container-content">
<li>
Singapore NOI (National Olympiad in Informatics):
<ul class="nested-list">
<li>A competitive programming competition hosted by the School of Computing (SoC) of National University of Singapore (NUS).</li>
</ul>
</li>
<br>
<li>
SMU Whitehacks:
<ul class="nested-list">
<li>A well-known competition hosted by the SMU Whitehat society.</li>
</ul>
</li>
<br>
<li>
CSIT-HCI Cyberthon:
<ul class="nested-list">
<li>A capture-the-flag (CTF) competition jointly hosted by CSIT and HCI.</li>
</ul>
</li>
</ul>
</div>
<!-- Second Container -->
<div class="col-md-3">
<div class="custom-header">
<span>Electronics</span>
<span class="arrow-down">▼</span>
</div>
<ul class="container-content">
<li>
SAFMC C1
</li>
<br>
<li>
SUTD RoboClash
</li>
<br>
<li>
NUS HackNRoll
</li>
<br>
<li>
NTU EEE Challenge
</li>
<br>
<li>
Singapore Robotic Games
</li>
</ul>
</div>
<!-- Third Container -->
<div class="col-md-3">
<div class="custom-header">
<span>Drones</span>
<span class="arrow-down">▼</span>
</div>
<ul class="container-content">
<li>
SAFMC (Singapore Amazing Flying Machine Competition) C1
<ul class="nested-list">
<li>A competition about designing and building a small remote-controlled fixed-wing air platform to navigate an obstacle course.</li>
</ul>
</li>
<br>
<li>
SAFMC (Singapore Amazing Flying Machine Competition) C2
<ul class="nested-list">
<li>A competition about flying a ducted (shielded propeller) first-person view (FPV) drone to compete in an obstacle course.</li>
</ul>
</li>
</ul>
</div>
<!-- Fourth Container -->
<div class="col-md-3">
<div class="custom-header">
<span>VEX</span>
<span class="arrow-down">▼</span>
</div>
<ul class="container-content" style = "margin-bottom: 15%">
<li>
WSA VEX Robotics Workshop:
<ul class="nested-list">
<li>An event to learn more about VEX robotics and develop robotics skills while exploring the vast opportunities in STEM education</li>
</ul>
</li>
<br>
<li>
Singapore VRC National Championship 2024:
<ul class="nested-list">
<li>An 1-day skills competition for VEX members to find their drive and passion in the field of robotics.</li>
</ul>
</li>
<br>
<li>
Singapore North VRC Skill Challenge:
<ul class="nested-list">
<li>A locally hosted VEX robotics competition, for students to test their skills and technique.</li>
</ul>
</li>
<br>
<li>
Singapore South VRC Skill Challenge:
<ul class="nested-list">
<li>A locally hosted VEX robotics competition, for students to test their skills and technique.</li>
</ul>
</li>
</ul>
</div>
</div>
<footer>
<label class="footer">©VRMC 2023</label>
<a href="https://github.com/vrmc/vrmc.github.io" target="_blank" class="git" style="color: white">Link to Github</a>
<a href="https://www.instagram.com/vjrobotics/" target="_blank" class="fa fa-instagram insta" style="color: white"></a>
<a href="https://www.youtube.com/@VRMC" target="_blank" class="fa fa-youtube yt" style="color: white"></a>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
</body>
</html>