-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (60 loc) · 6.66 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Harsh Krishan</title>
<link rel="stylesheet" href="style.css">
<!-- <link rel="icon" href="favicon.gif"> -->
<link rel="icon" href="favicon.gif" type="image/gif" />
<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=Lobster&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<div class="top">
<!-- <img src="bg1.jpg" alt=""> -->
<h1 id="mainheading">I am Harsh</h1>
<p class="fs-4">a <span class="pro" >pro</span>grammer</p>
</div>
<div class="mid">
<div class="profile shadow p-3 mb-5 bg-body rounded">
<img id = "myimg" src="myimg2.png" alt="myimg">
<p class="fs-1 fw-bolder" >Hii!</p>
<p class="fs-4">I am in 2nd year and currently pursuing Btech in Computer Science and Bio-Sciences at IIITD. </p>
<hr>
</div>
<h2>Skills</h2>
<div class="skill1">
<h4>Programming and development</h4>
<img class="skill1-img" src="https://upload.wikimedia.org/wikipedia/en/thumb/3/30/Java_programming_language_logo.svg/800px-Java_programming_language_logo.svg.png" alt="java">
<img class="skill1-img"src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/ISO_C%2B%2B_Logo.svg/1200px-ISO_C%2B%2B_Logo.svg.png" alt="">
<img class="skill1-img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/640px-HTML5_logo_and_wordmark.svg.png" alt="">
<img class="skill1-img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/CSS3_logo_and_wordmark.svg/640px-CSS3_logo_and_wordmark.svg.png" alt="">
</div>
<div class="skill2">
<h4>Designing</h4>
<img class="skill1-img"src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Adobe_Photoshop_CC_icon.svg/1200px-Adobe_Photoshop_CC_icon.svg.png" alt="">
<img class="skill1-img" src="data:image/png;base64,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" alt="">
</div>
<h2>Hobbies</h2>
<img class="skill1-img" src="art.jpg" alt="">
<img class="skill1-img" src="music.jpg" alt="">
<hr>
</div>
<div class="down">
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If you also love music as much as I do</h3>
<p class="share">Let's connect and share our playlist.</p>
<a class="btn btn-outline-primary" href="mailto:krishanharsh82@gmail.com">CONTACT ME</a>
</div>
<div class="bottom-container">
<a class="footer-link text-white" href="https://www.linkedin.com/in/harshkrishan">LinkedIn</a>
<a class="footer-link text-white" href="https://twitter.com/_Harshkrishan_">Twitter</a>
<a class="footer-link text-white" href="https://www.instagram.com/harshkrishan01/">Instagram</a>
<p class="footer">© 2022 Harsh Krishan.</p>
</div>
</div>
</body>
</html>