-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
252 lines (244 loc) · 19.9 KB
/
index.html
File metadata and controls
252 lines (244 loc) · 19.9 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Techwarts</title>
<meta property="og:title" content="Techwarts">
<meta name="twitter:title" content="Techwarts">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<meta property="og:image" content="assets/img/techwarts-small.png">
<meta name="twitter:image" content="assets/img/techwarts-small.png">
<meta name="twitter:description" content="Techwarts. Technology is Us! PES University City Campus' Premier Technological Club.">
<meta property="og:description" content="Techwarts. Technology is Us! The Premier Technological Club of PES University Electronic City Campus.">
<meta name="description" content="Techwarts. Technology is Us! PES University Campus' Premier Technology Club.">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="icon" type="image/png" sizes="359x358" href="assets/img/techwarts-small.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Header-Blue-1.css">
<link rel="stylesheet" href="assets/css/Header-Blue-2.css">
<link rel="stylesheet" href="assets/css/Header-Blue.css">
<link rel="stylesheet" href="assets/css/styles.css" </head>
<body>
<div style="margin-top: 0px;padding-top: 0px;">
<div class="header-blue" style="margin-top: 0;padding-bottom: 130px;padding-top: 59px;">
<nav class="navbar navbar-light navbar-expand-md fixed-top navigation-clean-search navbar-fixed-top" style="padding-bottom: 0px;padding-top: 6px;filter: blur(10) grayscale(0%) hue-rotate(0deg);">
<div class="container-fluid">
<a class="navbar-brand" href="#" style="padding-top: 0px;padding-bottom: 0px;margin-right: 16px;"><img src="assets/img/techwarts-small.png" style="height: 90px;padding-top: 0px;">
<p style="display: inline-block;font-size: 41px;margin-bottom: 0px;padding-top: 0px;margin-top: 0px;color: ##ff;font-family: 'Source Sans Pro', sans-serif;font-style: normal;">Techwarts</p>
</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" style="padding-bottom: 8px;">
<ul class="nav navbar-nav">
<li class="nav-item py-0" role="presentation"><a class="nav-link active" href="#">About Us</a></li>
<li class="nav-item py-0" role="presentation"><a class="nav-link active" href="#clubs">Clubs</a></li>
<li class="nav-item py-0" role="presentation"><a class="nav-link active" href="#events">Events</a></li>
<li class="nav-item py-0" role="presentation"><a class="nav-link active" href="members.html">Team</a></li>
<li class="nav-item py-0" role="presentation"><a class="nav-link active" href="#contact">Contact Us</a></li>
<li class="nav-item py-0" role="presentation">
<a id="notification" class="nav-link active" href="Techwarts Newsletter Feb edition.pdf">
<span>NewsLetter</span>
<span class="badge">New</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<br><br><br>
<div class="container hero" style="margin-top: 47px;">
<div class="row">
<div class="col-12 col-lg-6 col-xl-5 offset-xl-1">
<h1 style="font-size: 68px;"><strong>Techwarts</strong></h1>
<p>The House of Technology at PES University Electronic City Campus</p><a class="btn btn-light btn-lg action-button" role="button" href="#clubs">Learn More!</a><a class="btn btn-light btn-lg action-button" role="button" href="members.html"
style="margin-left: 24px;">Meet the Team</a></div>
<div class="col-md-5 col-lg-5 offset-lg-1 offset-xl-0">
<div style="margin-top: 72px;" class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/qmNjpHUA0yE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<div id="events" class="highlight-blue" style="padding-top: 20px;">
<div class="container" style="padding-top: 0px;padding-bottom: 40px;">
<div class="intro">
<!--<h2 class="text-center" style="margin-bottom: 0px;font-size: 31px;">Techwarts Presents</h2>-->
<h2 class="text-center" style="font-size: 61px;"><strong>Orientation</strong></h2>
<br /><br /> <img height=100 class="img-fluid" src="assets/img/orient.png">
<p class="text-center" style="font-size: 22px;margin: 21px;">Check our live orientation, premiering on YouTube on 17th January, Sunday at 5PM which would highlight all of our clubs and give you insights on anything and everything the club stands for exclusively by our various club heads.
Don't miss out!<br></p>
</div>
<div style="color:black" class="buttons"><a class="btn btn-dark" role="button" href="https://youtube.com/channel/UCWAS3Yi4WtQ3Vx-OL_7rdyA"><i class="fab fa-youtube"></i> Learn More!</a></div>
</div>
</div>
<hr>
<div style="background-color:#D9F0FF" id="clubs">
<br><br>
<h1 style="text-align:center;font-size: 68px;color:black "><strong>Our Clubs</strong></h1><br><br>
<div class="row mx-4 ">
<div class="col-xs-12 col-sm-6 col-md-6 ">
<div class="image-flip " ontouchstart="this.classList.toggle( 'hover'); ">
<div class="mainflip ">
<div class="frontside ">
<div class="card ">
<div class="card-body text-center ">
<p><img class=" img-fluid " src="assets/img/CodeChef_PESU_ECC.png " alt="card image "></p>
<h4 class="card-title ">CodeChef PESU ECC</h4>
</div>
</div>
</div>
<div class="backside ">
<div class="card ">
<div class="card-body text-center mt-4 ">
<h4 class="card-title ">CodeChef PESU ECC</h4>
<p style="max-width:100%;" class="card-text ">Hola amigos! Looking for a group of people intrigued by competitive programming? This is the place. CodeChef PESU ECC is a club dedicated to enhancing your coding and logical thinking skills to prepare you
for various programming contests. Right from Data structures to different parameters such as time and space complexity, we cover it all. Who knows, you might one day be the next ICPC champion!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ./Team member -->
<div class="col-xs-12 col-sm-6 col-md-6 ">
<div class="image-flip " ontouchstart="this.classList.toggle( 'hover'); ">
<div class="mainflip ">
<div class="frontside ">
<div class="card ">
<div class="card-body text-center ">
<p><img class=" img-fluid " src="assets/img/Parallax-logo.png " alt="card image "></p>
<h4 class="card-title ">Parallax</h4>
</div>
</div>
</div>
<div class="backside ">
<div class="card ">
<div class="card-body text-center mt-4 ">
<h4 class="card-title ">Parallax</h4>
<p class="card-text ">Parallax, is a part of Techwarts, a technical club of PES University Electronic City campus. Our club focuses on the exciting possibilities of AR/VR and wants it to be seen not just as the "cool" artsy technology
but also one with enormous amounts of real life applications. We aim to introduce and involve the student developer community to the world of AR/VR with hands-on workshops, informative and interesting updates
and even some competitions.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 ">
<div class="image-flip " ontouchstart="this.classList.toggle( 'hover'); ">
<div class="mainflip ">
<div class="frontside ">
<div class="card ">
<div class="card-body text-center ">
<p><img class=" img-fluid " src="assets/img/PredictThis.png " alt="card image "></p>
<h4 class="card-title ">Predict This</h4>
</div>
</div>
</div>
<div class="backside ">
<div class="card ">
<div class="card-body text-center mt-4 ">
<h4 class="card-title ">Predict This</h4>
<p class="card-text ">Have you ever wondered how recommendation systems work? What powers autonomous driving in the recent advancements? If YES, awesome you are just one step away from being part of a group of like minded people,
who would love to have you join our community! We at Predict This are looking for enthusiastic members who have some experience in the field of Data Science and Machine Learning, and would like to be part
of a community of such enthusiasts, taking on projects, competing in events, sharing new developments and most importantly helping peers and newbie's learn and grow.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 ">
<div class="image-flip " ontouchstart="this.classList.toggle( 'hover'); ">
<div class="mainflip ">
<div class="frontside ">
<div class="card ">
<div class="card-body text-center ">
<p><img class=" img-fluid " src="assets/img/Zero-Day-BlackText.png " alt="card image "></p>
<h4 class="card-title ">Zero-Day: CyberSecurity</h4>
</div>
</div>
</div>
<div class="backside ">
<div class="card ">
<div class="card-body text-center mt-4 ">
<h4 class="card-title ">Zero-Day: CyberSecurity</h4>
<p class="card-text ">Hello World! We are are the Cybersecurity club who go by the name, Zero-Day. For those who have never heard about us, we focus on various aspects of the Cybersecurity domain, from basic tools all the way upto
Penetration Testing. It doesn't matter if you're a beginner who wants to learn or an expert, you'll fit right in. So what are you waiting for?
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div id="events " class="projects-clean " style="/*background: linear-gradient(180deg, #2980B9, #0c1975);*/padding-top: 0;margin-top: 0px; ">
<div class="container ">
<div class="intro ">
<h2 class="text-center " style="font-size: 50px;padding-top: 90px;color: black; ">Our Events</h2><br>
<p class="text-center " style="color: black; ">Check out some of the event's we've hosted!</p><br>
</div>
<div class="row projects ">
<div class="col-sm-6 col-lg-4 item "><iframe src="https://www.instagram.com/p/CE0m9dGDHbB/embed " allowtransparency="true " frameborder="0 " scrolling="no " width="320 " height="550 "></iframe></div>
<div class="col-sm-6 col-lg-4 item "><iframe src="https://www.instagram.com/p/CC38YQpDemH/embed " allowtransparency="true " frameborder="0 " scrolling="no " width="320 " height="550 "></iframe></div>
<div class="col-sm-6 col-lg-4 item "><iframe src="https://www.instagram.com/p/B_2ddXBDcw5/embed " allowtransparency="true " frameborder="0 " scrolling="no " width="320 " height="550 "></iframe></div>
<div class="col-sm-6 col-lg-4 item "></div>
<br>
<div class="col-sm-6 col-lg-4 item "><iframe src="https://www.instagram.com/p/B9Ju5P6j_BD/embed " allowtransparency="true " frameborder="0 " scrolling="no " width="320 " height="550 "></iframe></div>
</div>
</div>
</div>
<div id="contact" class="social-icons " style="background-color: #83C9F4;padding-bottom: 0px; ">
<h2 class="text-center " style="background-color: #83C9F4;padding-bottom: 29px;color: black;font-size: 50px; ">Contact Us</h2>
<div><a href="https://www.instagram.com/_techwarts/ " target="_blank "><i class="icon ion-social-instagram " style="color: #c13584;background: white; "></i></a><a href="https://www.facebook.com/Techwarts-807164019620255 " target="_blank
"><i class="icon ion-social-facebook " style="color: #3b5998;background: white; "></i></a>
<a href="# "><i class="icon ion-email " style="color: #000000;background: white; "></i></a>
</div>
<div class="container " style="padding-top: 51px;padding-bottom: 15px; ">
<div class="row ">
<div class="col-md-6 ">
<div class="img-rounded " style="background-color: #bfd1e5;border-radius: 10px;padding-bottom: 4px; ">
<form data-bss-subject="Techwarts - Contact" style="padding-top: 44px;padding-right: 34px;padding-left: 41px;" data-bss-recipient="2c1c7cd4c89c5740c65b2126eabd7ea8">
<div class="form-group"><input class="form-control" type="text" name="name" placeholder="Name"></div>
<div class="form-group"><input class="form-control" type="tel" placeholder="Mobile" name="mobile"></div>
<div class="form-group"><input class="form-control" type="email" placeholder="Email" name="email"></div>
<div class="form-group"><textarea class="form-control form-control-sm" placeholder="Message" name="message" rows="6"></textarea></div>
<div class="form-group"><button class="btn btn-primary" type="submit">Send</button></div>
</form>
</div>
</div>
<iframe class="col-md-6 " src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.726900823087!2d77.66363521371956!3d12.860907587905686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae6cbccb22bec1%3A0x4bad30b7a7fd5e76!2sPES%20University%20Electronic%20City%20Campus!5e0!3m2!1sen!2sin!4v1612498398267!5m2!1sen!2sin"
width="533" height="413" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
<div style="background-color: #008891;" class="footer-dark ">
<footer>
<div class="container ">
<p class="copyright " style="background-color: #008891;padding: 0;padding-top: 0;color: #fff;opacity: 1; ">Techwarts © 2020</p>
</div>
</footer>
</div>
<script src="assets/js/jquery.min.js "></script>
<script src="assets/bootstrap/js/bootstrap.min.js "></script>
<script src="assets/js/smart-forms.min.js "></script>
<script src="assets/js/countdown-timer.js "></script>
<script src="assets/js/script.js "></script>
</body>
</html>