-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·60 lines (55 loc) · 3.05 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
<!DOCTYPE html>
<html>
<head>
<title>Unnat Gupta</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="images/favicon.ico">
<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">
<meta charset="UTF-8">
</head>
<body>
<div class = "top-container">
<img class = "top-cloud" src="images/cloud.png" alt="cloud-img">
<h1>I'm Unnat .</h1>
<h2>a <span class ="para-mid">stu</span>dent.</h2>
<img class = "bottom-cloud" src="images/cloud.png" alt="cloud-img">
<img class = "mountain" src="images/mountain.png" alt="mountain-img">
</div>
<div class="middle-container">
<div class="profile">
<img class = "boy-img"src="images/boy.png" alt="boy-img">
<h2>Hello.</h2>
<p>I am an engineering student at NIT Kurukshetra and an aspiring web-developer.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="drum-img" src="images/drums.png" alt="drum-img">
<h3>Drumming</h3>
<p>Started drumming when I was 12 and never stopped! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit amet magnam quod ex! Pariatur molestias eaque error voluptatum eligendi aut iste sequi placeat provident repellendus, cupiditate sed quidem! Illum, similique?</p>
</div>
<div class="skill-row">
<img class="coding-img" src="images/engineer.png" alt="coding-img">
<h3>Development</h3>
<p>Still new to it, but we'll get there. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam labore mollitia consequuntur, esse blanditiis fugit suscipit maiores voluptate numquam dolores, sapiente nam. Ipsa, harum totam dignissimos obcaecati consequuntur sapiente sint.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<!-- <h3>If you like music and are passionate about anything, feel free to contact me.</h3> -->
<p class="contact-me-para">If you like music and are passionate about anything, feel free to contact me.</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<!-- <a class="footer-link" href="https://twitter.com/">Twitter</a> -->
<a class="footer-link" href="https://www.linkedin.com/in/unnat-gupta-4a912921a">LinkedIn</a>
<p class = "copyright" >© Unnat Gupta.</p>
</div>
</div>
</body>
</html>