forked from shashikg/robotics_club
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
96 lines (84 loc) · 5.15 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
---
title: Home
layout: default
style: home
---
<a name="top"></a>
<div class="ss-container">
<ul class="cb-slideshow">
<li><span>Image 01</span><div><a target="_blank" href="{{ site.url }}/event/roboticsinsightwinters.html">Robotics Insight (Fall '18)</a></div></li>
<li><span>Image 02</span><div><a target="_blank" href="{{ site.url }}/event/takneek18.html">Takneek' 18</a></div></li>
<li><span>Image 03</span><div><a target="_blank" href="{{ site.url }}/event/robomonth17.html">RoboMonth' 17</a></div></li>
<!-- <li><span>Image 04</span><div><a href="">Introductory Workshop</a></div></li> -->
<!-- <li><span>Image 03</span><div><a href="https://docs.google.com/presentation/d/1Swi-XY3ekWI3NLpNgatd1740iGH1Dqc-DwlGuaGJ_9w/edit#slide=id.p">Introductory Lecture</a></div></li> -->
</ul>
</div>
<div class="about-section mdl-typography--text-justify">
<div class="about-grid mdl-grid">
<div class="about-content about-grid mdl-cell mdl-cell--2-offset-desktop mdl-cell--8-col mdl-cell--8-col-tablet mdl-cell--4-col-phone">
<h1 class="mdl-typography--display-1-color-contrast" style="font-family: 'Orbitron', sans-serif; font-size: xx-large;">About Us...</h1>
<p class="abt-cnt mdl-typography--subhead-color-contrast " style="font-family: 'PT Mono', monospace;">
What if you could build a <b>R2D2</b>? How about <b>Transformers</b>? Or a <b>WALL-E</b>? <br><br>
If you have ever even secretly aspired to build your own robot, then the <b>Robotics Club, IITK</b> is the place for you!
We are a diverse group of over-enthused robotics nerds who find roots across all academic departments of the institute as well as ‘seniority’. The club is a student body which finds its place under the Science and Technology Council, Student Gymkhana, IIT Kanpur. Interested in what kind of work we do? We build robots for academic purposes, to compete at both national and international events or just out of plain interest. Check out our <a href="{{ site.url }}/projects/">project</a> page and <a href="">achievements</a>. <br><br>
Having those newbie jitters? No worry. We are here to induct you into the rapidly expanding world of robotics. One on one guidance, workshops and tutorials along with tools, equipments, components and workspace eagerly await you!<br><br>
<b>#HappyRoboting</b>
</p>
</div>
</div>
</div>
<a name="event"></a>
<div id="events" class="event-section mdl-typography--text-center">
<div class="event-grid mdl-grid">
<div class="event-title mdl-cell mdl-cell--3-col mdl-cell--2-col-tablet mdl-cell--4-col-phone">
<br>EVENTS
<p style="font-size: 35%; color: #EEEEEE; margin: 0;">MARK YOUR CALENDAR</p>
<i class="material-icons">date_range</i>
</div>
<div class="mdl-cell mdl-cell--3-col mdl-cell--2-col-tablet mdl-cell--4-col-phone">
<div class="event-cards mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand" style="background: url('{{ site.url }}/assets/images/event/roboticsinsight2.jpg') center 50% no-repeat; background-size: cover;">
<h1 class="mdl-card__title-text" style="color: #f3f3f3;">Robotics Insight (Winters '18)</h1>
</div>
<div class="mdl-card__supporting-text">
Learn the skills that some only dream of..
</div>
<div class="mdl-card__actions mdl-card--border">
<a target="_blank" href="{{ site.url }}/event/roboticsinsightwinters.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Know More
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--3-col mdl-cell--2-col-tablet mdl-cell--4-col-phone">
<div class="event-cards mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand" style="background: url('{{ site.url }}/assets/images/ss/3.jpg') center 30% no-repeat; background-color: #263238; background-size: cover;">
<h1 class="mdl-card__title-text" style="color: #f3f3f3;">Takneek' 18</h1>
</div>
<div class="mdl-card__supporting-text">
On the Shoulders of Giants
</div>
<div class="mdl-card__actions mdl-card--border">
<a target="_blank" href="{{ site.url }}/event/takneek18.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Know More
</a>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--3-col mdl-cell--2-col-tablet mdl-cell--4-col-phone">
<div class="event-cards mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand" style="background: url('{{ site.url }}/assets/images/event/robomonth.jpg') center 30% no-repeat; background-size: cover;">
<h1 class="mdl-card__title-text" style="color: #f3f3f3;">RoboMonth</h1>
</div>
<div class="mdl-card__supporting-text">
October'17 = Robotics
</div>
<div class="mdl-card__actions mdl-card--border">
<a target="_blank" href="{{ site.url }}/event/robomonth17.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Know More
</a>
</div>
</div>
</div>
</div>
</div>