-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
333 lines (305 loc) · 20 KB
/
index.html
File metadata and controls
333 lines (305 loc) · 20 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Title -->
<title>My Page</title>
<!-- Metadata (data about page data) about character encoding -->
<meta charset="UTF-8">
<!-- Letting browser know website is to be scaled 1x by default to look good on all screens -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=yes">
<!-- Setting Page Theme Color, some browsers use it to change tab color accordingly -->
<meta name="theme-color" content="#000">
<!-- Setting Page Description -->
<meta name="description" content="My Personal Website">
<!-- Setting Page Icon -->
<link rel="icon" href="uploads/images/MyLogo.svg" type="image" sizes="16x16 32X32" />
<!-- Configuring Google Site Verification for search.google.com/search-console -->
<meta name="google-site-verification" content="yYO6mIDw-FB-7XVxx_b0mOYIM_r-RkP0uYX2D1KU6-4" />
<!-- Including Add-ON Toolkits -->
<!-- Compiled and minified Materialize CSS and JavaScript -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- Bootstrap 4.5.0 CSS and JS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<!-- Also includable: Tailwind CSS, Foundation (https://get.foundation: comes in foundation for sites as well as foundation for emails) -->
<!-- Using Google Fonts, if failed to load via script will throw an error in console -->
<link href="https://fonts.googleapis.com/css2?family=Noticia%20Text&family=Text+Me+One" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Rajdhani&family=Play&display=swap');
</style>
<!-- Font Awesome (Free Version) - Imported using Registered Kit via official CDN, using official CDN -->
<script src="https://kit.fontawesome.com/256e304746.js" crossorigin="anonymous"></script>
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous"> < !-- Renders Icons as Webfonts [Facing Error with social media icons] -->
<!-- <script defer src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" integrity="sha384-ujbKXb9V3HdK7jcWL6kHL1c+2Lj4MR4Gkjl7UtwpSHg/ClpViddK9TI7yU53frPN" crossorigin="anonymous"></script> < !-- Renders Icons as SVGs [Facing Error with social media icons] -->
<!-- Material Icons, compatible with materialize.css -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Animation Libraries Includable Suggestions -->
<!--
* WOW.js
* Animate.css
* Animista
* Anime.js
* Motion UI (Sass Library)
* Any WebGL (Web Graphics Library) library (v2.0)
-->
<!-- Common CSS file for all webpages -->
<link rel="stylesheet" href="uploads/css/common-stylesheet.css" />
<!-- Page Specific CSS -->
<link rel="stylesheet" href="uploads/css/index-stylesheet.css" />
<!-- Back-end Includables -->
<!--
* MongoDB
* Node.js (with Express API)
* Meteor.js
* Django
-->
</head>
<body>
<!-- Page Preloader -->
<div id="preloader" class="position-fixed d-flex justify-content-center align-items-center"> <!-- Page Preloader -->
<div class="loader fixBox">
<div class="absolutePositionedDivisionAsALoaderContainer">
<div class="loadBar">
<div class="loader-dot"></div>
<div class="loader-dot"></div>
<div class="loader-dot"></div>
</div>
<span class="text-element">Loading</span>
</div>
</div>
</div>
<nav class="nav nav-wrapper navbar-nav sticky-top navbar-dark bg-dark">
<a class="brand-logo">HG</a>
<a data-target="mobile-sidebar" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down ml-auto">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="about.html">About</a></li>
<li class="nav-item"><a href="feedback.html">Feedback</a></li>
</ul>
<div class="sidenav" id="mobile-sidebar">
<ul>
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="about.html">About</a></li>
<li class="nav-item"><a href="feedback.html">Feedback</a></li>
<li class="nav-item">
<div class="divider"></div>
</li>
<li class="nav-item">
<div class="social-links">
<a class="social-link" id="link-github" href="https://github.com/Git-Harshit" target="_blank" rel="noopener noreferrer" title="GitHub"><i class="fa fa-github"></i></a>
<a class="social-link" id="link-linkedin" href="https://www.linkedin.com/in/harshitkumargupta" target="_blank" rel="noopener noreferrer" title="LinkedIn"><i class="fa fa-linkedin"></i></a>
<a class="social-link" id="link-mail" href="mailto:askharshitgupta@gmaill.com" title="Mail"><i class="fa far fa-envelope"></i></a>
</div>
</li>
</ul>
</div>
</nav>
<!-- Top Section (part) of page -->
<header id="top_section">
<h1 class="greeting display-3">Hello <wbr/> World<wbr/>Wide<wbr/>Web!</h1>
<p class="welcome-message">You are cheerfully welcome to this page!</p>
<div class="top-back">
<div class="top-background-split"></div>
<div class="scroll-more-indicator">
<i class="fas fa-angle-double-down"></i>
<!-- <h6 class="d-inline">Scroll Down to see more</h6> -->
</div>
</div>
</header>
<!-- My ID Content: Name (with Photo (on left), Subtitle, Designation, ...) -->
<div class="name-card content">
<div class="content-head">
<h4 class="name-head-content">I am </h4><wbr/> <h1 class="name name-head-content"> Harshit <wbr>Kumar <wbr>Gupta </h1>
</div>
<div class="content-box name-card-box">
<table class="name-card-contents">
<tbody>
<tr>
<td rowspan="5">
<div class="image-thumbnail-holder">
<img src="./uploads/images/HKG.jpg" alt="Harshit Gupta" align="right"/>
</div>
</td>
<th>Technology Enthusiast</th>
</tr>
<tr>
<td> <strong>Designation:</strong> Software Engineer </td>
</tr>
<tr>
<td> <strong>Date of Birth (D.O.B.):</strong> 14-Dec-2000 </td>
</tr>
<tr>
<td> <strong>Home Location:</strong> Indore, Madhya Pradesh, India </td>
</tr>
<tr>
<td> <strong>Highest Degree (Qualification):</strong> B. Tech. </td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- About Me section -->
<div class="content about-content">
<!-- Any good content that should be added in -->
<div class="content-head">
<span class="content-pre-head"><small>starting with </small></span><h2 class="head-content">About Me</h2>
</div>
<p class="content-body">
<span>I am a programmer and software developer, and I love to code and build things in my desired way. I love to program, and have been
gaining more experience and control over the programming languages and tools. I am passionate and enthusiastic about
using programming as a language to command and interact with machines.</span>
<br/><br/>
<span class="collapse text-reveal">
With every programming language I learn, I get to acquire some better understanding over the utilities and
customizations the programming can offer, and also often depict the similarities and variants in the usage of different
syntaxes to acquire a task, or to run through an algorithm.
<br/><br/>
When I am not performing, I enjoy surfing internet and listening music, in my free time. I prefer
dreaming and exploring, and keeping myself balanced and motivated.
</span>
<a href="#" class="expand-content" data-toggle="collapse" data-target=".text-reveal" style="display: none;">Read More ...</a>
</p>
</div>
<!-- Educational Qualification section -->
<div class="content educational-background">
<div class="content-head">
<span class="content-pre-head"><small>surfing on </small></span><h2 class="head-content">My Educational Qualification</h2>
</div>
<!-- To be displayed as a timeline, with a line of navigation -->
<div class="content-body">
<div class="qualification-section">
<div class="card">
<div class="card-body">
<h4 class="card-title">Bachelor of Technology (B. Tech.) in Electronics and Instrumentation Engineering</h4>
<h5 class="card-title"><i class="fas fa-university fa-sm"></i> Shri G. S. Institute of Technology and Science, Indore <br>
<small>(2018-2022)</small>
</h5>
<p class="card-text">Graduated with Bachelor of Technology (with Honors) in Electronics and Instrumentation Engineering from here by scoring a CGPA of 8.42/10.</p>
</div>
</div>
</div>
<div class="qualification-section">
<div class="card">
<div class="card-body">
<h4 class="card-title">High School, 10+2 in PCM + CS</h4>
<h5 class="card-title"><i class="fas fa-school fa-xs"></i> St. Norbert Senior Secondary School, Indore <br>
<small>(2006-2018)</small>
</h5>
<p class="card-text">Completed my schooling from here. Studied PCM + CS (Physics, Chemistry, and Mathematics, with English, and Computer Science as elective subject) in classes XI and XII. Secured 86.60% in my standard XII.</p>
</div>
</div>
</div>
</div>
</div>
<!-- My Skills section -->
<div class="content skillset">
<div class="content-head">
<span class="content-pre-head"><small>continuing with </small></span><h2 class="head-content">My Skills</h2>
</div>
<div class="content-body">
<p class="">My Skillset includes, but is definitely not limited to, the following tags:</p>
<!-- Relies on Chips feature of Materialize v1 -->
<div class="chips chips-initial chips-placeholder chips-autocomplete"></div>
</div>
</div>
<!-- My Quotes -->
<div class="content self-quotes">
<div class="content-head">
<span class="content-pre-head"><small>checking up </small></span><h2 class="head-content">My Quotes</h2>
</div>
<div class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target=".carousel.slide" data-slide-to="0" class="active"></li>
<li data-target=".carousel.slide" data-slide-to="1"></li>
<li data-target=".carousel.slide" data-slide-to="2"></li>
<li data-target=".carousel.slide" data-slide-to="3"></li>
<li data-target=".carousel.slide" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="quote-view">
<p>Longer Leaps in a go can cause some essentials to get skipped. Consider devoting atleast the time required for every step, and later you will have firm initials to move upon. </p>
</div>
</div>
<div class="carousel-item">
<div class="quote-view">
<p>Keep your major focus on your tasks, your deeds that you either aim or wish for. Be ready to go on working day-and-night for it. Rest will come.</p>
</div>
</div>
<div class="carousel-item">
<div class="quote-view">
<p>I don't know if the world is more, I just know I am no less.</p>
</div>
</div>
<div class="carousel-item">
<div class="quote-view">
<p>The world does not understand the difference between your won't and can't, so if you can, better do it.</p>
</div>
</div>
<div class="carousel-item">
<div class="quote-view">
<p>Manipulations are often irrelevant or misleading, and should not be adhered to. With manipulations, you might get convinced over a problem, but loose your concepts on the way.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href=".carousel.slide" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href=".carousel.slide" role="button" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
<!-- To Add: More of personal information (such as links to other platform profiles, my resume, any Projects (Optional), etc.) could be added in a new ./more page (page name is tentative). Resume and any publicly sharable can also be kept under '/Downloads/' collection.
Customisation settings are also planned to be implemented (includes dark mode, theme switching, font size adjustments, background setting). -->
<!-- Social Links share -->
<DIV class="content social-links">
<div class="d-inline-block">
<span>Connect with me:</span>
<a class="social-link" id="link-github" href="https://github.com/Git-Harshit" target="_blank" rel="noopener noreferrer" title="GitHub" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-github"></i></a>
<a class="social-link" id="link-linkedin" href="https://www.linkedin.com/in/harshitkumargupta" target="_blank" rel="noopener noreferrer" title="LinkedIn" data-toggle="tooltip" data-placement="bottom"><i class="fa fa-linkedin"></i></a>
<a class="social-link" id="link-mail" href="mailto:askharshitgupta@gmaill.com" title="Mail" data-toggle="tooltip" data-placement="right">
<i class="material-icons">mail_outline</i><!-- <i class="fa far fa-envelope"></i> -->
</a>
</div>
</DIV>
<!-- Back to Top (fixed option) -->
<div class="back-to-top">
<i class="fas fa-space-shuttle fa-2x fa-rotate-270"></i>
<small class="option-indicator-label">Back to Top</small>
</div>
<footer class="footer page-footer site-footer">
<div class="text-center">
Thank You for visiting this page! Have a nice day ahead! <span class="ASCII_Emoji"> : ) </span>
</div>
<div class="footer-copyright bg-dark">
<div class="container">
This site is maintained and published by <a href="https://github.com/Git-Harshit" class="text-light">Harshit Gupta.</a>
<a class="grey-text text-lighten-4 right" href="https://github.com/Git-Harshit/git-harshit.github.io/blob/master/LICENSE">| License |</a>
<a class="grey-text text-lighten-4 right" href="#top">| Back to Top |</a>
</div>
</div>
</footer>
<!-- Linking common JS file, programmed for all pages in this project -->
<script src="uploads/js/common-script.js"></script>
<!-- Page Specfic JS File -->
<script src="uploads/js/index-script.js"></script>
<!-- Attempt to Register Service Worker -->
<script>
if ('serviceWorker' in navigator) {
// Declaring serviceWorker scope as current (root), although it must already default to root domain scope (https://git-harshit.github.io), since it is registered here, in ./index page. To be noted, scope option can be only used to further narrow down the scope of serviceWorker than default (current scope). Update: service_worker.js file needs to be used from the root directory of this site, else its scope also gets limited by that directory. Error LOG (when using it from ./uploads/js/): "The path of the provided scope ('/') is not under the max scope allowed ('/uploads/js/'). Adjust the scope, move the Service Worker script, or use the Service-Worker-Allowed HTTP header to allow the scope."
navigator.serviceWorker.register('/service_worker.js', {scope: './'}).then(function(registration) {
console.log('Service worker successfully registered, with message (if any) :', registration);
}, function(error) {
console.log('Service worker registration failed, with message (if any):', error);
});
}
else {
console.log('Service workers are not supported.');
}
</script>
</body>
</html>