-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (134 loc) · 6.06 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anubhav's Portfolio</title>
<link rel="stylesheet" href="style.css">
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<label class="hamburger">
<span class="span"></span>
<span class="span"></span>
<span class="span"></span>
</label>
<div class="left">
<h2>My Portfolio</h2>
</div>
<div class="right">
<ul>
<li><a href="">Home</a></li>
<li><a href="#content1">Skills</a></li>
<li><a href="#down">Download Resume</a></li>
<li><a href="#down">Help</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div class="container">
<div class="left-div">
<div class="profile">
<div class="image">
<img class="dev" src="developer.png" alt="Error Displaying Image">
</div>
<div class="info">
<ul>
<li><b>Anubhav Hajela</b><b></li>
<li><b>Competitive Coder</b></li>
<li><b>Front-end Developer</b></li>
</ul>
</div>
</div>
</div>
<div class="right-div">
<div class="connect">
<h2>Social Links </h2>
<div class="link">
<img class="image1" src="pngegg.png" alt="Error Displaying Image">
<a href="https://www.linkedin.com/in/anubhav-hajela-77b093298/" target="_blank">LinkedIn Profile</a>
</div>
<div class="link">
<img class="image1" src="codechef.svg" alt="Error Displaying Image">
<a href="https://www.codechef.com/users/anubhavhajela4" target="_blank">Codechef Profile</a>
</div>
<div class="link">
<img class="image1" src="codeforces.png" alt="Error">
<a href="https://codeforces.com/profile/anubhavhajela4" target="_blank">Codeforces Profile</a>
</div>
</div>
<div class="skills">
<h2>My Tech Stack </h2>
<div class="tech"> <img class="image1" src="pngwing.com (3).png" alt=""><a href="#content1">Html</a> </div>
<div class="tech"><img class="image1" src="pngwing.com (4).png" alt=""><a href="#content2">Css</a></div>
<div class="tech"><img class="image1" src="pngwing.com (2).png" alt=""><a href="#content3">Java</a></div>
<div class="tech"><img class="image1" src="pngwing.com (1).png" alt=""><a href="#content4">C++</a></div>
</div>
</div>
</div>
</main>
<div class="about">
<h1>About Me</h1> <br>
<p>Hi, My name is Anubhav Hajela . I Am Doing Competetive Programing from almost a year .</p>
<br>
<p>My Codechef rating is 1450 and 1002 in codeforces</p>
</div>
<div id="content1">
<h2>HTML</h2> <br>
<p>I Started learning Hyper Text Markup Language in my class 11 when i was interested how the websites are made.</p> <br>
<p>I learned basic tags of html and made a very small login form at that time .</p>
</div>
<div id="content2">
<h2>CSS</h2> <br>
<p>I Learned css in my first year of college because it was neccessary in order to make out site visually appealing.</p> <br>
<p>I like to play with css a lot because it gives us a lot of freedom and we can design any deasign we want.</p>
</div>
<div id="content3">
<h2>JAVA</h2> <br>
<p>Java is the first programming language i worked on .It was taught to us from class 8th .</p> <br>
<p>Though i did not make any major projects using java i used it to solve many dsa and cp question.</p>
</div>
<div id="content4">
<h2>C++</h2> <br>
<p>C++ is a language which can be used for many purposes like app/game development .</p> <br>
<p>As for me i learned this language for cp . It is a lot faster language than Java . </p>
</div>
<div class="form">
<h2>Contact Me</h2> <br> <br>
<form id="down">
<label for="name">Name</label>
<input class="name1" type="text" placeholder="Enter Your Name"> <br> <br>
<label for="email">Email</label>
<input class="email1" type="text" placeholder="Enter Your Email Id"><br> <br>
<label for="message">Message</label>
<textarea name="message" id="type">Write Your message here!</textarea><br> <br>
<button class="button">Submit</button>
<button class="resume">Download Resume</button>
</form>
</form>
</div>
<footer>
<div class="foot">
<div class="footer-1"> <br> <br>
<h3>Anubhav's Developer Portfolio</h3> <br> <br> <br>
</div>
<div class="footer-2">
<ul>
<li>Home</li> <br>
<li>About</li> <br>
<li>Services</li> <br>
<li>Contact Me</li> <br>
</ul>
</div>
<div class="footer-3">
<a href="https://github.com/anubhavhajela4" target="_blank"><img class="image2" src="pngwing.com.png" alt=""></a>
</div>
</div>
</footer>
</body>
</html>