-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (60 loc) · 3.16 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
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Dhairya Gupta</title>
<link rel="stylesheet" href="styles.css">
<a href="https://dev.to/dhairya">
<img class="dev" src="https://d2fltix0v2e0sb.cloudfront.net/dev-badge.svg" alt="Dhairya Gupta's DEV Community Profile" height="80px" width="80px">
</a>
<link rel="icon" href="dg.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&family=Hachi+Maru+Pop&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="cloud.png" alt="cloud-img">
<img class="profile-picture" src="PicsArt_07-24-01.03.47.png" alt="Picture">
<h1>Myself Dhairya</h1>
<h2 class="learner">a learner</h2>
<img class="bottom-cloud" src="cloud.png" alt="cloud-img">
<hr class="border1">
</div>
</div>
<div class="middle-container">
<div class="profile">
<img class="greeting" src="hello.webp" alt="">
<h2>Hello Visitors</h2>
<h3 class="my-intro">I'm from <strong>INDIA</strong> and I'm very much intrested in <strong>Programming, Graphic Designing,
Web Devlopment</strong> and <strong> Cyber Security</strong>
</h3>
</div>
<hr class="dotted ">
<div class="skills ">
<h1 class="darkgreen ">My skills</h1>
<div class="skill-row ">
<img class="skill-image " src="coding.png " alt=" ">
<h2 class="achievement-title">CODING AND GRAPHIC DESIGNING</h2>
<h3 class="my-intro ">I like Coding and Designing stuff, Currently I'm well with Python and continuously adding up more to my knowledge.</h4>
</div>
<div class="skill-row ">
<h1 class="darkgreen ">Achievements</h1>
<img class="hacktoberfest-image " src="hacktoberfest.png " alt=" ">
<h2 class="achievement-title ">HACKTOBERFEST 2020</h2>
<h3 class="my-intro">Hacktoberfest is a month long virtual festival event to celebrate open source contributions presented by DigitalOcean , Intel and Dev</h4>
</div>
</div>
<hr class="dotted ">
<div class="contact-me ">
<h2 class="darkgreen ">Contact Me</h2>
<h3 class="help-description">Feel free to reach me in case of any kind of Help/Enquiry .</h3>
<a class="btn " href="mailto:guptadhairya38@gmail.com ">CONTACT ME</a>
</div>
</div>
<div class="bottom-container ">
<a href="https://www.linkedin.com/in/dhairya2004" target="_blank"> <img alt="LinkedIn" src="linkedin.png" width="55" height="55"></a>
<a class="fb" href="https://www.facebook.com/mr.dhairya.gupta" target="_blank"> <img alt="Facebook" src="fb.png" width="70" height="70"></a>
<a href="https://www.instagram.com/mr.dhairya.gupta" target="_blank"> <img alt="Instagram" src="insta.png" width="65" height="65"></a>
<p class="name">© 2021 Dhairya Gupta</p>
</div>
</body>
</html>