/
aquadrift.html
88 lines (77 loc) · 3.43 KB
/
aquadrift.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="icon" href="images/hit_logo.png"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/eventstyle.css" />
<title></title>
</head>
<style type="text/css">
.video{
background-size: cover;
background-position: center;
height: 50vh;
}
.video iframe {
padding: 5px 5px 5px 5px;
height:50vh;
width:92%;
position:absolute;
}
body{
color:white;
}
</style>
<body>
<link rel="stylesheet" type="text/css" href="css/eventstyle.css" />
<link rel="stylesheet" href="css/navevent.css">
<header class="header">
<a href="" class="logo"><img src="img/newsky/pra_black.png" style="width: 160px; height: auto;" ></a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li><a href="/"><h5>Home</h5></a></li>
<li><a href="about.html"><h5>About</h5></a></li>
<li><a href="event.html"><h5>Events</h5></a></li>
<li><a href="gallery.html"><h5>Gallery</h5></a></li>
<li><a href="riv.html"><h5>Riviera</h5></a></li>
<li><a href="registration.html"><h5>Sign-In</h5></a></li>
</ul>
</header>
<div class="container" style="padding-top:80px">
<section class="about-block">
<div class="container">
<div class="row">
<div class="col-md-5 about-left">
<p style="line-height: 50px; font-size: 35px"><label>Aquadrift</label></p>
<div class="video">
<iframe class="video" src="video/aquadrift.mp4" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true" width="100%"></iframe>
</div>
</div>
<div class="col-md-7 about-right">
<h3 style="color: #FFFFFF">Introduction</h3>
<p>Majority of y'all have witnessed humongous voyages and shifts, both in real and reel life. Ever thought of creating one, all by yourself? Not an easy task right? However, in the huge cosmos of Robotics, you actually can- not the huge ones, but the teensy ones, known as water robots.
Mayhaps the most sought-after event in Prayukti’s, it would be organised in this year's fest as well. If you think you're the “King of the water kingdom”, make such a bot which could be driven in water ceaselessly. Stay tuned!</p>
<span style="padding-top: 20px"><strong>Coordinators</strong></span>
<ul class="list-unstyled list-inline">
<li>Nitish Kumar Jha - 9932074838</li><br>
<li>Mohit Kumar Singh - 8697518826</li><br>
</ul>
<span style="padding-top: 20px"><strong>Volunteers</strong></span>
<ul class="list-unstyled list-inline">
<li>Aditya Datta - 7005187318</li><br>
<li>Prakash - 9547460758</li><br>
<li>Abhinay Prakash - 8083961222</li><br>
</ul>
<a href="pdf/aquadrift.pdf"><span>Download PDF</span></a>
</div>
</div>
</div>
<div class="clearfix"> </div>
</section>
</div>
</body>
</html>