-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (62 loc) · 3.49 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Himanshu Kesarwani</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
<link rel="icon" href="favicon.ico">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="images/cloud.png" alt="cloud-img">
<h1>I'm Himanshu.</h1>
<h2>A Web Devloper.</h2>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud-img">
<img src="images/mountain.png" alt="mountain-img">
</div>
<div class="middle-container">
<div>
<img class="profile-img" src="images/himanshu.png" alt="" >
<h2>Hello.</h2>
<p class="intro">Himanshu (means The moon) is a Web Developer based out of India. He spends his day learning or writing his own code. Known for being Ambivert by nature and Optimist by choice. If not working or distracted, can be found reading in a corner, enjoying music or gazing the stars.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="code-img" src="images/coding.png" alt="coding-img">
<h3>Developing like a Spider!</h3>
<p>I am proficient in HTML5, CSS3, Node.Js, Git and Github.
The joy to create something out of nothing is unbelievably awesome. I believe in commits of code than commitments of relationships. Might be a solid reason for being an alone coder! </p>
</div>
<!-- Icons from Flaticon -->
<div class="skill-row">
<img class="book-img" src="images/book-stack.png" alt="book-img">
<h3>Reading like a Maniac!</h3>
<p>I love to read good books, articles, blogs, Tweets, Quotes or Quora. I have a medium collection of books if not large. I collect a lot of quotes and occasionaly tweets the ones I like the most. Basically, If it is worth reading, you will find me there :)</p>
</div>
<div class="skill-row">
<img class="code-img" src="images/gamer.png" alt="">
<h3>Gaming like a pro!</h3>
<p>Ever since I got my personal computer in my teens I have been a fan of Gaming. GTA Vice City still tops my all-time favorite games list. Though being a Vegetarian, I strive to get Chicken Dinners in PUBG.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If you prefer peace, can go for long walks, and discuss ideas. You are Welcomed!</h3>
<p class="contact-message">Lets discuss the startups ideas you always wanted to start. Or the Music tracks you absolutely love. Maybe your favourite places to dine! Or simply share any magical tricks for Procrastination! <strong>I'm all EARS!</strong> </p>
<a class="btn" href="mailto:himanshukesarwani800@gmail.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" target="_blank" href="https://www.linkedin.com/in/himanshukesarwani">LinkedIn</a>
<a class="footer-link" target="_blank" href="https://twitter.com/himanshu800">Twitter</a>
<a class="footer-link" target="_blank" href="https://github.com/himanshukesarwani800">Github</a>
<p class="copyright-message"> ©️ 2021 - Made with ❤️ by Himanshu </p>
</div>
</body>
</html>