-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtech.html
More file actions
270 lines (238 loc) · 10.7 KB
/
tech.html
File metadata and controls
270 lines (238 loc) · 10.7 KB
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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TechnoFlux</title>
<meta name="author" content="IIITG" />
<meta name="description" content="Yuvaan - Official Fest of IIITG" />
<meta name="keywords" content="Yuvaan, IIITG" />
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/new-age.min.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="css/simple-line-icons.css"> -->
<link rel="stylesheet" type="text/css" href="assets/css/javascript.fullPage.css" />
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
#slide1 {
background-image: url('images/tech/codethrill.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* #slide2 {
background-image: url('images/tech/circuit.jpg');
background-repeat: no-repeat;
background-size: cover;
} */
#slide2 {
background-image: url('images/tech/Quizzatron_final.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#slide3 {
background-image: url('images/tech/rbots.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#slide4 {
background-image: url('images/tech/workshop.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.w3-button {
width:150px;
height: 60px;
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav" style="background-color:transparent;">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="index.php" style="font-size: 5vh;">Yuvaan</a>
<div class="collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#section0" style="font-size:4vh;">TechnoFlux</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#section1" style="font-size: 4vh;">Events</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#section2" style="font-size: 4vh;">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div id="fullpage">
<div class="section" id="section0">
<div class="content" style="top:50%; height:100%;">
<header class="masthead" style="padding-bottom:300px; padding-top:350px; height:100%;">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-7 my-auto">
<div class="header-content mx-auto">
<h1 class="mb-5" style="font-size: 6vh;">TechnoFlux</h1>
<p style="font-size: 3vh;">The Annual Technical Fest of IIITG</p>
</div>
</div>
</div>
</div>
</header>
</div>
</div>
<div class="section" id="section1" style="font-size: 2vh;">
<div class="slide" id="slide1">
<button class="w3-button shikhar-button-1 w3-red" onclick="document.getElementById('id01').style.display='block'" style="height:auto; width:auto; padding:20px;">Register</button>
<!-- Register for Tech Event-1 -->
<div id="id01" class="w3-modal" style="position: inherit; padding-top:125px;">
<div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:760px; width:75%;">
<div class="w3-center w3-black" style="height: 62px; width: 760px;">
<p style="margin: 0; padding: 16px 24px;" onclick="document.getElementById('id01').style.display='none'" class="w3-right w3-button w3-large w3-transparent w3-display-topright w3-hover-red" title="Close Modal">×</p>
</div>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf8WZ82p-LtQhIswnWDt-Z7AJd94BVljkr_zck6qWsl7oMK_w/viewform?embedded=true" width="760" height="700" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</div>
<!-- -->
<div class="content w3-deep-purple w3-padding-64 ">
<h1>Code Thrill </h1>
<p>
IIITG brings you the second iteration of code thrill, <br>a perfect arena for the code warriors to showcase their skills and prove their domination.
</p>
<p>
Stay tuned for the coming challenge.
</p>
<p>
Date : 17th March
<br>
Time : 1 p.m - 4 p.m
</p>
</div>
</div>
<div class="slide" id="slide2">
<button class="shikhar-button-2 w3-button w3-red" onclick="document.getElementById('id02').style.display='block'" style="height:auto; width:auto; padding: 20px;">Register</button>
<!-- Register for Tech Event-1 -->
<div id="id02" class="w3-modal" style="position: inherit; padding-top:55px; margin:0px;">
<div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:760px; width: 75%;">
<div class="w3-center w3-black" style="height: 62px;">
<p style="margin: 0; padding: 16px 24px;" onclick="document.getElementById('id02').style.display='none'" class="w3-button w3-large w3-transparent w3-display-topright w3-hover-red" title="Close Modal">×</p>
</div>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSf0r-A6aFj0tzh9OMkAetx2qDphS_GzH0xLfIdotE-xHDYapA/viewform?embedded=true" width="760" height="700" frameborder="0" marginheight="0" marginwidth="0">
Loading...
</iframe>
</div>
</div>
<!-- -->
<div class="content w3-pink w3-padding-16">
<h1>Quizzatron </h1>
<p>
Quiz Competition hosted by IIIT Guwahati.
</p>
<p>
Date : 16th March,
Time : 1 p.m - 3:30 p.m
<br>
Date : 17th March,
Time : 10 a.m - 12 p.m
</p>
</div>
</div>
<div class="slide" id="slide3">
<a href="files/final_statement.pdf"><button class="w3-button shikhar-button-4 w3-red " style="height:auto; width:auto; padding: 20px;">Problem Statement</button></a>
<button class="w3-button shikhar-button-3 w3-red" onclick="document.getElementById('id03').style.display='block'" style="height:auto; width:auto; padding: 20px;">Register</button>
<!-- Register for Tech Event-1 -->
<div id="id03" class="w3-modal" style="position: inherit; padding-top:55px; margin: 0px;">
<div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:760px; width:75%;">
<div class="w3-center w3-black" style="height: 62px;">
<p style="margin: 0; padding: 16px 24px;" onclick="document.getElementById('id03').style.display='none'" class="w3-button w3-large w3-transparent w3-display-topright w3-hover-red" title="Close Modal">×</p>
</div>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSewN4JgWUMaHz7OT-cxKg5RL547fwKausQx9lwFN8uhxQ9OpQ/viewform?embedded=true" width="760" height="700" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</div>
<!-- -->
<div class="content w3-yellow w3-padding-64">
<h1 style="color:black;">R_bots </h1>
<p>
A challenging task awaits for your team requiring to make a bot to perform a specific task.
</p>
<p>
Date : 17th March
<br>
Time : 10 a.m - 6 p.m
</p>
</div>
</div>
</div>
<!-- Workshop Section -->
<div class="section" id="section3" style="font-size: 2vh;">
<div class="slide" id="slide4">
<button class="w3-button shikhar-button-5 w3-red" onclick="document.getElementById('id04').style.display='block'" style="height:auto; width:auto; padding:20px;">Register</button>
<a href="files/IIITworkshop.pdf"><button class="w3-button shikhar-button-6 w3-red " style="height:auto; width:auto; padding: 20px;">Details</button></a>
<div id="id04" class="w3-modal" style="position: inherit; padding-top:55px;">
<div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:760px">
<div class="w3-center w3-black" style="height: 62px;">
<p style="margin: 0; padding: 16px 24px;" onclick="document.getElementById('id04').style.display='none'" class="w3-button w3-large w3-transparent w3-display-topright w3-hover-red" title="Close Modal">×</p>
</div>
<iframe src="https://goo.gl/forms/SlKXuhZDvLPY9b0N2" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">
Loading...
</iframe>
</div>
</div>
<div class="content w3-deep-purple w3-padding-64 ">
<h1>Workshop</h1>
<p>
Bluetooth, vision and speech robotics.
</p>
<p>
First Session :
Date : 16th March,
Time : 1:30 p.m - 5:30 p.m
</p>
<p>
Second Session :
Date : 17th March,
Time : 1 p.m - 5 p.m
</p>
</div>
</div>
</div>
<div class="section" id="section2">
<div class="content" style="top:55%;">
<img src="images/tech/logo.png">
<br><br>
<h1>Contact Us</h1>
<br>
<div class="w3-large w3-margin-bottom" style="font-size:1.5vh !important;">
<i class="fa fa-map-marker fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> GNB Road, Assam Textile Institute Campus, Ambari, Guwahati, Assam 781001<br>
<i class="fa fa-phone fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Phone: +91 8218706349<br>
<i class="fa fa-envelope fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Email: iiitgyuvaan.sponsorship@gmail.com<br>
</div>
<footer class="w3-padding-32" style="background-color:transparent;">
<a href="#firstPage" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
<div class="w3-xlarge w3-section">
<a href="https://www.facebook.com/YuvaanIIITG/"><i class="fa fa-facebook-official w3-hover-opacity"></i></a>
<a href="https://twitter.com/CultFlux"><i class="fa fa-twitter w3-hover-opacity"></i></a>
<a href="https://www.instagram.com/yuvaan_iiitg/"><i class="fa fa-instagram w3-hover-opacity"></i></a>
</div>
<p>Powered by <a href="https://www.iiitg.ac.in" title="IIITG" target="_blank" class="w3-hover-text-green">IIITG</a></p>
</footer>
</div>
</div>
</div>
<script type="text/javascript" src="assets/js/javascript.fullPage.min.js"></script>
<script type="text/javascript">
fullpage.initialize('#fullpage', {
anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
menu: '#menu',
css3:true
});
</script>
</body>
</html>