-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (156 loc) · 6.47 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
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vansh's Portfolio</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Trirong">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css" />
<script src="script.js" defer></script>
</head>
<body>
<header>
<nav class="nav">
<i class="uil uil-bars navOpenBtn"></i>
<a href="#" class="logo">Vansh's Portfolio</a>
<ul class="nav-links">
<i class="uil uil-times navCloseBtn"></i>
<li><a href="#home">Home</a></li>
<li><a href="#skills_main">Skills</a></li>
<li><a href="#qualifications_main">Qualifications</a></li>
<li><a href="#projects_main">Projects</a></li>
<li><a href="#contactme_main">Contact Me</a></li>
</ul>
</header>
<main id="home">
<section class="firstsection">
<img src="img4.png">
</section>
<section class=" secondsection">
<div class="hello">Hello</div>
<div class="about">A Bit About Me</div>
<div class="content">Hi everyone 👋, This is Vansh Attri, attendant at Manav Rachna International Institute
of Research and
Science pursuing Btech(CSE). I am passionate about learning new tech, doing coding and building
projects. I have good command in HTML, CSS and JS.</div>
</section>
</main>
<main id="skills_main">
<section id="skills">
<h1 class="heading">Skills</h1>
<div class="Container">
<p class="para">HTML</p>
<div class="container">
<div class="skills"> HTML </div>
<!-- <div class="logo"><img src="html_logo.png" alt=""></div> -->
</div>
<p class="para">CSS</p>
<div class="container">
<div class="skills">CSS</div>
<!-- <div class="logo"><img src="css_logo.png" alt=""></div> -->
</div>
<p class="para">JavaScript</p>
<div class="container">
<div class="skills">JavaScript</div>
<!-- <div class="logo"><img src="JavaScript_logo.png" alt=""></div> -->
</div>
<p class="para">PYTHON</p>
<div class="container">
<div class="skills">PYTHON</div>
<!-- <div class="logo"><img src="python_logo.png" alt=""></div> -->
</div>
</div>
</section>
</main>
<main id="qualifications_main">
<h1 class="heading1">Qualificatitons</h1>
<section class="qualifications">
<div class="qualification">Educational Qualifications</div>
<div class="qualification">
<ul>
<li class="education">
<div>BTech Computer Science And Engineering</div>
<div>Manav Rachna International Institute of Research and Science</div>
<div>(2023-2027)</div>
</li>
<li class="education">
<div>Senior Secondary School</div>
<div>Manav Rachna International School</div>
<div>(2021-2023)</div>
</li>
<li class="education">
<div>Secondary School</div>
<div>Taksh-Shila Model School</div>
<div>(2017-2021)</div>
</li>
</ul>
</div>
</section>
<hr>
<section class="qualifications">
<div class="qualification">Work Experience</div>
<div class="qualification">
<ul>
<li class="education">
None
</li>
<li class="education">
None
</li>
<li class="education">
None
</li>
</ul>
</div>
</section>
</main>
<main id="projects_main">
<h1 class="heading1">Projects</h1>
<section class="projects">
<ul>
<li>
<div class="project" id="personal_portfolio">Personal Portfolio Project</div>
</li>
<br>
<li>
<div class="project description">My Personal Portfolio Website made using </div>
<div class="project description">HTML, CSS and JavScript.</div>
<button class="button" type="button"><a href="./index.html" target="_blank">Read More</a></button>
</li>
</ul>
<div class="project">
<ul>
<li class="project1">
<div><img src="personal_portfolio.png" alt=""></div>
</li>
</ul>
</div>
</section>
</main>
<main id="contactme_main">
<h1 class="heading1">Contact Me</h1>
<section class="contact">
<ul>
<li class="contact_list">
</li>
</ul>
</section>
</main>
<footer>
<div class=" rightfooter">
<ul>
<li class="logos"><a href="https://www.linkedin.com/in/vansh-attri-33a361289/" target="_blank"><img
src="linkedin.png" alt="as"></a></li>
<li class="logos"><a href="https://github.com/vansh-attri" target="_blank"><img src="social.png"
alt="as"></a></li>
<li class="logos"><a href="https://twitter.com/vanshstwt" target="_blank"><img src="x.png" alt="as"></a>
</li>
<li class="logos"><a href="https://www.instagram.com/vanshattrisig/" target="_blank"><img
src="instagram.png" alt="as"></a></li>
</ul>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>