-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (66 loc) · 3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Anjan Kumar</title>
<link rel="stylesheet" href="CSS/styles.css">
<link rel="icon" href="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">
</head>
<body>
<div class="Top-Container">
<img class="Top-Cloud" src="Images/cloud.png" alt="cloud picture">
<h1> I'm Anjan.</h1>
<h2 class="subtitle" >An <span class="Amb" >Amb</span>itious lad!</h2>
<img class = "Bottom-Cloud" src="Images/cloud.png" alt="cloud picture">
<img class="mountain_Img" src="Images/mountain.png" alt="mountain picture">
</div>
<div class="Middle-container">
<div class="profile">
<img class="Profile_pic" src="Images\businessman.png" alt="Anjan's Image">
<h2>Hello.</h2>
<p class="profile_description" >My name is Anjan Kumar. I am an incoming freshman at Juniata College,Pennsylvania.
I am currently working on a startup that helps international students. I hope everything is fine
at your end!
</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="Code_Img" src="Images\Coding_Sticker.webp" alt="Coding Image">
<h3>Web Development</h3>
<p class="Code_skill_Disription">I am a full stack web developer. I love designing websites and writing code.
Web developers often work for clients who are trying to get their product or service onto the web.
The work is typically very project focused and involves collaborating
with a team that helps to coordinate the client's needs into the end product.</p>
</div>
<div class="skill-row">
<img class="Lebron_Img" src="Images\basketball_sticker.webp" alt="Basketball Image">
<h3>Basketball Player</h3>
<p class="Basketball_skill_Discription">I love playing basketball in my free time. I've played this game to the National Level.
Basketball is one of the most popular sports in the world and one of the most widely viewed.
It is a team sport that involves two teams of five active players each trying to score points
against one another by throwing a ball through a 300 cm (10 feet) high hoop (the 'basket')
under organised rules.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2 class="Get_In_Touch" >Get In Touch</h2>
<h3 class="Love_Playing_Basketball" >Love Playing Basketball?</h3>
<p class="Contact_Description">You can reach out to me by using the informations mentioned below.
We can play 1v1 match if you think you're a better player than me!</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="Bottom-container">
<a class="footer-link" style="padding-right:20px" href="https://www.linkedin.com/">LinkedIn</a>
<a class="footer-link" style="padding-right:20px" href="https://twitter.com/">Twitter</a>
<a class="footer-link" style="padding-right:20px" href="https://www.igen-mentor.com/">Website</a>
<p class="copyright" style="padding-top:20px">© 2023 Anjan Kumar @igen-mentor2023</p>
</div>
</body>
</html>