-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (189 loc) · 9.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TeamRoboconIITR</title>
<link rel="icon" type="img/jpg" href="img/logo.jpg">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
</head>
<body>
<!-- preloader -->
<div class="preloader">
<div class="loader">
<span>R</span>
<span>O</span>
<span>B</span>
<span>O</span>
<span>C</span>
<span>O</span>
<span>N</span>
<div class="covers">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!--This is side slide navigation bar -->
<span class="up"><i class="fa fa-chevron-up fa-2x" aria-hidden="true"></i></span>
<nav id="navbar">
<button id="close-btn"><i class="fa fa-times fa-2x" aria-hidden="true"></i></button>
<ul>
<li><a href="#about">About</a></li>
<li><a onclick="alert('Coming Soon');">Timeline</a></li>
<li><a href="#robocon17">Robocon 2017</a></li>
<li><a href="#lib_gal">Library</a></li>
<li><a href="#lib_gal">Gallery</a></li>
<li><a href="#sponsors">Sponsers</a></li>
<li><a href="#contact">Contact</a></li>
<li><a onclick="alert('Coming Soon');">Blog</a></li>
</ul>
</nav>
<div class="navspan"><span id="open-btn"><i class="fa fa-bars fa-2x" aria-hidden="true"></i><span class="menu">Menu</span></span>
</div>
<!-- Here is main section -->
<img src="img/logo_trans.png" class="logo" alt="logo">
<main id="main">
<header>
<section id="head">
<h1>Team Robocon IITR</h1>
<div class="textslide">
<p class="smallHead1"><i class="fa fa-quote-left" aria-hidden="true"></i> None of us is as smart as all of us <i class="fa fa-quote-right" aria-hidden="true"></i></p>
<p class="smallHead2"><i class="fa fa-quote-left" aria-hidden="true"></i> Everyone is needed, but no one is necessary<i class="fa fa-quote-right" aria-hidden="true"></i></p>
<p class="smallHead3"><i class="fa fa-quote-left" aria-hidden="true"></i> When spider webs unite, they can tie up a lion<i class="fa fa-quote-right" aria-hidden="true"></i></p>
</div>
</section>
</header>
<!-- this one is about -->
<div class="about" id="about">
<h2>About</h2>
<p>Robocon is the biggest international robotics competition in Asia-Pacific region. Major Asian countries like China, Japan, India, Pakistan and Vietnam participate in the contest to show their technological supermacy. The magnitude of the competition can be judged from the fact that only one team from a country is allowed to participate, with the host being allowed to field two teams. In the competition robots compete to complete a task within a set period of time. The contest aims to create friendship among young people with similar interests who will lead their countries in the 21st century, as well as help advance engineering and broadcasting technologies in the region. In India, it is telecasted by Doordarshan which is also one of its members. It might just be a competition for the organizers and other people,but for us,it is the platform for gaining technical skills.
</p>
<div class="testimonials">
<div class="item" id="testi1">
<h4>Abhishek Negi</h4>
<div class="popin">
<p class="testi_text">
<i class="fa fa-quote-left" aria-hidden="true"></i>ROBOCON has been one of the most momentous journey of my life. I was recruited in the team in 2011-12 session and in my 3 years with Team ROBOCON IITR, I have unquestionably expanded my knowledge and limits to a whole new level. The team is like a family of passionate undergraduate engineers working together throughout the year and round the clock to achieve one goal. The technical aspects involve all the basics to the most complex concepts of electronics, electrical and mechanical engineering. The range of challenges and emotions one experiences is stupendous. The exposure that I got by representing my college at national level was a brilliant opportunity. Some of the everlasting friendships that I have with so many talented people is in itself a testimony. Best of luck to TEAM ROBOCON IITR in all its future endeavors.<i class="fa fa-quote-right" aria-hidden="true"></i></p>
</div>
<p>Software Engineer, <br>Samsung R&D <br>Bangalore, India</p>
</div>
<div class="item" id="testi2">
<h4>Anant Sharma</h4>
<div class="popin">
<p class="testi_text">
<i class="fa fa-quote-left" aria-hidden="true"></i>Robocon for me is a great teacher. In just three modest years, I learned techniques that I will expend over a lifetime. When I try recollecting the experiences, each happening captures a different turning point in my life. From acquiring some amazing friends to teaching me nuances of team work, I owe it all to Robocon. I am incredibly proud of my association with this team. For current team: Good luck, boys!! We'll be cheering for you!!<i class="fa fa-quote-right" aria-hidden="true"></i></p>
</div>
<p>Finisar, Malaysia</p>
</div>
<div class="item" id="testi3">
<h4>Pulkit Gupta</h4>
<div class="popin">
<p class="testi_text">
<i class="fa fa-quote-left" aria-hidden="true"></i>Robocon is the highest level platform in India for showcasing your prowess as a Robotics engineer. Robocon at IITR consists of some highly motivated people who work day and night to fulfill the IITR's dream of representing India at ABU Robocon. Robocon IITR rocks
Robocon has taught me so many things. It has enhanced my practical knowledge about Robotics and has taught me how to work in a team. Really miss being a part of TEAM ROBOCON-IITR.<i class="fa fa-quote-right" aria-hidden="true"></i></p>
</div>
<p> MS, University of Michigan</p>
</div>
</div>
</div>
<!-- this is robocon 17-->
<div class="robocon17" id="robocon17">
<h2>Robocon 2017</h2>
<div class="robo_des">
<h3>CONTEST THEME: Asobi - The Landing Disc</h3>
<p>The theme revolves around the word "asobi" (play), which is also a fundamental philosophy behind Robocon. In "asobi," playful, unique, original show of skills is often more important than winning or losing, as everyone - friend and foe alike - can applaud and enjoy them.</p>
<span><a href="robocon.html">Robocon Diary</a></span>
<span><a href="#" class="open_video">Video 2017</a></span>
</div>
<div class="video">
<span class="close_video"><i class="fa fa-times fa-2x" aria-hidden="true"></i></span>
<iframe src="https://www.youtube.com/embed/3Xvxbw_YCvQ" frameborder="0" alt="robocon17_video" allowfullscreen></iframe>
</div>
</div>
<!-- library and gallary -->
<div class="lib_gal" id="lib_gal">
<div class="lib">
<h3>Explore Library</h3>
<ul class="hovereffect">
<li><a href="library.html#electronics" class="lib_link">Electronics Library</a></li>
<li><a href="library.html#mechanical" class="lib_link" >Mechanical Library</a></li>
<li><a href="library.html#programming" class="lib_link" >Programming Library</a></li>
</ul>
</div>
<div class="gall">
<h3>Gallery</h3>
<div class="slider">
<div class="slides">
<ul>
<li><img src="img/slider/item1.jpg"></li>
<li><img src="img/slider/item2.jpg"></li>
<li><img src="img/slider/item3.jpg"></li>
<li><img src="img/slider/item4.jpg"></li>
<li><img src="img/slider/item5.jpg"></li>
</ul>
</div>
</div>
<button class="expgall"><a href="gallery.html">Explore Gallery</a></button>
</div>
</div>
<!--Sponsors Section starts here -->
<div class="sponsors" id="sponsors">
<h2>Sponsors</h2>
<section class="spon1">
<div><img src="img/sponsors/sponsors_vedantu.png"></div>
<div><img src="img/sponsors/sponsors_tagbin.png"></div>
<div><img src="img/sponsors/sponsors_zengatv.jpg"></div>
<div><img src="img/sponsors/sponsors_multistore.jpg"></div>
</section>
<section class="spon2">
<div><img src="img/sponsors/sponsors_ifm.gif"></div>
<div><img src="img/sponsors/sponsors_winstar.jpg"></div>
<div><img src="img/sponsors/sponsors_mathfundo.png"></div>
<div><img src="img/sponsors/sponsors_funmath.png"></div>
</section>
</div>
<!-- Contact the last section -->
<div class="contact" id="contact">
<h2>Contact</h2>
<h5>We'd love to hear from you if you'd like to join our team or discuss partnerships.</h5>
<div class="contact_l">
<form class="cf" method="post">
<div class="half left cf">
<input type="text" id="input-name" placeholder="Name">
<input type="email" id="input-email" placeholder="Email address">
<input type="text" id="input-subject" placeholder="Subject">
</div>
<div class="half right cf">
<textarea name="message" type="text" id="input-message" placeholder="Message"></textarea>
</div>
<input type="submit" value="Submit" id="input-submit">
</form>
</div>
<div class="contact_r">
<h5>Stay in touch</h5>
<h3>Bhavya Giri Goswami</h3>
<p>Team Leader, Robocon IIT Roorkee</p>
<p class="ph_em">Ph. no: +91 8755175975 <br>Email: [email protected]</p>
</div>
<!-- footer -->
<footer>
<div class="foot">
<a href="https://www.facebook.com/roboconiitr" target="_blank"><img src="img/fb.png"></a>
<p>Copyright © TeamRoboconIITR 2019</p>
</div>
</footer>
</div>
</main>
<!--javascripts-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>