-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
426 lines (360 loc) · 21.9 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
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
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cretus - Club of PDPU</title>
<!--
Cretus Website
-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="team" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="icon" href="./images/logo/cretus-logo-removebg-1.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/all.min.css">
<!-- MAIN CSS -->
<link rel="stylesheet" href="css/cretus-style.css">
</head>
<body>
<!-- PRE LOADER -->
<!-- <section class="preloader">
<div class="spinner">
<span class="spinner-rotate"></span>
</div>
</section> -->
<!-- MENU -->
<section class="navbar custom-navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<!-- lOGO TEXT HERE -->
<a href="index.html" class="navbar-brand"><img src="./images/logo/cretus-logo.png" alt="logo of cretus"></a>
</div>
<!-- MENU LINKS -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#home" class="smoothScroll"><i class="fa fa-home fa-lg"></i> Home</a></li>
<li><a href="#about" class="smoothScroll">About us</a></li>
<li><a href="#project" class="smoothScroll">Projects</a></li>
<li><a href="#blog" class="smoothScroll">Blogs</a></li>
<li><a href="./committee.html" class="smoothScroll">Committee</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#contact">Contact us <i class="fa fa-mobile fa-lg"></i></a></li>
</ul>
</div>
</div>
</section>
<!-- HOME -->
<section id="home" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-offset-3 col-md-6 col-sm-12">
<div class="home-info">
<img src="./images/logo/cretus-logo-removebg-1.png" alt="">
<h1>CRETUS</h1>
<h3>Robotics and Automation club of PDPU</h3>
<!-- <form action="" method="get" class="online-form">
<input type="email" name="email" class="form-control" placeholder="Enter your email" required>
<button type="submit" class="form-control">Get started</button>
</form> -->
</div>
</div>
</div>
</div>
</section>
<!-- ABOUT -->
<section id="about" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8 col-sm-6">
<div class="section-title">
<h1>What <span style="color: #43b145;">we</span> are ?</h1>
</div>
<div class="about-img img-responsive">
<img src="./images/logo/cretus-1-removebg.png" alt="logo of cretus with name">
<img src="./images/logo/pdpu-logo-removebg.png" alt="logo od pdpu with name">
<p>The Robotics Club endeavors to provide a platform for learning about hardware, electronics, fabrication and programming for robotics and its application</p>
</div>
</div>
</div>
<div>
<div class="col-md-4 col-sm-4">
<div class="about-thumb">
<img src="images/robot_1.jpg" class="img-responsive" alt="Andrew Orange">
<div class="about-info about-thumb-up">
<h2>We do Projects</h2>
<p>Enhancing the reach of Cretus as a club through workshops and forming a wider space known as Cretus community which will actively participate in the club projects.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="about-thumb">
<div class="about-info about-thumb-down">
<h2>We conduct workshops</h2>
<p>Developing interest in the engineering students when it comes to robotics.Helping the students in acquiring skills pertaining to robotics through workshops.</p>
</div>
<img src="images/workshop.jpg" class="img-responsive" alt="Catherine Soft">
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="about-thumb">
<img src="images/competition.jpg" class="img-responsive" alt="Jack Wilson">
<div class="about-info about-thumb-up">
<h2>We organize Robotics competition</h2>
<p>We Organize competition which will provide the skills related to hardware, electronics, programming and fabrication of robots.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- PROJECTS -->
<section id="project" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title">
<h1><span style="color: #43b145;">Our</span> Projects</h1>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#tab01" aria-controls="tab01" role="tab" data-toggle="tab">Chess Playing Robot</a></li>
<!-- <li><a href="#tab02" aria-controls="tab02" role="tab" data-toggle="tab">Mini Projects</a></li>
<li><a href="#tab03" aria-controls="tab03" role="tab" data-toggle="tab">Major Projects</a></li> -->
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab01" role="tabpanel">
<div class="tab-pane-item">
<h4>Continued..</h4>
<h2>About this project</h2>
<p>It is a robotic arm with a brain of its own which can play chess like any human can do with another robot or human.</p>
</div>
<div class="tab-pane-item">
<h2>Features</h2>
<ul>
<li>
<p><strong>A Brain</strong> - Brain is a system for thinking which moves should the robot play and how should the robotic arm execute it.</p>
</li>
<li>
<p><strong>A robotic arm</strong> - Robotic arm is the mechanical system which just looks like a human arm and will move the chess pieces on board as per the commands given by the brain.</p>
</li>
<li>
<p><strong>A sensory chess board</strong> - Sensory board is a chess board fitted with sensors for getting information of the location of all pieces on the board.</p>
</li>
</ul>
</div>
</div>
<!-- <div class="tab-pane" id="tab02" role="tabpanel">
<div class="tab-pane-item">
<h2>Advanced LFR (Line following Robot)</h2>
<ul>
<li>
<h4>About the project</h4>
<p>It is a robot that follows a black line over a white background or vice versa.It has a brain (Arduino or Raspberry pi), Sensors (IR sensor) and Actuators (Dc motors).Sensor detects the line, and brain controls the motors based on data of sensor.</p>
</li>
</ul>
</div>
<div class="tab-pane-item">
<h2>Self balancing Robot</h2>
<ul>
<li>
<h4>About the project</h4>
<p>Self-Balancing Robot is a Two-wheeled Robot that balances automatically vertically using a closed-loop algorithm.This Robot is controllable by a Smartphone device or a Transmitter.Self-Balancing robots use data from the Accelerometer and Gyroscope to correct its orientation and position</p>
</li>
</ul>
</div>
<div class="tab-pane-item">
<h2>Universal BOT (Object Detection + ARM)</h2>
<ul>
<li>
<h4>About the project</h4>
<p>This robot will be able to avoid obstacles and will have a gripper mechanism to grip objects.It will have a brain (Arduino or Raspberry Pi), Sensors (IR + Ultrasonic + Pi camera) and Actuators (DC Motors).</p>
</li>
</ul>
</div>
</div> -->
<!-- <div class="tab-pane" id="tab03" role="tabpanel">
<div class="tab-pane-item">
<h2>About the project</h2>
<p>It is a car which is automatically driven in town with the help of artificial intelligence and deep learning.</p>
</div>
<div class="tab-pane-item">
<h2>Features</h2>
<p>This Project consists of two main components: <strong>the bots</strong>, and the environments that they operate in, i.e. <strong>the towns.</strong></p>
<ul>
<li>
<h3>Bot</h3>
<p>Bots use only computer vision to: drive down lanes, avoid pedestrians, and navigate intersections. To follow the lanes, they look at the road and detect the road markings. To navigate they read signage including road signs and traffic lights, and communicate with other robots to coordinate.</p>
</li>
<li>
<h3>Town</h3>
<p>The “towns” are highly structured environments built for Bots to operate.The environment has been high formally specified and engineered so that we can guarantee successful operation of the Bots.This also enables a sliding scale of difficulty in both perception and control, since the assumptions about the structure of the environment can either be used or discarded. For example, each road sign is affixed with an “April Tag” fiducial marker that can be used (ornot) to get the ground truth identity of the sign.</p>
</li>
</ul>
</div>
</div> -->
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="project-image">
<img src="images/wall-e-rm-bg.png" class="img-responsive" alt="wall-e">
</div>
</div>
</div>
</div>
</section>
<!-- Github -->
<section id="github-section" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8 col-sm-6">
<div class="github-header">
<h1>Github <span style="color: #6aee6c;">Page</span></h1>
</div>
<div class="github-img img-responsive">
<a href="https://github.com/Cretus-PDPU/" target="_blank"><img src="./images/logo/Octocat-removebg.png" alt="logo ofGithub"></a>
<a class="github-btn dont" href="https://github.com/Cretus-PDPU/" target="_blank">Github</a>
<p><strong>Our</strong> focus is to develop Open-source project. <br> Follow us on github for more open source projects</p>
</div>
</div>
</div>
</div>
</section>
<!-- Blogs -->
<section id="blog" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-md-8 col-sm-6">
<div class="blog-header">
<h1>Blogs</h1>
</div>
<div class="blog-info">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="blog-item">
<h4>WAYMO- THE DRIVERLESS CAR REVOLUTION</h4>
<a target="_blank" href="https://cretus-pdpu.blogspot.com/2020/11/waymo-driverless-car-revolution.html"><img src="images/Blog-1.PNG" class="img-responsive" alt="img"></a>
</div>
<h3>Find more interesting blogs on cretus - blogspot : <a target="_blank" href="https://cretus-pdpu.blogspot.com/"><u>Here</u></a></h3>
</div>
<!-- <div class="item">
<div class="blog-item">
<h4>Title</h4>
<a href="#"><img src="images/blogger.jpg" class="img-responsive" alt="img"></a>
</div>
<h3>Blogs will be added soon...</h3>
</div>
<div class="item">
<div class="blog-item">
<h4>Title</h4>
<a href="#"><img src="images/blogger.jpg" class="img-responsive" alt="img"></a>
</div>
<h3>Blogs will be added soon...</h3>
</div> -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Membership -->
<!-- <section id="membership" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-title">
<h1>Membership</h1>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="membership-thumb">
<div class="membership-title">
<h2>Student</h2>
</div>
<div class="membership-info">
<p>Hardware access</p>
<p>Technical support</p>
<p>50% off on workshop</p>
<p>Networking opportunities</p>
<p>Latest updates of the ongoing projects</p>
</div>
<div class="membership-bottom">
<span class="membership-dollar">Rs. 300/year</span>
<a href="#" class="section-btn membership-btn">Take Now</a>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- CONTACT -->
<section id="contact" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="col-md-offset-1 col-md-10 col-sm-12">
<div id="contact-div">
<div class="section-title">
<h1>Contact <span style="color: #43b145;">Us</span></h1>
</div>
<div class="col-md-4 col-sm-4">
<h2>Address</h2>
<p><a href="https://goo.gl/maps/H6KGDYe14Xy8ZkGd8" target="_blank">Raisan Village, Gandhinagar - 382007 Gujarat (State), INDIA</a></p>
</div>
<div class="col-md-4 col-sm-4 email-id">
<h2>Email</h2>
<p><a href="mailto:cretus@pdpu.ac.in">cretus@pdpu.ac.in</a></p>
</div>
<div class="col-md-4 col-sm-4">
<h2>Mobile</h2>
<p><a href="tel:+91 8849063103"><strong>+91 8849063103 - </strong>Sarthak Mehta</a></p>
<p><a href="tel:+91 8849038236"><strong>+91 8849038236 - </strong>Dhruv Ribbonwala</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="footer" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="copyright-text col-md-12 col-sm-12">
<div class="col-md-6 col-sm-6">
<ul class="social-icon">
<li><a href="https://github.com/Cretus-PDPU" target="_blank"><i class="fab fa-github fa-2x"></i></a></li>
<li><a href="https://www.linkedin.com/company/cretus/about/" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a></li>
<li><a href="https://www.facebook.com/cretus.pdpu" target="_blank"><i class="fab fa-facebook-square fa-2x" attr="facebook icon"></i></a></li>
<li><a href="https://www.instagram.com/cretus.pdpu/" target="_blank"><i class="fab fa-instagram fa-2x"></i></a></li>
<li><a href="https://discord.gg/8qHUPE5" target="_blank"><i class="fab fa-discord fa-2x"></i></a></li>
</ul>
</div>
<div class="col-md-6 col-sm-6">
<p>Copyright © 2020 Club Name: Cretus</p>
</div>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>
<!-- <script src='js/font-awesome.js'></script> -->
</body>
</html>