-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (144 loc) · 5.94 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PORTFOLIO</title>
<link href="https://fonts.googleapis.com/css2?family=DynaPuff&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Mukta&display=swap" rel="stylesheet">
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> -->
<link rel="stylesheet" href="portfolio_styles.css">
</head>
<body>
<header>
<nav>
<div class="nav1">
VANSH AGGARWAL
</div>
<div class="nav2">
<a href="#HOME" class="homei">HOME</a>
</div>
<div class="nav3">
<a href="#HOBBIES" class="hobbies">HOBBIES</a>
</div>
<div class="nav4">
<a href="#SKILLS" class="skills">SKILLS</a>
</div>
<div class="nav5">
<a href="#CONTACT" class="contact">CONTACT</a>
</div>
</nav>
</header>
<HR>
<section class="HOME" id="HOME">
<div id="same1" class="intro">
HI,<BR>
I'M VANSH AGGARWAL <br>
AIMS TO BECOME A FULL STACK DEVELOPER<BR>
WITH DEEP KNOWLEDGE OF DATA STRUCTURES<br>
AND ALGORITHMS.<br>
FROM NEW DELHI,INDIA<br>
</div>
<div id="same2">
<img class="img" src="photo2.jpeg" alt="my picture" width="250" height="300">
</div>
<div id="same3" class="intro2">
<h2 id="f">EDUCATION</h2>
<ul>
<li>B-TECH FROM NSUT,DELHI IN <br>
COMPUTER SCIENCE ENGINEERING(DATA SCIENCE)</li>
<li>CLASS 12 FROM BGS INTERNATIONAL PUBLIC<BR>
SCHOOL,DWARKA, NEW DELHI
</li>
</ul>
</div>
</section>
<section class="HOBBIES" id="HOBBIES">
<H1>HOBBIES</H1>
<MAIN>
<div class="badminton">
<h2 class="a">BADMINTON</h2>
STARTED PLAYING BADMINTON IN MIDDLE SCHOOL<BR>
WITH ALL THE FACILITIES AVAILABLE <BR>
I PLAYED BADMINTON TILL A DECENT LEVEL<BR>
AND IT BECAME A PART OF MY LIFE<BR>
VERY SOON.
</div>
<div class="chess">
<h2 class="b">CHESS</h2>
STARTED PLAYING CHESS IN MY HIGH SCHOOL<BR>
I COULDN'T BELIEVE THAT CHESS WOULD BE SO<BR>
INTERESTING WHEN I STARTED PLAYING<BR>
IN CHILDHOOD I USED TO LOOK IT AS A BORING GAME<BR>
BUT GOT TO KNOW THE REAL WORTH AFTER WATCHING<BR>
MANY CHESS TOURNAMENTS AS MY INTEREST JUST<BR>
GREW WITH TIME.
</div>
<div class="coding">
<h2>CODING</h2>
CODING BECAME A CRUCIAL PART OF MY LIFE RECENTLY<BR>
GOT TO KNOW ITS WORTH AFTER COMING TO <BR>
THE UNIVERSITY. NOW I ENJOY IT<BR>
AS MUCH AS MY ANY OTHER HOBBY.<BR>
I CAN'T IMAGINE MY LIFE WITHOUT CODING.
</div>
<div class="food">
<h2 class="d">FOOD</h2>
BEEN A FOODIE SINCE CHILDHOOD<BR>
BEING A CONNOISSEUR I LIKE TO TRY<br>
DIFFERENT CUISINES AND DRINKS<br>
BE IT VEGETARIAN OR NON-VEGETARIAN<BR>
</div>
<div class="travelling">
<h2>TRAVELLING</h2>
THIS HOBBY I CAN SAY IS INHERITED<BR>
FROM MY PARENTS AS THEY LIKE TO TRAVEL<BR>
A LOT SO DO I!<BR>
VISITING NEW PLACES, MEETING NEW PEOPLE<BR>
THERE ARE A LOT OF PLACES LEFT TO<BR>
DISCOVER IN MY BUCKET LIST.
</div>
</MAIN>
</section>
<section class="SKILLS" id="SKILLS">
<h1>SKILLS</h1>
<p class="ht"><img class="img2" src="png-transparent-logo-html-html5.png" width="35px" height="35px">HTML</p>
<div class="container">
<div class="iskills html">90%</div>
</div>
<p class="cs"><img class="img2" src="css-logo.png" width="35px" height="35px">CSS</p>
<div class="container">
<div class="iskills css">80%</div>
</div>
<p class="jv"><img class="img2" src="js-logo.png" width="35px" height="35px">JavaScript</p>
<div class="container">
<div class="iskills js">15%</div>
</div>
<p class="rt"><img class="img2" src="react-logo.png" width="35px" height="30px">React JS</p>
<div class="container">
<div class="iskills react">10%</div>
</div>
<p class="ds"><img class="img2" src="dsa-logo.png" width="35px" height="35px">DSA</p>
<div class="container">
<div class="iskills DSA">70%</div>
</div>
<p class="db"><img class="img2" src="dbms-logo.png" width="35px" height="35px">DBMS</p>
<div class="container">
<div class="iskills DBMS">20%</div>
</div>
</section>
<section class="CONTACT" id="CONTACT">
<h1>CONTACT</h1>
<main>
<div class="name">VANSH AGGARWAL</div>
<div class="address">ADDRESS : <BR>SECTOR-6, DWARKA , NEW DELHI</div>
<div class="phone">PHONE : <BR> +91 8700282622</div>
<div class="email">E-MAIL : <BR> vanshagg2003@gmail.com</div>
<span class="linkedin"><a href="https://www.linkedin.com/in/vansh-aggarwal-a4102b22b/">LINKEDIN</a></div>
<span id="github" class="github"><a href="https://github.com/vansh-agg">GITHUB</a></div>
</main>
</section>
</body>
</html>