-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
344 lines (326 loc) · 13.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>Harsh Gautam | Portfolio</title>
<link rel="stylesheet" href="style.css" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="db65o2ZaS3yjYkclh-xBxYSo_fAzFMNIUXRCfQooPZc" />
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
<!-- ===============================================-->
<!-- Open Graph / Facebook -->
<!-- ===============================================-->
<meta name="keywords" content="Harsh Gautam, harshgautam, harsh gautam, 8bitwarriors, 8 bit warrior, Harsh Gautam, 8 bit warriors,8bit_warriors,8bit_Warriors, Community, LNCT Bhopal,8bit_Warriors by Harsh">
<meta property="og:title" content="Harsh Gautam | Portfolio">
<meta property="og:description" content="Founder @ 8bit Warriors | Entrepreneur, Rakhi Wala CEO">
<meta property="og:url" content="https://harshgautam.me/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Harsh Gautam">
<meta property="og:image" content="favicon/LOGO.png" />
<!-- ===============================================-->
<!-- ===============================================-->
<!-- Twitter / X -->
<!-- ===============================================-->
<meta name="twitter:site" content="@realharshgautam" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@realharshgautam" />
<meta name="twitter:title" content="Harsh Gautam"/>
<meta property="twitter:url" content="https://twitter.com/realharshgautam" />
<meta name="twitter:description" content="Founder @ 8bit Warriors | Entrepreneur, Rakhi Wala CEO"/>
<meta property="twitter:image" content="favicon/LOGO.png" />
<!-- ===============================================-->
<meta name="theme-color" content="#000000">
<link rel="canonical" href="index.html">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta property="apple-mobile-web-app-status-bar-style" content="default" />
<!-- ===============================================-->
<!-- Document Title-->
<!-- ===============================================-->
<title> Harsh Gautam | Portfolio </title>
<meta name="description" content="Founder @ 8bit Warriors | Entrepreneur, Rakhi Wala CEO">
<meta name="author" content="Harsh Gautam">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Harsh Gautam",
"url": "https://harshgautam.me/",
"logo": "favicon/LOGO.png"
}</script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<!-- Move to up button -->
<div class="scroll-button">
<a href="#home"><i class="fas fa-arrow-up"></i></a>
</div>
<!-- navgaition menu -->
<nav>
<div class="navbar">
<div class="logo"><a href="#">Harsh Gautam</a></div>
<ul class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#my-skills">Skills</a></li>
<!-- <li><a href="#services">Services</a></li> -->
<li><a href="#contact">Contact</a></li>
<div class="cancel-btn">
<i class="fas fa-times"></i>
</div>
</ul>
<div class="media-icons">
<a href="https://github.com/realharshgautam"
><i class="fab fa-github"></i
></a>
<a href="https://www.linkedin.com/in/realharshgautam/"
><i class="fab fa-linkedin"></i
></a>
<a href="https://www.instagram.com/h.rxsh/"
><i class="fab fa-instagram"></i
></a>
</div>
</div>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</nav>
<!-- Home Section Start -->
<section class="home" id="home">
<div class="home-content">
<div class="text">
<div class="text-one">Hello,</div>
<div class="text-two">
I'm Harsh Gautam <span class="wave">👋🏻</span>
</div>
<div class="text-three">Pre Final Year Student</div>
<div class="text-four">Founder @ <a href="https://8bitwarriors.tech/"> 8bit Warriors </a>| Entrepreneur, Rakhi Wala CEO</div>
<div class="text-four">Web Dev| AI/ML | GCP | Python</div>
</div>
<div class="mail">
<a href="mailto:harshgautam07@outlook.com">harshgautam07@outlook.com</a>
<div id="line"></div>
</div>
</div>
</section>
<!-- About Section Start -->
<section class="about" id="about">
<div class="content">
<div class="title"><span>About Me</span></div>
<div class="about-details">
<div class="left">
<img src="Images/about.jpg" alt="" />
</div>
<div class="right">
<div class="topic">More Than Just a Tech Enthusiast</div>
<p>
A prefinal year computer science engineering student with a passion
for technology, I have acquired a diverse set of skills in Web
Development, Artificial intelligence (AI), Machine learning (ML),
Python programming, and Augmented Reality (AR)
</p>
<br />
<p>
In the field of web development, I have experience with front-end
development using HTML, CSS, and JavaScript
</p>
<br />
<p>
In the area of AI and ML, I have a solid understanding of
fundamental concepts, such as supervised and unsupervised
learning, regression, and classification. I have applied these
concepts to real-world scenarios using popular Python libraries
like scikit-learn, TensorFlow, and PyTorch.
</p>
<br />
<p>
Overall, I am passionate about leveraging technology to build
innovative solutions, and I am eager to continue exploring and
growing my skills in these areas as I progress in my academic and
professional journey.
</p>
<div class="button">
<!-- <a
href="https://drive.google.com/file/d/?usp=sharing"
><button type="button">Resume</button></a
> -->
</div>
</div>
</div>
</div>
</section>
<!-- My Skill Section Start -->
<!-- Section Tag and Other Div will same where we need to put the same CSS -->
<!-- <section class="skills" id="skills">
<div class="content">
<div class="title"><span>My Skills</span></div>
<div class="skills-details">
<div class="text">
<div class="topic">Skills Reflects Our Knowledge</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus natus tenetur tempora? Quasi, rem quas omnis. Porro rem aspernatur reiciendis ut praesentium minima ad, quos, officia! Illo libero, et, distinctio repellat sed nesciunt est modi quaerat placeat. Quod molestiae, alias?</p>
<div class="experience">
<div class="num">01</div>
<div class="exp">Years Of <br> Experience</div>
</div>
</div>
<div class="boxes">
<div class="box">
<div class="topic">HTML</div>
<div class="per">90%</div>
</div>
<div class="box">
<div class="topic">CSS</div>
<div class="per">80%</div>
</div>
<div class="box">
<div class="topic">JavScript</div>
<div class="per">70%</div>
</div>
<div class="box">
<div class="topic">Machine Learning</div>
<div class="per">60%</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- My Services Section Start -->
<section class="services" id="my-skills">
<div class="content">
<div class="title"><span>My Skills</span></div>
<div class="boxes">
<div class="box">
<div class="icon">
<i class="fas fa-desktop"></i>
</div>
<div class="topic">Web Devlopment</div>
<p>
I have experience with front-end development using HTML, CSS, and
JavaScript, and have built dynamic web applications using web
frameworks like React and Angular.
</p>
</div>
<div class="box">
<div class="icon">
<i class="fas fa-paint-brush"></i>
</div>
<div class="topic">Graphic Design</div>
<p>
have a keen eye for design and am proficient in tools like Adobe
Illustrator and Figma. I have designed websites, logos, and
graphics for personal and professional projects.
</p>
</div>
<div class="box">
<div class="icon">
<i class="fas fa-robot"></i>
</div>
<div class="topic">Machine Learning</div>
<p>
I have a strong understanding of supervised and unsupervised
learning algorithms and have worked on various ML projects using
Python libraries like scikit-learn, TensorFlow, and PyTorch.
</p>
</div>
<div class="box">
<div class="icon">
<i class="fab fa-python"></i>
</div>
<div class="topic">Python</div>
<p>
I am proficient in Python programming language and have used it
for web development, data analysis, machine learning, and
competitive programming.
</p>
</div>
<div class="box">
<div class="icon">
<i class="fas fa-cloud"></i>
</div>
<div class="topic">Google Cloud Platform</div>
<p>
I have experience working with GCP services like Cloud Storage,
Compute Engine, and App Engine.
</p>
</div>
<div class="box">
<div class="icon">
<i class="fas fa-laptop"></i>
</div>
<div class="topic">Competitive Programming</div>
<p>
I enjoy participating in coding competitions and have honed my
problem-solving and coding skills through various platforms like
HackerRank and GFG.
</p>
</div>
</div>
</div>
</section>
<!-- Contact Me section Start -->
<section class="contact" id="contact">
<div class="content">
<div class="title"><span>Contact Me</span></div>
<div class="text">
<!-- <div class="topic">Connect!!!</div> -->
<p>
Thank you for visiting my portfolio! If you have any questions or
would like to discuss potential projects or collaborations, please
feel free to reach out to me via email or LinkedIn. I am excited
about the opportunity to connect with like-minded individuals who
are passionate about technology and innovation.
</p>
<div class="button">
<a href="mailto:harshgautam07@outlook.com"
><button type="button">
Say Hello <span class="wave">👋🏻</span>
</button></a
>
</div>
<div class="media-icons2">
<a
style="color: rgb(0, 0, 0)"
href="https://github.com/realharshgautam"
><i class="fab fa-github"></i
></a>
<a
style="color: #0a66c2"
href="https://www.linkedin.com/in/realharshgautam/"
><i class="fab fa-linkedin"></i
></a>
<a style="color: #c92bb7" href="https://www.instagram.com/h.rxsh/"
><i class="fab fa-instagram"></i
></a>
</div>
</div>
</div>
</section>
<!-- Footer Section Start -->
<footer>
<div class="text">
<span
>Created By <a href="#">Harsh with Love ❤️</a> | © 2023 All
Rights Reserved</span
>
</div>
</footer>
<!-- <script type="text/javascript"> //<![CDATA[
var tlJsHost = ((window.location.protocol == "https:harshgautam.me") ? "https://secure.trust-provider.com/" : "http://www.trustlogo.com/");
document.write(unescape("%3Cscript src='" + tlJsHost + "trustlogo/javascript/trustlogo.js' type='text/javascript'%3E%3C/script%3E"));
//]]></script>
<script language="JavaScript" type="text/javascript">
TrustLogo("https://www.positivessl.com/images/seals/positivessl_trust_seal_lg_222x54.png", "POSDV", "none");
</script> -->
<script src="script.js"></script>
</body>
</html>