-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (60 loc) · 2.56 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Arin Nagwanshi</title>
</head>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="css/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">
<body>
<div class="Topcontainer">
<img class="top-cloud"src="css/cloud.png" alt="Cloud-img">
<h1>I'm Arin Nagwanshi</h1>
<h2 class="first"> a programmer</h2>
<img class="bottom-cloud" src="css/cloud.png" alt="cloud-img">
<img src="css/mountain.png" alt="">
</div>
<div class="middle-container">
<div class="profile">
<img src="css/personalpic.png" alt="" height=250px width=250px>
<h2>Hello.</h2>
<p class ="intro"> I'm Arin and I have loved ❤️ Playing around computers from my childhood and
that's what got me into programming
and devloping stuff.
Iam a full Stack Web Devloper and a Cringe game devloper</p>
</div>
<hr >
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="mic-img" src="css/mic1.png" alt="" >
<h3>Speaking Skills </h3>
<p>Iam really Good in Expressing My Point of view, My Ideas<br />
and Convincing people 😉 </p>
</div>
<div class="skill-row">
<img class="bee-img" src="css/bee1.png" alt="" >
<h3>Photography </h3>
<p class="Nature-lover-desc"> I really Love taking Photos Of Nature</p>
</div>
</div>
<br />
<hr>
<div class="contact-me" >
<h2>Get In Touch</h2>
<h3>You can Contact me at the following : ⬇️</h3>
<p class="contact-msg"> hoping it would be great working together </p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/arin-nagwanshi-81921416b/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/arinscode411">Twitter</a>
<a class="footer-link" href="https://www.instagram.com/arinnagwanshi/">Instagram</a>
<p class="copyright">©Arin Nagwanshi.</p>
</div>
</body>
</html>