-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
382 lines (366 loc) · 16.5 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>
<head>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-98206815-1', 'auto');
ga('send', 'pageview');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<!-- Chrome, Firefox OS, Opera and Vivaldi -->
<meta name="theme-color" content="#282828">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#282828">
<title>Raienryu97 : Home</title>
<!-- CSS -->
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<!-- Font Awesome -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- Skill Progress Bar
<link href="css/pro-bars.css" rel="stylesheet" type="text/css" media="all" /> -->
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Main css File -->
<link href="style.css" type="text/css" rel="stylesheet" media="screen,projection" />
<!-- Default Theme CSS File-->
<link id="switcher" href="css/themes/dark-theme.css" type="text/css" rel="stylesheet" media="screen,projection" />
<!-- Favicon -->
<link rel="icon" sizes="192x192" href="img/nice-highres.png">
<!-- Font -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<!-- BEGAIN PRELOADER -->
<div id="preloader">
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
<!-- END PRELOADER -->
<header id="header" role="banner">
<div class="navbar-fixed">
<nav>
<div class="container">
<div class="nav-wrapper">
<!-- LOGO -->
<!-- TEXT BASED LOGO -->
<a href="index.html" class="brand-logo">Pranav</a>
<!-- Image Based Logo -->
<!-- <a href="index.html" class="brand-logo"><img src="img/logo.jpeg" alt="logo img"></a> -->
<ul class="right hide-on-med-and-down custom-nav menu-scroll">
<li>
<a href="#about">About Me</a>
</li>
<li>
<a href="#footer">Contact</a>
</li>
</ul>
<!-- For Mobile View -->
<ul id="slide-out" class="side-nav menu-scroll">
<li>
<a href="#about">About Me</a>
</li>
<li>
<a href="#resume">Resume</a>
</li>
<li>
<a href="#footer">Contact</a>
</li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse">
<i class="mdi-navigation-menu"></i>
</a>
</div>
</div>
</nav>
</div>
</header>
<div class="main-wrapper">
<main role="main">
<!-- START HOME SECTION -->
<section id="home">
<div class="overlay-section">
<div class="container">
<div class="row">
<div class="col s12">
<div class="home-inner">
<h1 class="home-title">HI! I'm
<span>Pranav Cherukupalli</span>
</h1>
<p>Tech Enthusiast. Android Geek. Computer Engineer.</p>
<a class="hire-me-btn btn waves-effect waves-light btn-large" href="#footer">Leave me a Message
<i class="mdi-content-send left"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- START ABOUT SECTION -->
<section id="about">
<div class="container">
<div class="row">
<div class="col s12">
<div class="about-inner">
<div class="row">
<div class="col s12 m4 l3">
<div class="about-inner-left">
<img class="profile-img" src="img/profile-img1.png" alt="Profile Image">
</div>
</div>
<div class="col s12 m8 l9">
<div class="about-inner-right">
<h3>About Me</h3>
<p>I'm a 23 year old Software Engineer in the Bay Area, California.
I'm interested in Embedded Systems, IoT, automation, android, cool technology and gadgets. I love
experimenting with the devices I own. In my free time I watch a few TV
Shows and lots of anime. I also love playing FPS Shooters, Racing games and occasionaly some exceptional
RPGs.</p>
<h3> What's with the weird username?</h3>
<p>Raienryu translates to Lightning Fire Dragon, a transformation of a character (Pictured above) in an Anime I used to watch.
Sixteen year old me thought it would be really cool to create most accounts under that username and now it's been
used in way too many places for current me to change it.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Education -->
<section id="edcuation">
<div class="container">
<div class="education-inner">
<h2 class="title">Education</h2>
<p>The following are my educational qualifications till date</p>
<div id="owl-carousel1" class="experience-slider row">
<!-- Start Single Experience -->
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<h2 class="experience-title">2018 - 2020</h2>
<img class="activator" src="img/graduate-cap.jpg">
</div>
<div class="card-content">
<span class="card-title activator reveal-title">Master of Science
<i class="material-icons right">more_vert</i>
</span>
<p>
<a href="#">ASU</a>
</p>
</div>
<div class="card-reveal">
<span class="card-title reveal-title">ASU
<i class="material-icons right">close</i>
</span>
<a href="https://cen.engineering.asu.edu/" class="card-subtitle">Arizona State University</a>
<p>Graduated in May 2020 with a masters in Computer Engineering here.
</p>
</div>
</div>
</div>
<!-- Start Single Experience -->
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<h2 class="experience-title">2014 - 2018</h2>
<img class="activator" src="img/graduate-cap.jpg">
</div>
<div class="card-content">
<span class="card-title activator reveal-title">Bachelor Of Technology
<i class="material-icons right">more_vert</i>
</span>
<p>
<a href="#">IIITDM Kancheepuram</a>
</p>
</div>
<div class="card-reveal">
<span class="card-title reveal-title">IIITDMK
<i class="material-icons right">close</i>
</span>
<a href="http://www.iiitdm.ac.in/" class="card-subtitle">Indian Institute of Information Technology, Design & Manufacturing</a>
<p>Graduated June 2018 with a B.Tech in Electronics and Communication Engineering with specialization in Design and Manufacturing.
</p>
</div>
</div>
</div>
<!-- Start Single Experience -->
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<h2 class="experience-title">2012 - 2014</h2>
<img class="activator" src="img/graduate-cap.jpg">
</div>
<div class="card-content">
<span class="card-title activator reveal-title">Intermediate
<i class="material-icons right">more_vert</i>
</span>
<p>
<a href="#">Narayana Junior College</a>
</p>
</div>
<div class="card-reveal">
<span class="card-title reveal-title">Intermediate
<i class="material-icons right">close</i>
</span>
<p>Here is lies some of the scariest memories of my life, most hectic part yet. Wouldn't want to do these
years again . But then these paid off for me for the future :p</p>
</div>
</div>
</div>
<!-- Start Single Experience -->
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<h2 class="experience-title">2006 - 2012</h2>
<img class="activator" src="img/graduate-cap.jpg">
</div>
<div class="card-content">
<span class="card-title activator reveal-title">Schooling
<i class="material-icons right">more_vert</i>
</span>
<p>
<a>Nirmala High School</a>
</p>
</div>
<div class="card-reveal">
<span class="card-title reveal-title">Nirmala High School
<i class="material-icons right">close</i>
</span>
<p>Here is where I've done my schooling from 5th standard to 10th. Those.Fun.Days.....</p>
</div>
</div>
</div>
<!-- Start Single Experience -->
<div class="col s12">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<h2 class="experience-title">2000 - 2006</h2>
<img class="activator" src="img/graduate-cap.jpg">
</div>
<div class="card-content">
<span class="card-title activator reveal-title">Schooling
<i class="material-icons right">more_vert</i>
</span>
<p>
<a>Mount Banjara High School</a>
</p>
</div>
<div class="card-reveal">
<span class="card-title reveal-title">Mount Banjara High School
<i class="material-icons right">close</i>
</span>
<p>Here is where I've done my schooling right from Lower Kindergarten to 4th standard</p>
</div>
</div>
</div>
</div>
<!-- owl navigation -->
<div class="customNavigation">
<a class="btn prev1 btn-floating waves-effect waves-light btn-large black">
<i class="mdi-navigation-chevron-left brand-text"></i>
</a>
<a class="btn next1 btn-floating waves-effect waves-light btn-large black">
<i class="mdi-navigation-chevron-right brand-text"></i>
</a>
</div>
</div>
</div>
</section>
</section>
<!-- Start Footer -->
<footer id="footer" role="contentinfo">
<!-- Start Footer Top -->
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col s12">
<div class="footer-top-inner">
<h2 class="title">Contact</h2>
<p>Feel free to drop me a message or connect with me.</p>
<div class="contact">
<div class="row">
<div class="col s1">
<a class="white-text text-lighten-2" href="https://www.instagram.com/raienryu97/">
<i class="fa fa-instagram fa-3x"></i>
</a>
</div>
<div class="col s1">
<a class="blue-text text-lighten-2" href="http://telegram.me/Raienryu">
<i class="fa fa-paper-plane fa-3x"></i>
</a>
</div>
<div class="col s1">
<a class="blue-text text-lighten-2" href="https://twitter.com/Raienryu97">
<i class="fa fa-twitter-square fa-3x"></i>
</a>
</div>
<div class="col s1">
<a class="white-text text-lighten-2" href="https://www.linkedin.com/in/pranavcherukupalli">
<i class="fa fa-linkedin-square fa-3x"></i>
</a>
</div>
<div class="col s1">
<a class="grey-text text-lighten-2" href="https://github.com/Raienryu97">
<i class="fa fa-github-square fa-3x"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Start Footer Bottom -->
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col s12">
<div class="footer-inner">
<!-- Bottom to Up Btn -->
<button class="btn-floating btn-large black up-btn">
<i class="mdi-navigation-expand-less"></i>
</button>
<p class="design-info">Designed By
<span style="color: #d7bc02">Pranav Cherukupalli.</span>
<br>Special credits to
<a href="http://www.markups.io/">
<span style="color: #d7bc02"> Markups.io</span>
</a> for the template
<br>Last Updated: 13th of January 2021</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</main>
</div>
<!-- jQuery Library -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- Materialize js -->
<script type="text/javascript" src="js/materialize.min.js"></script>
<!-- Skill Progress Bar
<script src="js/appear.min.js" type="text/javascript"></script>
<script src="js/pro-bars.min.js" type="text/javascript"></script> -->
<!-- Owl slider -->
<script src="js/owl.carousel.min.js"></script>
<!-- Mixit slider -->
<script src="https://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>
<!-- counter -->
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Custom Js -->
<script src="js/custom.js"></script>
</body>
</html>