-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
370 lines (362 loc) · 26.3 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>TEK Society</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bitter:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Long+Cang">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Permanent+Marker">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="https://s.pageclip.co/v1/pageclip.css" media="screen">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-179122834-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-179122834-1');
</script>
</head>
<body>
<!-- Start: Header Dark -->
<div>
<div class="header-dark" style="background: url("assets/img/BG.jpg") center / cover no-repeat;">
<nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search">
<div class="container"><img data-bs-hover-animate="wobble" src="assets/img/rect24.png" style="width: 110;height: 77;margin: 3px;padding: -42px;" height="50" width="100"><a class="navbar-brand" href="#"> TEK Society</a><button data-toggle="collapse"
class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav">
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link text-center" data-toggle="dropdown" aria-expanded="false" href="#">Explore More</a>
<div class="dropdown-menu text-dark bg-light"><a class="dropdown-item text-center bg-light shadow" href="#events">Events</a><a class="dropdown-item text-center bg-light shadow" href="404.html">Gallery</a><a class="dropdown-item text-center bg-light shadow" href="https://medium.com/tek-society">Blog</a></div>
</li>
</ul>
<form class="form-inline mr-auto" target="_self">
<div class="form-group"></div>
</form><span class="navbar-text"></span><a class="btn btn-light text-center action-button" role="button" href="join.html" style="background-color: rgba(79,213,93,0.87);margin: 15px;">Join Us</a><a class="btn btn-light text-center action-button"
role="button" href="idea.html" style="background-color: rgb(12,168,235);"><i class="fas fa-plus"></i> Propose an !dea</a></div>
</div>
</nav>
<div class="container hero">
<div class="row">
<div class="col-md-8 offset-md-2">
<h1 class="text-center" style="font-size: 42px;"><strong>The Revolution is Here</strong></h1>
<p class="text-center text-light" style="background: linear-gradient(rgba(35,33,33,0.84), rgba(44,44,44,0.29)), rgba(123,123,123,0.56);"><strong>Welcome to TEK-SOCIETY - The most dedicated Technical Community around. In here you will find the latest updates on the technical world, exclusive info and media, fan stories, and a lot more. We are a self-based society but are always eager to grow and expand our spheres of influence. Feel free to explore the site and join our fun and vibrant community!</strong><br></p>
</div>
</div>
</div>
</div>
</div>
<!-- End: Header Dark -->
<!-- Start: Features Boxed -->
<div class="features-boxed" style="background-color: rgb(255,255,255);">
<div class="container">
<!-- Start: Intro -->
<div class="intro">
<h2 class="text-center">Why TEK Society?</h2>
</div>
<!-- End: Intro -->
<!-- Start: Features -->
<div class="row justify-content-center features">
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="border rounded shadow box" data-bs-hover-animate="pulse"><i class="fa fa-map-marker icon"></i>
<h3 class="name">Co-ordinate Events and Activities</h3>
<p class="description">TEK Society is not just a club, it's rather a community that seeks to unite it's members and bring to you latest activities and explore different aspects of the Tech world.</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="border rounded shadow box" data-bs-hover-animate="pulse"><i class="fa fa-codepen icon"></i>
<h3 class="name">Promote Open-Source</h3>
<p class="description">We believe in sharing our amazing projects for the welfare and benefit of the community and open source seems to be the precise tool for doing that.</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="border rounded shadow box" data-bs-hover-animate="pulse"><i class="fa fa-list-alt icon"></i>
<h3 class="name">Get Expert Help</h3>
<p class="description">As a part of the community, one will have the opportunity to connect, interact and take help from experts in and around the community to grow as an individual.</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="border rounded shadow box" data-bs-hover-animate="pulse"><i class="fa fa-handshake-o icon"></i>
<h3 class="name">Collaborate with others </h3>
<p class="description">Nothing gets a job done better than Teamwork! Join hands with other members to succeed in making your ideas come alive.</p>
</div>
</div>
<div class="col-sm-6 col-md-5 col-lg-4 item">
<div class="border rounded shadow box" data-bs-hover-animate="pulse"><i class="fas fa-box-open icon"></i>
<h3 class="name">Open to All ! </h3>
<p class="description">TEK Society is an open Society for students. We encourage equal participation from individuals irrespective of their to grow together as a community.</p>
</div>
</div>
</div>
<!-- End: Features -->
</div>
</div>
<!-- End: Features Boxed -->
<!-- Start: Article List -->
<div class="article-list">
<!-- Start: Scroll To Top Button --><a class="btn btn-primary btn-lg box-shadow" role="button" id="top" href="#"><i class="fa fa-arrow-up"></i><div class="embed-responsive embed-responsive-16by9"><iframe width="560" height="315" src="https://www.youtube.com/embed/U9pGr6KMdyg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></a>
<!-- End: Scroll To Top Button -->
<div class="col">
<!-- Start: Responsive Youtube Embed -->
<div class="video-container"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/KXUVqKDxGiQ?loop=1&playlist=KXUVqKDxGiQ" width="853" height="480"></iframe></div>
<!-- End: Responsive Youtube Embed -->
</div>
<!-- Start: Latest Events --><div class="blog-home2 py-5">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<!-- Column -->
<div class="col-md-8 text-center">
<h3 class="my-3" id="events">Upcoming Events</h3>
<h6 class="subtitle font-weight-normal">At TEK SOCIETY you can rely on us to provide you with the most relevant and exclusive information for readers . This is where our community members come together to explore recent news / upcoming activities and past stories. Keep reading to explore more about what’s been happening lately, and be sure to stay up-to-date with all the latest updates.</h6>
</div>
<!-- Column -->
<!-- Column -->
</div>
<div class="row mt-4">
<!-- Column event-1 -->
<div class="col-md-4 on-hover">
<div class="card border-0 mb-4">
<a href="404.html"><img class="card-img-top" src="assets/img/Frame 1.png" alt="wrappixel kit"></a>
<div class="date-pos bg-info-gradiant p-2 d-inline-block text-center rounded text-white position-absolute">Sept<span class="d-block">30</span></div>
<h5 class="font-weight-medium mt-3"><a href="404.html" class="text-decoration-none link">New Events Coming Soon!!</a></h5>
<p class="mt-3"><!---venue---></p>
<a href="404.html" class="text-decoration-none linking text-themecolor mt-2">Learn More</a>
</div>
</div>
<!-- Column event-2 -->
<div class="col-md-4 on-hover">
<div class="card border-0 mb-4">
<a href="404.html"><img class="card-img-top" src="assets/img/Frame 1.png" alt="wrappixel kit"></a>
<div class="date-pos bg-info-gradiant p-2 d-inline-block text-center rounded text-white position-absolute">Sept<span class="d-block">30</span></div>
<h5 class="font-weight-medium mt-3"><a href="404.html" class="text-decoration-none link">New Events Coming Soon!!</a></h5>
<p class="mt-3"><!---venue---></p>
<a href="404.html" class="text-decoration-none linking text-themecolor mt-2">Learn More</a>
</div>
</div>
<!-- Column event-3-->
<div class="col-md-4 on-hover">
<div class="card border-0 mb-4">
<a href="https://bit.ly/2Hx0uwW"><img class="card-img-top" src="https://i.imgur.com/O8keAaN.png" alt="wrappixel kit"></a>
<div class="date-pos bg-info-gradiant p-2 d-inline-block text-center rounded text-white position-absolute">Oct<span class="d-block">1</span></div>
<h5 class="font-weight-medium mt-3"><a href="https://bit.ly/2Hx0uwW" class="text-decoration-none link">Celebrate open source with Hacktoberfest and Tek Society and get a chance to win limited edition tee!!</a></h5>
<p class="mt-3"><!---venue---></p>
<a href="https://bit.ly/2Hx0uwW" class="text-decoration-none linking text-themecolor mt-2">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<!-- End: Latest Events -->
</div>
<!-- End: Article List -->
<!-- Start: Testimonials -->
<div class="testimonials-clean">
<div class="container">
<!-- Start: Intro -->
<div class="intro">
<h2 class="text-center">Words of Encouragement!</h2>
<p class="text-center">People love us! Read what they have to say below.</p>
</div>
<!-- End: Intro -->
<div class="row people">
<div class="col">
<!-- Start: Ultimate Testimonial Slider -->
<div class="carousel slide" data-ride="carousel" data-interval="10000" id="carousel-t">
<div class="carousel-inner">
<!-- Start: Man -->
<div class="carousel-item active">
<!-- Start: Testimonial Content -->
<div class="col-9 text-center mx-auto testimonial-content"><img class="rounded-circle" src="assets/img/0.jpeg" width="100">
<!-- Start: Rating -->
<p class="text-center rating" style="background: rgb(255,255,255);"><a href="https://www.linkedin.com/in/rahul-pariyani/"><i class="fab fa-linkedin" style="color: rgb(0,0,0);font-size: 25px;"></i></a></p>
<!-- End: Rating -->
<!-- Start: Testimonial -->
<p class="text-center" style="text-align: center;">The following things appealed to me the most about the TEK Society- <br><i class="fa fa-star"></i>Great website home page. Filled with colors and very alive.<br><i class="fa fa-star"></i>The home page answers Why
TEK society in the very beginning which is the sign of a good company/organization. You know why you exist and you let your visitors know that.<br><i class="fa fa-star"></i>The video is short but enthusiastic enough
to promote people to explore more.<br><i class="fa fa-star"></i>It is great to see passionate people who have come together to learn and to teach in such a difficult situation the world is facing at the
moment.<br><i class="fa fa-star"></i>Read a blog on the application in kivy and it instantly made me interested in the platform and knowing more about it. Great writing!<br><i class="fa fa-star"></i>Having a medium
channel itself shows the sincerity of the organization about keeping learning first.<br>Have a great time working on TEK society!<br></p>
<!-- End: Testimonial -->
<!-- Start: Name -->
<p class="signature">Rahul Pariyani</p>
<!-- End: Name -->
<!-- Start: Date -->
<p class="text-center date">CEO and lead consultant STEM, Simplified Europe<br></p>
<!-- End: Date -->
</div>
<!-- End: Testimonial Content -->
</div>
<!-- End: Man -->
<!-- Start: Woman -->
<div class="carousel-item">
<!-- Start: Testimonial Content -->
<div class="col-9 offset-xl-1 text-center mx-auto testimonial-content"><img class="rounded-circle" src="assets/img/ORAD.png" width="100">
<!-- Start: Rating -->
<p class="text-center rating" style="background: rgb(255,255,255);"><a href="https://www.linkedin.com/in/psaini21/"><i class="fab fa-linkedin" style="color: rgb(0,0,0);font-size: 25px;"></i></a></p>
<!-- End: Rating -->
<!-- Start: Testimonial -->
<p class="text-center">If you are feeling helpless, help someone. This is a prehistoric and popular concept of learning. In this era of exposure to the modern world and fashion, upgradation is what people live for. Anyone would want to be
upgraded and if that's your calling, one need to learn consistently. For learning it's an elegant platform which can help people and specially students and our youth to a great extent. All the best team for your
future endeavours.Attachments area<br></p>
<!-- End: Testimonial -->
<!-- Start: Name -->
<p class="signature">Prashant Saini</p>
<!-- End: Name -->
<!-- Start: Date -->
<p class="text-center date">Founder and Managing Director at ORAD Consultancy Pvt. Ltm. <br></p>
<!-- End: Date -->
</div>
<!-- End: Testimonial Content -->
</div>
<!-- End: Woman -->
<!-- Start: Male -->
<div class="carousel-item">
<!-- Start: Testimonial Content -->
<div class="col-9 text-center mx-auto testimonial-content"><img class="rounded-circle" src="assets/img/MKS.jpeg" width="100">
<!-- Start: Rating -->
<p class="text-center rating" style="background: rgb(255,255,255);"><a href="https://www.linkedin.com/in/mudit-khetan-45127319/"><i class="fab fa-linkedin" style="font-size: 25px;color: rgb(0,0,0);"></i></a></p>
<!-- End: Rating -->
<!-- Start: Testimonial -->
<p class="text-center">I have known this motley group of students who are enthusiastic, curious and always think out of the box. The students belong to diverse fields from Computer Science to Biotech, from Food technology to
Chemical Engineering. The passion to collaborate and share knowledge has brought this group together and their community is growing. I wish that every student benefits from this collaborative effort and the more
enthusiastic one should join it.<br></p>
<!-- End: Testimonial -->
<!-- Start: Name -->
<p class="signature">Mudit Khetan</p>
<!-- End: Name -->
<!-- Start: Date -->
<p class="text-center date"><strong>Associate Professor CS at Jaipur National University</strong><br></p>
<!-- End: Date -->
</div>
<!-- End: Testimonial Content -->
</div>
<!-- End: Male -->
<!-- Start: Female -->
<div class="carousel-item">
<!-- Start: Testimonial Content -->
<div class="col-9 offset-xl-1 text-center mx-auto testimonial-content"><img class="rounded-circle" src="assets/img/abhijeet.png" width="100">
<!-- Start: Rating -->
<p class="text-center rating" style="background: rgb(255,255,255);"><a href="https://www.linkedin.com/in/abhijeet-anand-97506615a/"><i class="fab fa-linkedin" style="font-size: 25px;color: rgb(0,0,0);"></i></a></p>
<!-- End: Rating -->
<!-- Start: Testimonial -->
<p class="text-center">The people behind TEK society are really very hard working and enthusiastic. Their vision to learn and grow defines their integrity towards work and society. I saw their efforts, it was motivating and inspiring. I recommend
youth to join this community to learn and explore.<br></p>
<!-- End: Testimonial -->
<!-- Start: Name -->
<p class="signature">Abhijeet Anand</p>
<!-- End: Name -->
<!-- Start: Date -->
<p class="text-center date">Founder and CEO at EduRead<br></p>
<!-- End: Date -->
</div>
<!-- End: Testimonial Content -->
</div>
<!-- End: Female -->
</div>
<div>
<!-- Start: Previous --><a class="carousel-control-prev" href="#carousel-t" role="button" data-slide="prev"><i class="icon ion-android-arrow-dropleft-circle d-flex d-lg-flex justify-content-center align-items-center"></i><span class="sr-only">Previous</span></a>
<!-- End: Previous -->
<!-- Start: Next --><a class="carousel-control-next" href="#carousel-t" role="button" data-slide="next"><i class="icon ion-android-arrow-dropright-circle d-flex d-lg-flex justify-content-center align-items-center"></i><span class="sr-only">Next</span></a>
<!-- End: Next -->
</div>
<ol class="carousel-indicators">
<li data-target="#carousel-t" data-slide-to="0" class="active"></li>
<li data-target="#carousel-t" data-slide-to="1"></li>
<li data-target="#carousel-t" data-slide-to="2"></li>
<li data-target="#carousel-t" data-slide-to="3"></li>
</ol>
</div>
<!-- End: Ultimate Testimonial Slider -->
</div>
</div>
</div>
</div>
<!-- End: Testimonials -->
<!-- Start: Newsletter Subscription Form -->
<div class="newsletter-subscribe">
<div class="container">
<!-- Start: Intro -->
<div class="intro">
<h2 class="text-center">Subscribe for our Newsletter</h2>
<p class="text-center">For latest news about our events and worshops.<br></p>
</div>
<!-- End: Intro -->
<form class="form-inline pageclip-form" action="https://send.pageclip.co/ct7ZVmCbB9vFn8BsN6l7s1loQGWu4CG0/newsletter" method="post">
<div class="form-group"><input class="form-control" type="email" name="email" placeholder="Your Email"></div>
<div class="form-group"><button class="btn btn-primary pageclip-form__submit" type="submit" >Subscribe </button></div>
</form>
</div>
</div>
<!-- End: Newsletter Subscription Form -->
<!-- Start: Brands -->
<div class="brands"></div>
<!-- End: Brands -->
<!-- Start: Footer Dark -->
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<!-- Start: Services -->
<div class="col-sm-6 col-md-3 col-lg-3 item">
<h3>Sponsored by</h3>
<!---<img src="assets/img/logo.png" style="width: 122px;height: 120px;">--->
</div>
<!-- End: Services -->
<!-- Start: About -->
<div class="col-sm-6 col-md-3 col-lg-3 item">
<h3>General Guidelines<br></h3>
<ul>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="conduct.html">Code of Conduct</a></li>
<li><a href="https://forms.gle/xwyjMDnMmWtU2h5d9">Feedback</a></li>
</ul>
</div>
<!-- End: About -->
<!-- Start: About -->
<div class="col-sm-6 col-md-2 col-lg-2 item">
<h3>About</h3>
<ul>
<li><a href="team.html">Team</a></li>
<li><a href="https://medium.com/tek-society">Blogs</a></li>
<li><a href="#events" style="scroll-behavior: smooth;">Events</a></li>
</ul>
</div>
<!-- End: About -->
<!-- Start: Footer Text -->
<div class="col-md-4 col-lg-4 item text" style="height: 117px;">
<h3>TEK Society</h3>
<p>we collaborate with ambitious people;<br>Let's build something great together.<br>info@teksociety.tech</p>
</div>
<!-- End: Footer Text -->
<!-- Start: Social Icons -->
<div class="col item social"><a href="https://www.instagram.com/tek_society/"><i class="fab fa-instagram"></i></a><a href="https://www.linkedin.com/company/tek-society/"><i class="icon ion-social-linkedin"></i></a><a href="https://twitter.com/tek_society"><i class="fab fa-twitter"></i></a>
<a
href="https://medium.com/tek-society"><i class="fab fa-medium-m"></i></a><a href="https://github.com/TEK-Society"><i class="icon ion-social-github"></i></a><a href="https://discord.gg/fuFk5Xm"><i class="fab fa-discord"></i></a></div>
<!-- End: Social Icons -->
</div>
<!-- Start: Copyright -->
<p class="copyright">TEK Society © 2020</p>
<!-- End: Copyright -->
</div>
</footer>
</div>
<!-- End: Footer Dark -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="assets/js/script.min.js"></script>
<script src="https://s.pageclip.co/v1/pageclip.js" charset="utf-8"></script>
</body>
</html>