-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
323 lines (294 loc) · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimal-ui">
<title>WiT 2020</title>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<!-- <div class="logo-container">
<img src="pes_logo_white.png" id="pes-logo">
<div class="title">
<span class="main-title">Women in TECH</span>
</div>
<div class="logo">
<img src="mainlogo.png" id="ieee-logo">
</div>
</div> -->
<!-- <marquee>
<img src="pes_logo_white.png" class="marquee-image">
<img src="mainlogo.png" class="marquee-image">
</marquee> -->
<header class="header">
<div id="particle-container"></div>
<section id="main-title-container">
<div id="main-title-div">
<h1 id="main-title" class="head1">Women</h1>
<h1 id="main-title" class="head2">in</h1>
<h1 id="main-title" class="head3">Tech</h1>
</div>
<h2 id="home-date">8th March, 2020</h2>
<p>AN IEEE PESU EC CAMPUS, WIE CHAPTER EVENT</p>
<p id="closed-text" style="display: none; font-size: 1.4rem" class="timer">Registrations Closed</p>
<p id ="countdown" class="timer" style="margin-bottom: 0.5em;">Registrations Close in<br> <span id="days"></span>D <span id="hours"></span>H <span id="minutes"></span>M <span id="seconds"></span>S </p>
<a class="register-button" id="top-register-button" style="margin-top: 0; padding: 0.5em 1em; border-radius: 15px;" href="#register-container">Register Now!</a>
<nav class="navbar">
<ul class="nav-links">
<li><a href="#about-container">About</a></li><!--
--><li><a href="#speakers-container">Speakers</a></li><!--
--><li><a href="#schedule-container">Schedule</a></li><!--
--><li><a href="#register-container">Register</a></li><!--
--><li class="last-nav-item"><a href="#contact-container">Contact Us</a></li>
</ul>
</nav>
<a href="#about-container" id="read-more"><img src="down_arrow.svg" height="40px"></a>
</section>
</header>
<div class="overlay">
<section class="section" id="about-container">
<div data-aos="fade-right">
<h1 id="section-title">About</h1>
<h4 class="content-header">About WiE:</h4>
<p class="content-body">
IEEE Women in Engineering (WIE) is one of the largest international professional
organizations dedicated to promoting women engineers and scientists, and inspiring girls
around the world to follow their academic interests in a career in engineering.
At PESU South Campus IEEE Women in Engineering (WIE) is an Affinity Group that is
dedicated to promoting women engineers in the field of science and technology. This is in
association with the International WIE Organisation of IEEE which stands for inspiring
and motivating young enthusiastic women around the world and to facilitate the
recruitment and retention of women in technical disciplines globally. We envision a
vibrant community which collectively makes use of their diverse talents to innovate for
the benefit of humanity.
</p>
<h4 class="content-header">About WiT:</h4>
<p class="content-body">
Women in Technology (WiT) is an annual event
organised by PESU South Campus IEEE Student Branch
to inspire, engage and advance women in engineering.
The event provides professional women in technology,
whether in industry, academia, or government a stage
to tell their stories of success. This year, we are
privileged to host six speakers who will be sharing
their journeys on the platform.
It aims to discuss how women can have a larger and
crucial role in creating success stories in business and
technology.</p>
<p class="content-header" style="font-weight: bold;">Registration Fee:</p>
<ul>
<li>IEEE Members: ₹ 170</li>
<li>Non-IEEE Members: ₹ 200</li>
</ul>
</div>
</section>
<section class="section" id="speakers-container">
<h1 id="section-title" data-aos="fade-right">Speakers</h1>
<div class="speakers-container">
<div class="speaker card" id="speaker-1" data-aos="zoom-in-up">
<img class="speaker-pic" src="rekha.jpeg">
<h3 class="speaker-h">Rekha Kodali</h3>
<h5 class="speaker-h">Author, Practice Head (Principal Architect Technology Office) - Wipro</h5>
<div class="speaker-data speaker-1-data"><div class="dtext">Principal Architect, Solution Design and Strategy Head for Microsoft practice at Wipro with over 20+ years of experience with Microsoft technologies.
Author of the renowned book, 'Developing Cloud Native Applications in Azure using .NET Core</div> </div>
</div>
<div class="speaker card" id="speaker-2" data-aos="zoom-in-up">
<img class="speaker-pic" src="tina.jpeg">
<h3 class="speaker-h">Tina Vas</h3>
<h5 class="speaker-h">Senior Vice President Global HR at Hinduja Global Solutions</h5>
<div class="speaker-data speaker-2-data"><div class="dtext">20+ years of global industry experience in Human Resources in the Tech industry.
Presiding Officer - PROSH [Prevention,
Prohibition and Redressal of Sexual
Harassment).</div> </div>
</div>
<div class="speaker card" id="speaker-3" data-aos="zoom-in-up">
<img class="speaker-pic" src="Roopa.MV_Photo.jpg">
<h3 class="speaker-h">Roopa M.V</h3>
<h5 class="speaker-h">Scientist / Engineer at Indian Space Research Organisation [ISRO] </h5>
<div class="speaker-data speaker-3-data"><div class="dtext">22+ years of Experience in Spacecraft Operation and Health Analysis.
Operations Director for Mars Orbiter
Mission-Mangalyaan. Deputy Project Director for Chandrayaan-3 Mission Manager of
Lunar and Interplanetary Mission group.</div> </div>
</div>
<div class="speaker card" id="speaker-4" data-aos="zoom-in-up">
<img class="speaker-pic" src="palak.jpg">
<h3 class="speaker-h">Palak Jain</h3>
<h5 class="speaker-h">Software Engineer at Google</h5>
<div class="speaker-data speaker-4-data"><div class="dtext">Graduate from IIT Bombay with a Bachelor's in Computer Science. Interned at Google Chrome, San Francisco and NUS Singapore. Works on Machine Learning techniques to build fraud defences on Google Maps.</div> </div>
</div>
<div class="speaker card" id="speaker-5" data-aos="zoom-in-up">
<img class="speaker-pic" src="Aanchal.jpeg">
<h3 class="speaker-h">Aanchal Rai</h3>
<h5 class="speaker-h">Entrepreneur / Business Technology Analyst at Deloitte</h5>
<div class="speaker-data speaker-5-data"><div class="dtext">Computer Science graduate from PESIT South Campus. Former WiE chair at IEEE PESIT South student branch. Founder of Hoola Candles company. Currently working as a Business Technology Analyst at Deloitte Consulting USI in the domain of data analysis</div> </div>
</div>
<!-- </div> -->
<!-- <div class="speakers-container2"> -->
<!-- <div class="speaker card" data-aos="zoom-in-up">
<img class="speaker-pic" src="sample.jpg">
<h3 class="speaker-h">Speaker Name Here</h3>
<h5 class="speaker-h">Speaker Position</h5>
</div> -->
<!-- <div class="speaker card" data-aos="zoom-in-up">
<img class="speaker-pic" src="sample.jpg">
<h3 class="speaker-h">Speaker Name Here</h3>
<h5 class="speaker-h">Speaker Position</h5>
</div> -->
<!-- </div> -->
<!-- <div class="speaker" data-aos="zoom-in-up">
<img class="speaker-pic" src="sample.jpg">
<h3 class="speaker-h">Speaker Name Here</h3>
<h4 class="speaker-h">Speaker Position</h4>
</div> -->
</div>
</section>
<section class="section" id="schedule-container">
<h1 id="section-title" data-aos="fade-right">Schedule</h1>
<table class="schedule-table" data-aos="fade-right">
<thead>
<tr>
<th>Time</th>
<th>Program</th>
</tr>
</thead>
<tbody>
<tr>
<td>09:00 am</td>
<td>Registration Starts</td>
</tr>
<tr>
<td>10:00 am</td>
<td>Inaugration</td>
</tr>
<tr>
<td>10:30 am</td>
<td>Event Phase - 1</td>
</tr>
<tr>
<td>12:15 pm</td>
<td>Lunch</td>
</tr>
<tr>
<td>01:00 pm</td>
<td>Event Phase - 2</td>
</tr>
<tr>
<td>02:45 pm</td>
<td>Panel Discussion</td>
</tr>
<tr>
<td>03:15 pm</td>
<td>Vote of Thanks and Dispersal</td>
</tr>
</tbody>
</table>
</section>
<section class="section" id="register-container">
<h1 id="section-title" data-aos="fade-right">Register</h1>
<!-- <iframe id="register-form"
src="https://docs.google.com/forms/d/e/1FAIpQLSe8Yqj9nGlwX-DTSKNef2Jw5Fj_pbcM2nVRyjU_a5iqwE9G0g/viewform?embedded=true"
frameborder="0">Loading…</iframe> -->
<a class="from-left btn register-button" href="https://bit.ly/2T2B8cF" target="_blank" data-aos="fade-right">Register Here</a>
</section>
<section class="section" id="contact-container">
<h1 id="section-title" data-aos="fade-right">Contact Us</h1>
<div class="contact-container" data-aos="fade-right">
<iframe id="small-map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.7184702544446!2d77.662519415386!3d12.861451490928145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae6cbccb22bec1%3A0x4bad30b7a7fd5e76!2sPES%20University%20Electronic%20City%20Campus!5e0!3m2!1sen!2sin!4v1582157301025!5m2!1sen!2sin"
width="400" height="300" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
<iframe id="big-map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.7184702544446!2d77.662519415386!3d12.861451490928145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae6cbccb22bec1%3A0x4bad30b7a7fd5e76!2sPES%20University%20Electronic%20City%20Campus!5e0!3m2!1sen!2sin!4v1582157301025!5m2!1sen!2sin"
width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
<div class="contact-details">
<table class="contact-table">
<tbody>
<tr>
<td>Anjali Deshpande : </td>
<td>+91-8884236626</td>
</tr>
<tr>
<td>Nikita Raikar : </td>
<td>+91-9663460745</td>
</tr>
<tr>
<td>Siddesh Jain : </td>
<td>+91-9611298059</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section class="section" id="logo-container">
<h1 id="section-title" style="margin-bottom: 1em;font-size: 2rem;" data-aos="fade-right">Brought to you by</h1>
<div class="big-logo-container">
<div class="logo-container">
<img src="pesu.png" id="pesu-logo">
</div>
<div class="logo-container">
<img src="ieeepesit.png" id="ieee-logo">
</div>
<div class="logo-container">
<img src="wie.png" id="wie-logo">
</div>
</div>
</section>
</div>
<!-- <div class="bottom-bar"></div> -->
<!-- <div class="speakers">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis perferendis dicta facere, assumenda sequi
cupiditate corporis quae non quod maiores nam, repellat rerum ab totam, perspiciatis rem reprehenderit
reiciendis modi.
</div>
<div class="container-2">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos, asperiores atque ullam, ea, vitae minima
labore eum quia sit perferendis sunt quasi dolore corporis quis temporibus ipsa et vero perspiciatis.
</div> -->
<!--
<div class="container-3">
<table class="table">
<tr>
<td>Register</td>
<td>Our Team</td>
<td><img src="pes_logo_white.png" width="200px" class="pes-foot">
</td>
</tr>
<tr>
<td>FAQ</td>
<td>Spotlight</td>
<td >
<img src="facebook-icon-png-774.png" class="sicon">
<img src="Whatsapp.png" class="sicon"style="width:35px;height:35px;">
<img src="insta2.png" class="sicon" style="width:30px;height:30px;">
<img src="twitter.png" class="sicon" style="width:30px;height:30px;">
</td>
</tr>
<tr height="60px">
<td>Contact us</td>
<td>Home</td>
<td>Developed by IEEE-Tech team</td>
</tr>
</table>
</div> -->
<a href="#" id="button"></a>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
var topbutton = document.getElementById("button");
document.addEventListener('scroll', function (e) {
// console.log(window.scrollY);
if (window.scrollY > (window.innerHeight / 2)) {
topbutton.classList.add("show");
}
else {
topbutton.classList.remove("show");
}
});
AOS.init({
offset: 150,
duration: 1000
});
</script>
<script src="script.js"></script>
</body>
</html>