-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
121 lines (112 loc) · 4.95 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
---
title: Home
layout: default
style: home
---
<a name="top"></a>
<div class="ss-container">
<ul class="cb-slideshow">
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</li>
<li>
<span></span>
</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. <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/winter19.jpg') center 50% no-repeat; background-size: cover;"> -->
<!-- <h1 class="mdl-card__title-text" style="color: #f3f3f3;">SnT Winter Camp lecture'19</h1>
</div>
<div class="mdl-card__supporting-text">
For a memorable experience...
</div>
<div class="mdl-card__actions mdl-card--border">
<a target="_blank" href="{{ site.url }}/event/SnTwintercampLecture.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/takneek.png') center 30% no-repeat; background-color: #263238; background-size: cover;">
<h1 class="mdl-card__title-text" style="color: #f3f3f3;">Takneek' 19</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/takneek19.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/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>
</div> -->