-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
237 lines (213 loc) · 7.49 KB
/
index.html
File metadata and controls
237 lines (213 loc) · 7.49 KB
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vedant Vedpathak</title>
<!---custom css link---->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<a target="_blank" href="https://icons8.com/icon/61977/portfolio">Portfolio</a> icon by <a target="_blank"
href="https://icons8.com">Icons8</a>
<link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
</head>
<body>
<!------Header Section------>
<header>
<a href="#" class="logo">Devlo<span>pe</span>r..</a>
<ul class="navlist">
<li><a href="#home" class="active">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="bx bx-menu" id="menu-icon"></div>
</header>
<!---------Home Section--------------->
<section class="home" id="home">
<div class="home-text">
<div class="slide">
<span class="one">Hello</span>
<span class="two">I'm</span>
</div>
<h1>Vedant</h1>
<h3>Website <span>Developer</span></h3>
<p></p>
<div class="button">
<a href="#" class="btn">About Me</a>
</div>
</div>
</section>
<!---------about Section --------------->
<section class="about" id="about">
<div class="about-img">
<img src="img/20221110_120859-modified.jpg">
</div>
<div class="about-text">
<h2>About <span>Me</span></h2>
<h4>Website Designer!</h4>
<p>I am Vedant Vedpathak, currently pursuing Information Technology in my third year at Walchand College of
Engineering Sangli. I possess a strong passion for continuously learning and adeptly implementing
emerging technologies. With a keen interest in web development, I actively engage in crafting innovative
and efficient websites.
Beyond the realm of technology, I find myself drawn to non-technical subjects, particularly the study of
international relations, along with indulging in enriching reads on crime literature. These diverse
interests provide me with a well-rounded perspective on various aspects of life and society.
Driven by a desire for positive change, I aspire to contribute meaningfully to society, leveraging my
skills and knowledge for a brighter future. Combining my technical expertise and broader interests, I
aim to explore avenues where technology and societal improvement intersect, working towards creating a
more inclusive and progressive tomorrow.
</p>
<a href="#" class="btn">More About</a>
</div>
</section>
<section class="education" id="education">
<div class="main-text">
<h2><span>Education</span></h2>
</div>
<div class="education-content">
<div class="education-box">
<h3>Walchand College of Engineering Sangli</h3>
<p>Bachelor of Technology in Information Technology</p>
<p>Year: 2021 - Present</p>
</div>
<div class="education-box">
<h3>Shriram Junior College Kada</h3>
<p>Year: 2019 - 2021</p>
<p>Completed 11th & 12th</p>
</div>
<div class="education-box">
<h3>MKV Kada</h3>
<p>Year: 2013 - 2019</p>
<p>Completed 10th</p>
</div>
</div>
</section>
<!-----------Experience Section-------------->
<section class="services" id="services">
<div class="main-text">
<h2><span>My</span> Technology Stack</h2>
</div>
<div class="services-content">
<div class="box">
<div class="s-icons">
<!-- <img src="img/sait white logo.jpeg" alt="" width="30"> -->
</div>
<h3>Course Work</h3>
<p>
<li>OS</li>
<li>DBMS</li>
<li>OOPS</li>
<li>CN</li>
</p>
<a href="#" class="btn">Read More</a>
</div>
<div class="box">
<div class="s-icons">
<!-- <img src="img/sait white logo.jpeg" alt="" width="30"> -->
</div>
<h3>Tools & Technologies</h3>
<p>
<li>Docker</li>
<li>Git</li>
<li>Linux</li>
</p>
<a href="#" class="btn">Read More</a>
</div>
<div class="box">
<div class="s-icons">
<!-- <img src="img/sait white logo.jpeg" alt="" width="30"> -->
</div>
<h3>Programming Languages</h3>
<p>
<li>C</li>
<li>CPP</li>
<li>JS</li>
</p>
<a href="#" class="btn">Read More</a>
</div>
</div>
</section>
<!-----------Portfolio Section--------------->
<section class="portfolio" id="portfolio">
<div class="main-text">
<h2><span>Latest</span> Project</h2>
</div>
<div class="portfolio-content">
<div class="row">
<img src="img/project1.jpg">
<div class="layer">
<h5>Visual Design</h5>
<p>Check out 10 best Design's updates for the top web design & development compaines.</p>
<a href="https://github.com/MiniProjectTY/CogniTextualize"> <i class='bx bx-link-external'></i></a>
</div>
</div>
<div class="row">
<img src="img/project2.jpg">
<div class="layer">
<h5>Visual Design</h5>
<p>Check out 10 best Design's updates for the top web design & development compaines.</p>
<a href="#"> <i class='bx bx-link-external'></i></a>
</div>
</div>
<div class="row">
<img src="img/project5.jpg">
<div class="layer">
<h5>Visual Design</h5>
<p>Check out 10 best Design's updates for the top web design & development compaines.</p>
<a href="#"> <i class='bx bx-link-external'></i></a>
</div>
</div>
<div class="row">
<img src="img/project6.jpg">
<div class="layer">
<h5>Visual Design</h5>
<p>Check out 10 best Design's updates for the top web design & development compaines.</p>
<a href="#"> <i class='bx bx-link-external'></i></a>
</div>
</div>
</div>
</section>
<!------------------Contact section------------>
<section class="contact" id="contact">
<div class="contact-text">
<h2>Contact <span>Me!</span></h2>
<h4>Vice President @SAIT ||THIRD YEAR INFORMATION TECHNOLOGY</h4>
<div class="list">
<li><a href="#">7218913222</a></li>
<li><a href="#">vedpathak127@gmail.com</a></li>
<li><a href="#">Like Share & Subscribe</a></li>
</div>
<div class="contact-icons">
<a href="#" class="icon-link"><i class='bx bxl-facebook'></i></a>
<a href="#" class="icon-link"><i class='bx bxl-twitter'></i></a>
<a href="https://www.instagram.com/_vedantv3_/" class="icon-link"><i class='bx bxl-instagram-alt'></i></a>
<a href="https://www.linkedin.com/in/vedant-vedpathak-b54384229/" class="icon-link"><i class='bx bxl-linkedin'></i></a>
<a href="https://github.com/vedantv3" class="icon-link"><i class='bx bxl-github'></i></a>
<a href="https://leetcode.com/vedantv3" class="icon-link"><img src="img/leetcode.png" alt="LeetCode" style="width:25px;height: 25px"></a>
</div>
</div>
<div class=" contact-form">
<form action="">
<input type="name" placeholder="Your Name " required>
<input type="email" placeholder="Your Email " required>
<input type="number" placeholder="your Mobile Number" required>
<textarea name="" id="" cols="35" rows="10" placeholder="Your Message" required></textarea>
<input type="submit" value="Send Message" class="submit" required>
</form>
</div>
</section>
<!---------End Section---------->
<section class="end">
<div class="last-text">
<p>Design By Vedant Vedpathak</p>
</div>
<div class="top">
<a href="#home"><i class='bx bx-up-arrow-alt'></i></a>
</div>
</section>
<script src="script.js"></script>
</body>
</html>