-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathabout.html
More file actions
227 lines (216 loc) · 15.1 KB
/
about.html
File metadata and controls
227 lines (216 loc) · 15.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SEO Meta Tags -->
<meta name="description" content="MtB - Mountain Biking Club of IIT Mandi">
<meta name="author" content="MtB - Webdevs">
<!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
<meta property="og:site_name" content="" />
<!-- website name -->
<meta property="og:site" content="" />
<!-- website link -->
<meta property="og:title" content=""/>
<!-- title shown in the actual shared post -->
<meta property="og:description" content="" />
<!-- description shown in the actual shared post -->
<meta property="og:image" content="" />
<!-- image link, make sure it's jpg -->
<meta property="og:url" content="" />
<!-- where do you want your post to link to -->
<meta property="og:type" content="article" />
<!-- Website Title -->
<title>MtB | IIT Mandi</title>
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/fontawesome-all.css" rel="stylesheet">
<link href="css/swiper.css" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="images/MTBlogo.png">
</head>
<body data-spy="scroll" data-target=".fixed-top">
<!-- Preloader -->
<!-- end of preloader -->
<!-- Navbar -->
<nav class="navbar navbar-expand-md navbar-dark navbar-custom fixed-top" style="background-color: white;" >
<!-- Text Logo - Use this if you don't have a graphic logo -->
<!-- Image Logo -->
<a class="navbar-brand logo-image" href="index.html"><img src="images/MTBlogo.png" style="width:90px;height:90px;"
alt="MtB Logo"></a>
<!-- Mobile Menu Toggle Button -->
<button style="color:black;" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-awesome fas fa-bars"></span>
<span class="navbar-toggler-awesome fas fa-times"></span>
</button>
<!-- end of mobile menu toggle button -->
<div class="collapse navbar-collapse" id="navbarsExampleDefault" style="font-size:16px;">
<ul class="navbar-nav ml-auto">
<li class="nav-item active" data-aos="zoom-in">
<a class="nav-link page-scroll" href="index.html" style="color:black;">HOME <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active" data-aos="zoom-in">
<a class="nav-link page-scroll" href="facilities.html" style="color:black;">FACILITIES<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item" data-aos="zoom-in">
<a class="nav-link page-scroll" href="#" style="color:black;">ABOUT US</a>
</li>
<li class="nav-item" data-aos="zoom-in">
<a class="nav-link page-scroll" href="pastrides.html" style="color:black;">PAST RIDES</a>
</li>
<li class="nav-item" data-aos="zoom-in">
<a class="nav-link page-scroll" href="team.html" style="color:black;">TEAM</a>
</li>
<li class="nav-item" data-aos="zoom-in">
<a class="nav-link page-scroll" href="blog.html" style="color:black;">BLOGS</a>
</li>
<li class="nav-item" data-aos="zoom-in">
<a class="nav-link page-scroll" href="#contact" style="color:black;">CONTACT</a>
</li>
</ul>
</div>
</nav>
<!-- end of navbar -->
<!-- end of navbar -->
<!-- About -->
<br><br><br><br>
<div id="about" class="tabs">
<div class="container">
<h2 style="text-align: center !important;" data-aos="fade-up">ABOUT US</h2>
<div class="row justify-content-centre">
<div class="container">
<div class="row justify-content-centre" style="text-align: justify;">
<div class="col-sm-9 p-heading p-large justify-content-centre" style="text-align: justify;" data-aos="fade-up">
Draped around by the great Himalayan mountains, with the scenic resplendency of mother nature, windswept peaks, encompassed by many holy rivers, and adventure all around, we, the MtB (Mountain Biking club) at IIT Mandi, welcome you all to be a part of this journey!
<br><br>The MtB club is embarking upon a peregrination in the lap of the Himalayas with the most spectacular destination and astounding trails, which is a crown jewel in itself for IIT Mandi.
<br><br>Riding from the finest roads to the astonishing Himalayan forests, fascinated by the snow-capped mountains and many more adventures along the way, it is a great opportunity for all of us to relish the glory of nature differently.
<br><br>The MtB club has been leading its role since 2017. The club is a community of ebullient riders, inclusive of students, faculty and staff. Riding for us is not just a sport or hobby, it's a way of life. Many riders have joined us from time to time on our rides and have taken themselves along the path to develop their self-reliance, endurance, and optimum fitness. We aim to introduce the world to the wondrous experience of riding in the Himalayas.
</div>
</div>
</div>
<!-- end of container -->
<!-- end of col -->
</div>
<!-- end of row -->
<div style="border-top: 1px solid #97969E;" class="row">
<!-- Tabs Links -->
<div style="text-align: center !important;" class="container">
<br><br><h2 data-aos="fade-up" >HISTORY OF CLUB</h2>
</div><!-- end of tabs links -->
<!-- Tabs Content-->
<!-- end of tab-pane -->
<!-- end of tab -->
<!-- Tab -->
<!-- end of tab-pane -->
<!-- end of tab -->
<!-- Tab -->
<div class="container">
<div class="row justify-content-centre" >
<div class="col-sm-9 p-heading p-large justify-content-centre" style="text-align: justify;" >
<p data-aos="fade-up">
In early spring of 2017, we saw the dawn of a new culture in IIT Mandi when a few faculty members, staff, and students purchased personal mountain bikes for leisure and sports activities. Hardly a dozen in number, they started to venture out for early morning rides in nearby villages and on mountain tops. Having had exposure to the wonderful experience of riding up and down the mountain slopes, sometimes off road too, everyone saw the worth of their investments in the semi-premium mountain bikes.
</p>
<p data-aos="fade-up">
In the academic year 2017-18, the Mountain Biking Club, abbreviated as MtB Club, was officially introduced in the Students' Gymkhana, with Nikhil Gupta as club coordinator and Dr. Padmanabhan Rajan as the faculty advisor. The club embarked on an adventurous journey with the long-term goal of establishing a "Biking Culture '' in the institute and making IIT Mandi a destination for adventure sports' enthusiastic students. For the following two academic sessions, under the FA’s guidance, the club saw huge growth and recognition. Many motivated faculty members and students from all departments (undergraduates and postgraduates) expressed their interest and joined the club. The inventory of the club garage saw various useful additions, and the cycling culture on campus increased. The club reached its next milestone on 30th March, 2019. The director, Dr. Timothy Anthony Gonsalvis, had envisioned IIT Mandi hosting a cycling competition in 2019. With his and the institute’s support and much needed guidance, the club successfully organised a two-day cycling competition in and around the IIT Mandi campus. This event saw a huge participation from students, faculty members, staff and even children. Along with our local participation, the event was joined by a few prominent riders from Mandi town as well.
</p>
<p data-aos="fade-up">
With the advent of the academic session of 2020, the club was joined by the new faculty advisor, Dr. Adarsh Patel. With the support of the faculty advisors, director, Dr. Arnav Bhavsar and the institute's administration, the club was able to procure many premium bikes for the student community of IIT Mandi. With these at hand, the club now additionally aims to give each motivated and capable student a chance to experience the thrill of riding in the mountains and motivate everyone to choose a healthier way of life.
</p>
</div>
</div>
<!-- end of container -->
</div>
<!-- end of tab-pane -->
<!-- end of tab -->
</div>
<!-- end of tab-content -->
<!-- end of tabs content -->
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</div>
<!-- end of tabs -->
<div id="contact" class="form">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 data-aos="fade-up">CONTACT</h2>
<ul class="list-unstyled li-space-lg" data-aos="fade-up">
<li class="address">You may contact us for further queries on</li>
<li>
<span class="fa-stack">
<a href="mailto:mtb@students.iitmandi.ac.in" target="_blank">
<i class="fas fa-envelope"></i>
</a>
</span>
Write to us on <a class="blue" href="mailto:mtb@students.iitmandi.ac.in">mtb@students.iitmandi.ac.in</a></li>
<br>
<li>
<span class="fa-stack">
<a href="https://www.facebook.com/IITMandiMTB/" target="_blank">
<i class="fab fa-facebook-f fa-stack-1x"></i>
</a>
</span>
Follow us on Facebook: <a href="https://www.facebook.com/IITMandiMTB" target="_blank">https://www.facebook.com/IITMandiMTB</a>
</li>
<br>
<li>
<span class="fa-stack">
<a href="https://www.strava.com/clubs/mtbiitmandi" target="_blank">
<i class="fab fa-strava"></i>
</a>
</span>
Join the journey on Strava: <a href="https://www.strava.com/clubs/mtbiitmandi" target="_blank">https://www.strava.com/clubs/mtbiitmandi</a></li>
<br>
<li>
<span class="fa-stack">
<a href="https://www.instagram.com/mtb_iitmandi/" target="_blank">
<i class="fab fa-instagram" aria-hidden="true"></i>
</a>
</span>
Connect with us on Instagram : <a href="https://www.instagram.com/mtb_iitmandi/" target="_blank">https://www.instagram.com/mtb_iitmandi/</a></li>
</ul>
</div>
<!-- end of col -->
</div>
<!-- end of row -->
</div>
<!-- end of container -->
</div>
<!-- end of form -->
<!-- end of contact -->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-12">
<p class="p-small"> © 2022 MtB IIT Mandi</p>
</div>
<!-- end of col -->
</div>
<!-- enf of row -->
</div>
<!-- end of container -->
</div>
<!-- Scripts -->
<script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
<script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- AOS for animation on scroll -->
<script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
<script src="js/morphext.min.js"></script> <!-- Morphtext rotating text in the header -->
<script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
<script src="js/scripts.js"></script> <!-- Custom scripts -->
<script type="text/javascript">
AOS.init()
</script>
</body>
</html>