-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
382 lines (303 loc) · 15.6 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
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<!-- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5BB8W2X');</script> -->
<!-- Font Awesome CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- End Google Tag Manager -->
<link rel="icon" type="image/png" href="/favicon.png"/>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Sirisha Padmasekhar</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-169007209-3"></script> -->
<!-- <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-169007209-3');
</script> -->
<!-- =======================================================
* Template Name: Personal - v2.1.0
* Template URL: https://bootstrapmade.com/personal-free-resume-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BB8W2X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> -->
<!-- End Google Tag Manager (noscript) -->
<!-- ======= Header ======= -->
<header id="header" class="header-tops">
<div class="container">
<h1><a href="index.html">Sirisha Padmasekhar</a></h1>
<h2 style="color:#fff"><span class="typing" style="color:#12D640"></span></h2>
<nav class="nav-menu d-none d-lg-block">
<ul>
<li><a href="#portfolio"> <span>My Work</span></a></li>
</ul>
</nav><!-- .nav-menu -->
<div class="social-links">
<a href="https://www.linkedin.com/in/sirishajp/" target="_blank" class="linkedin"><i class="bx bxl-linkedin"></i></a>
<a href="https://github.com/SirishaJP" target="_blank" class="github"><i class="bx bxl-github"></i></a>
<a href="mailto:sirishajpadmasekhar@gmail.com" target="_blank" class="google"><i class="bx bxl-google"></i></a>
</div>
</div>
</header><!-- End Header -->
<!-- ======= About Section ======= -->
<section id="About" class="about my-5">
<!-- ======= About Me ======= -->
<div class="about-me container">
<div class="section-title my-5">
<h2>About</h2>
</div>
<!-- Image at the top center -->
<div class="row justify-content-center">
<div class="col-lg-4">
<img src="assets/img/profile.jpeg" class="img-fluid rounded-circle about-me-image" alt="Profile">
</div>
</div>
<p class="mt-5">
Welcome to my digital domain – a unique fusion of data-driven insights and creative expression. As you navigate through this space, you're not just exploring a website; you're embarking on a journey into the heart of a multifaceted professional – that’s me!
</p>
<p class="mt-5">
<b>My Dual Passion: Data Enthusiast and Creative Content Creator</b>
At first glance, the worlds of data analysis and creative content creation might seem like distant cousins, rarely mingling at family gatherings. But in my universe, they are more like conjoined twins, each feeding into and enhancing the other.
</p>
<p class="mt-5">
<b>As a Data Enthusiast:</b>
My story with data began not as a loud declaration of love, but as a quiet fascination that grew louder with every number crunched, every pattern discovered. Picture this: a vast sea of data – intimidating to some, but to me, it's a treasure trove. I see myself as a digital archaeologist, sifting through the sands of information, unearthing hidden stories and invaluable insights.
Each dataset tells a story, waiting to be narrated. Whether it's understanding consumer behavior or unveiling economic trends, I find immense satisfaction in using analytical tools and algorithms to make sense of the seemingly nonsensical. It’s not just about the numbers; it’s about what they whisper about human behavior, market trends, and societal changes.
</p>
<p class="mt-5">
<b> As a Creative Content Creator:</b>
Now, shift your gaze to the other hat I wear – that of a content creator. Here, creativity reigns supreme. If data analysis is my science, then content creation is my art. I believe in the power of storytelling, in weaving narratives that resonate, educate, and inspire.
This realm is where I unleash my imagination, playing with words, images, and sounds to craft content that engages and enlightens. Be it through blog posts, videos, podcasts, or infographics, each piece is a brushstroke in a larger masterpiece, a snippet of a broader story waiting to be told.
</p>
<p class="mt-5">
<b> The Convergence:</b>
So, how do these two paths converge? It's simple. In this digital age, content is no longer just about being compelling; it's about being relevant and data-informed. My expertise in data analysis allows me to create content that is not only creative and engaging but also grounded in real insights.
This website is a testament to that convergence. Here, you’ll find a blend of analytical pieces dissecting complex data, alongside creative content that tells a story, educates, and entertains. Whether you’re a fellow data enthusiast, a budding content creator, or just a curious soul, there’s something here for you.
</p>
<p class="mt-5">
<b>The Vision:</b>
Ultimately, my vision is to create a space that isn't just informative, but transformative. A place where learning, growth, and self-discovery are not just encouraged but celebrated. I invite you to join me on this journey, to explore the intersection of data and creativity, and perhaps, to find a bit of yourself in the stories and insights shared.
</p>
<div class="row">
<div class="col-lg-6">
</div>
<div class="col-lg-6">
<ul>
<!-- <li><i class="icofont-rounded-right"></i> <strong>City:</strong> Berlin, Germany</li> -->
</ul>
</div>
</div>
</div>
</div>
</div><!-- End About Me -->
</section><!-- End About Section -->
<!-- Start Project Section -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title">
<!-- <h2>Projects</h2> -->
</div>
<div class="row">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<!-- <li data-filter="*" class="filter-active">All</li> -->
<!-- <li data-filter=".filter-project">Projects</li> -->
<li data-filter=".filter-dataScience">Data Science</li>
<li data-filter=".filter-roboDeepL">Robotics/Deep Learning</li>
<!-- <li data-filter=".filter-paper">Publications</li> -->
<!-- <li data-filter=".filter-certification">Certifications</li> -->
</ul>
</div>
</div>
<div class="row portfolio-container">
<div class="col-lg-4 col-md-6 portfolio-item filter-dataScience">
<div class="portfolio-wrap">
<img src="assets/img/project/wildfire.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>The Wildfire Prediction</h4>
<div class="portfolio-links">
<a href="projects/wildfireprediction.html"><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-roboDeepL">
<div class="portfolio-wrap">
<img src="assets/img/project/vision.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Smart Vision Assist</h4>
<div class="portfolio-links">
<a href="projects/smartvision.html" ><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-dataScience">
<div class="portfolio-wrap">
<img src="assets/img/project/culinary.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Culinary Data Alchemy</h4>
<div class="portfolio-links">
<a href="projects/culinary.html" ><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-dataScience">
<div class="portfolio-wrap">
<img src="assets/img/project/carbon.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Go Carbon Neutral</h4>
<div class="portfolio-links">
<a href="projects/gcn.html" ><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-roboDeepL">
<!-- <br> -->
<div class="portfolio-wrap">
<img src="assets/img/project/rowell.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Rowell Robot</h4>
<div class="portfolio-links">
<a href="projects/rowell.html" ><i class="bx bx-info-circle"></i></a>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 10%; margin-right: 60%;" class="row">
<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<!-- <li data-filter="*" class="filter-active">All</li> -->
<!-- <li data-filter=".filter-project">Projects</li> -->
<li> <a href="https://www.linkedin.com/in/sirishajp/details/certifications/"> Publications</a></li>
<li> <a href="https://www.linkedin.com/in/sirishajp/details/publications/">Certifications</a></li>
<!-- <li data-filter=".filter-paper">Publications</li> -->
<!-- <li data-filter=".filter-certification">Certifications</li> -->
</ul>
</div>
</div>
</div>
</section>
<!-- End Project Section -->
<!-- ======= Digital Space Section ======= -->
<section id="Podcast" class="digital-space">
<div class="container">
<!-- Podcast Section -->
<div class="row">
<div class="col-lg-8">
<div class="section-title">
<h2>Live your best life podcast</h2>
<p style="font-size: 14px;">Stories from different walks of life</p>
</div>
<div class="podcast-embed">
<!-- Spotify Embed Code -->
<iframe src="https://open.spotify.com/embed/show/25yrMCp89hYWfSctVM6mHJ?utm_source=generator&theme=0" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
<div class="col-lg-4">
<!-- Podcast Streams Count -->
<div class="streams-count">
<h4>Podcast Streams</h4>
<div id="podcastStreamsCount" class="count">0</div>
</div>
</div>
</div>
</div>
<!-- YouTube Channel Section -->
<div class="row mt-3">
<div class="col-lg-8">
<div class="section-title">
<h2>Ansi Us</h2>
<p style="font-size: 14px;">Embracing Relativity Change Our Understanding of Reality</p>
</div>
<div class="youtube-embed">
<!-- YouTube Embed Code -->
<iframe width="100%" height="315" src="https://www.youtube.com/embed/aM2i2XOT1x8?si=-nXcUDpcRwhE1kCM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-4">
<!-- YouTube Streams Count -->
<div class="streams-count">
<h4>YouTube Streams</h4>
<div id="youtubeStreamsCount" class="count">0</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Digital Space Section -->
<!-- JavaScript for Animated Count -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Animate counts for both Podcast and YouTube
animateValue("podcastStreamsCount", 2000, 10000,1000); // Animate Podcast Streams
animateValue("youtubeStreamsCount", 100, 5600,1000); // Animate YouTube Streams
});
function animateValue(id, start, end, duration) {
let range = end - start;
let current = start;
let increment = end > start ? 1 : -1;
let stepTime = Math.abs(Math.floor(duration / range));
let obj = document.getElementById(id);
let timer = setInterval(function() {
current += increment;
obj.innerHTML = current;
if (current === end) {
clearInterval(timer);
}
}, stepTime);
}
</script>
</body>
</html>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script type="text/javascript">
var typed = new Typed('.typing',{
strings: ["I help machines understand and learn","One project at a time"],
loop: true,
typeSpeed: 65,
backSpeed: 65
});
</script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>