-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathevent.html
185 lines (176 loc) · 10.2 KB
/
event.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
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="IGNITE IN YOU.">
<meta name="author" content="Nirbhay Singh"/>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet">
<!-- Final Commit -->
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Karla|Montserrat" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="text/javascript">
$(document).ready(function(){
if (width>=350)&&(width<=1200){
$("li").removeClass("mt-0");
$("li").addClass("mt-2");
}
});
</script>
<style type="text/css">
nav{
opacity: 1!important;
position: static!important;
}
</style>
<title>Spark 2018 | Events</title>
</head>
<body>
<div class="e first">
<nav class="navbar navbar-expand-xl" id="navbar" align="center">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" id="toggler">
<img src="assets/images/lightBulbWhite.png" style="width:20px;height:30px; align-content: center;border:none;">
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav pt-2 pb-2 justify-content-center">
<li class="nav-item mt-0 navContent">
<a href="team.html">MEMBERS</a>
</li>
<li class="nav-item mt-0 navContent">
<a href="event.html">Event</a>
</li>
<li class="nav-item mt-0 navContent active hidden-md-down">
<a href="index.html"><img src="assets/images/lightBulbWhite.png" style="width:50px;height:70px; align-content: center;" id="logo"></a>
</li>
<li class="nav-item mt-0 navContent" id="hide">
<a href="index.html">Home</a>
</li>
<li class="nav-item mt-0 navContent">
<a href="volunteers.html">volunteers</a>
</li>
<li class="nav-item mt-0 navContent">
<a href="register.html"> Enrol </a>
</li>
</ul>
</div>
</nav>
<div class="events">
<div class="eventBlock" style="background-image:url('assets/images/f.png');"data-toggle="modal" data-target="#fModal"></div>
<div class="eventBlock" style="background-image:url('assets/images/hp.png');"data-toggle="modal" data-target="#hpModal"></div>
<div class="eventBlock" style="background-image:url('assets/images/marvel.png');"data-toggle="modal" data-target="#mcuModal"></div>
</div>
<div class="events">
<div class="eventBlock" style="background-image:url('assets/images/rc.png');"data-toggle="modal" data-target="#cModal"></div>
<div class="eventBlock" style="background-image:url('assets/images/logic.png');"data-toggle="modal" data-target="#lModal"></div>
</div>
<div class="modal fade" id="fModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Fortnite</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
The wait is over, the game of the year has finally been implemented into a competition. Go head to head with friends(or enemies) to battle it out and finally put an end to the argument - who is the best at Fortnite?
The competition will follow a knockout/elimination pattern. The person to stand till the end will be declared the winner. We plan to allow all three platforms: Console, PC and Mobile Devices. We expect you to bring your own PCs and Mobile Phones, but bringing a console is not obligatory.
Registration cost: 400/-
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="hpModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Horcrux Hunt</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Text goes here...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="cModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Cubing</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Text goes here...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="mcuModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">MCU Quiz</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Embodying the true spirit of the ‘Marvel Cinematic Universe’ phenomenon - this championship will examine your understanding of the various aspects of this mythical world. Wallow into a wave of questions, containing your favourite aspects of this fictional universe. “Heroes are made with the path they choose, not the powers they are graced with.” This is the path you must choose to prove yourself as the conquering hero of this championship.
Participation cost - Rs 100
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="lModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Logical Thinking</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
When you register for this event, you're not just thinking, you’re being logical. The first round of our ‘Logical Thinking event’ will contain a series of questions testing your ability to find practical solutions to a series of challenging problems. Indulge yourself into the world of intuition and critical thinking for a period of 2 hours and work out few of the most exigent problems of the decade. If you’re deemed competent by the wizards of Logic Solving, the finals will assess your genius to the core, for a chance to be crowned as the champion.
Participation cost - Rs.100
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</body>
<!-- <script type="text/javascript" src="scripts.js"></script> -->
</html>