-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
379 lines (369 loc) · 13.8 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
<!--This Document belong to Hariom Kumar only any further use of this data is criminal offence-->
<!--Strict action will be taken against you-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta charset="UTF-8" />
<title>Resume | Hariom</title>
<!--For adding small cdn-->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous"
/>
<link
rel="shortcut icon"
type="image/x-icon"
href="./dependencies/logo.png"
/>
<link rel="stylesheet" href="./dependencies/index.css" />
<!--Section for toggle option start-->
<header>
<a href="https://hariomgola.github.io/resume/" class="logo"
>Curriculum Vitae</a
>
<div class="toggle" onclick="toggle_Menu();"></div>
<ul class="menu">
<li><a href="#home" onclick="toggle_Menu();">Home</a></li>
<li><a href="#about" onclick="toggle_Menu();">About</a></li>
<li>
<a href="#technicalskill" onclick="toggle_Menu();"
>Technical Skills</a
>
</li>
<li><a href="#work" onclick="toggle_Menu();">Project</a></li>
<li><a href="#workexp" onclick="toggle_Menu();">Work Experiance</a></li>
<li><a href="#contact" onclick="toggle_Menu();">Contact</a></li>
</ul>
</header>
<!--Section for toggle option end-->
<!--Section for index page start-->
<section class="banner" id="home">
<div class="text_banner">
<h2>Hello, I'm <br /><span>Hariom Kumar.</span></h2>
<h3>I'm a Full Stack Web Developer.</h3>
<a href="#about" class="btn">About me</a>
</div>
</section>
<!--Section for index page start-->
<!--About me Section start-->
<section class="about" id="about">
<div class="heading">
<h2>About me</h2>
</div>
<div class="content">
<div class="content_boX w50">
<h3>I'm a Full Stack Web Developer</h3>
<p>
Experienced Full Stack Software Engineer with 3+ years of
professional experiance as MEAN Stack Web developer at Accenture
Advance Technology Centre having experiance on up to date advance
web development technologies Angular, Node.js, ExpressJS, MongoDB,
SQL-Server, GIT, Heroku, Web Sockets, Socket.io, ES6, JavaScript,
Code Java, Bootstrap, CSS3, HTML5, AJAX, JSON, Amazon Web Services,
Azure.
<br /><br />
To enjoy a long term challenge and a rewarding position in a
growth-oriented organisation which put value on people ,the product
they promote and offer diverse job responsibility which allow me to
utilize my ability to the fullest.
</p>
</div>
<div class="w50">
<img src="./dependencies/wim.jpg" class="img" />
</div>
</div>
</section>
<!--About me Section End-->
<!--Section for technical skills start-->
<section class="Technical_skill" id="technicalskill">
<div class="heading white">
<h2>Technical Skills</h2>
<p>
I have no special talent. I am only passionately curious about how
technology works.
</p>
<!--Content present in technical skills-->
<div class="content">
<!--Div for C#-->
<div class="skill">
<img src="./dependencies/c-sharp.png" />
<h2>C#</h2>
<p>
(C-Sharp) is a programming language developed by Microsoft that
runs on the .NET Framework. C# is used to develop web apps,
desktop apps, mobile apps, games and much more.
</p>
</div>
<!--Div for .net Framework-->
<div class="skill">
<img src="./dependencies/dot-net.png" />
<h2>.NET Framework</h2>
<p>
.NET Framework is a software framework developed by Microsoft that
runs primarily on Microsoft Windows. It includes a large class
library called Framework Class Library.
</p>
</div>
<!--Div for ASP.net-->
<div class="skill">
<img src="./dependencies/asp.webp" />
<h2>ASP.net</h2>
<p>
ASP.NET is an open-source, server-side web-application framework
designed for web development to produce dynamic web pages. It was
developed by Microsoft to allow programmers to build dynamic web
sites, applications and services.
</p>
</div>
<!--Div for Sql Server-->
<div class="skill">
<img src="./dependencies/sql.png" />
<h2>SQL SERVER</h2>
<p>
Microsoft SQL Server is a relational database management system
developed by Microsoft. Sql primary function of storing and
retrieving data as requested by other software applications
</p>
</div>
<!--Div for Azure-->
<div class="skill">
<img src="./dependencies/azure.png" />
<h2>Azure</h2>
<p>
Microsoft Azure, commonly referred to as Azure, is a cloud
computing service created by Microsoft for building, testing,
deploying, and managing applications and services through
Microsoft-managed data centers.
</p>
</div>
<!--Div for Visual studio-->
<div class="skill">
<img src="./dependencies/visual-studio.png" />
<h2>Visual Studio</h2>
<p>
Microsoft Visual Studio is an integrated development environment
from Microsoft. It is used to develop computer programs, as well
as websites, web apps, web services and mobile apps.
</p>
</div>
<!--Div for Angular-->
<div class="skill">
<img src="./dependencies/angular.png" />
<h2>Angular</h2>
<p>
Angular is a TypeScript-based open-source web application
framework led by the Angular Team at Google and by a community of
individuals and corporations. Angular is a complete rewrite from
the same team that built AngularJS.
</p>
</div>
<!--Div for java-->
<div class="skill">
<img src="./dependencies/java.png" />
<h2>Java</h2>
<p>Java is a general-purpose programming language.</p>
</div>
<!--Div for Html-->
<div class="skill">
<img src="./dependencies/html.png" />
<h2>HTML</h2>
<p>
Hypertext Markup Language is the standard markup language for
documents designed to be displayed in a web browser.
</p>
</div>
<!--Div for CSS-->
<div class="skill">
<img src="./dependencies/css.png" />
<h2>CSS</h2>
<p>
Cascading Style Sheets is a style sheet language used for
describing the presentation of a document written in HTML.
</p>
</div>
<!--Div for JavaScript-->
<div class="skill">
<img src="./dependencies/javascript.png" />
<h2>JavaScript</h2>
<p>
JavaScript, often abbreviated as JS, is a programming language
that conforms to the ECMAScript specification. JavaScript is
high-level, often just-in-time compiled, and multi-paradigm.
</p>
</div>
<!--Div for Jquery-->
<div class="skill">
<img src="./dependencies/jquery.png" />
<h2>Jquery</h2>
<p>
jQuery is a JavaScript library designed to simplify HTML DOM tree
traversal and manipulation, as well as event handling, CSS
animation, and Ajax.
</p>
</div>
<!--Div for node.js-->
<div class="skill">
<img src="./dependencies/node js.png" />
<h2>Node.js</h2>
<p>
Node.js is an open-source, cross-platform, JavaScript runtime
environment that executes JavaScript code outside a web browser.
</p>
</div>
</div>
</div>
</section>
<!--Section for technical skills start-->
<!--Section for Work start here-->
<section class="Work" id="work">
<div class="heading">
<h2>Project</h2>
<p>
Kindly visit my github profile to see realtime project related
progress
</p>
</div>
<!--Content present in work-->
<div class="content">
<div class="_work">
<img src="./dependencies/node.js API.png" />
</div>
<div class="_work">
<img src="./dependencies/mongo.jpg" />
</div>
<div class="_work">
<img src="./dependencies/sms.png" />
</div>
<div class="_work">
<img src="./dependencies/tms.png" />
</div>
<div class="_work">
<img src="./dependencies/who.png" />
</div>
<div class="_work">
<img src="./dependencies/elearn.png" />
</div>
<!--Button to view More-->
<div class="heading">
<a href="https://github.com/hariomgola" class="btn">View More</a>
</div>
</div>
</section>
<!--Section for Work end here-->
<!--Section for Work Experiance start-->
<section class="Work_eperiance" id="workexp">
<div class="heading">
<h2>Work Experiance</h2>
<p>You can check my linkedin account for my Work related Experiance</p>
</div>
<div class="content">
<div class="exp">
<p>
Got chance to work with Jio Network as an Interned.got many hand on
knowledge and software that used by telecom operator provider and
also got a chance to be a part of core IT team at Jio.
</p>
<h3>
Jio Network<br />
<span> Delhi,India </span>
</h3>
</div>
</div>
<div class="content">
<div class="exp">
<p>
Solid State Physics Laboratory (SSPL) is engaged in the research and
development of advanced semiconductor materials and devices got
chance to work as an interned and hands on with real time
project.Also got Certification for completing a project before
timeline.
</p>
<h3>
DRDO,Delhi<br />
<span> Delhi,India </span>
</h3>
</div>
</div>
</section>
<!--Section for Work Experiance end-->
<!--Section for Contact start-->
<section class="contact" id="contact">
<div class="heading white">
<h2>Contact</h2>
<p>
Please do visit my CV page by just simply clicking on 'CURRICULUM
VITAE'
</p>
</div>
<div class="content">
<div class="contact_info">
<h3>Contact Info</h3>
<div class="contact_info_box">
<div class="box">
<div class="icon">
<i class="fa fa-map-marker"></i>
</div>
<div class="text">
<h3>Address</h3>
<p>
Gurugram, Haryana<br />
India, IST<br />
110044
</p>
</div>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="text">
<h3>Phone</h3>
<p>8800672609</p>
</div>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="text">
<h3>E-mail</h3>
<p>[email protected]</p>
</div>
</div>
</div>
</div>
<div class="form_box">
<form>
<h3>Message Me</h3>
<input type="text" name="" placeholder="your name" />
<input type="email" name="" placeholder="your E-mail ID" />
<textarea placeholder="Your Message"></textarea>
<input type="Submit" value="send" />
</form>
</div>
</div>
</section>
<!--Section for Contact start-->
<!--Copy right Content hariom.kumar-->
<div class="copyright">
<p>Copyright @ 2020 Hariom Kumar. All Right Reserved</p>
</div>
<!--Adding Java Script for Buttons start-->
<script type="text/javascript">
window.addEventListener("scroll", function () {
var header = document.querySelector("header");
header.classList.toggle("_Scroll", window.scrollY > 0);
});
function toggle_Menu() {
var menu_toggle = document.querySelector(".toggle");
var open_menu_toggle = document.querySelector(".menu");
menu_toggle.classList.toggle("active");
open_menu_toggle.classList.toggle("active");
}
</script>
<!--Adding Java Script for Buttons start-->
</head>
</html>