-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
257 lines (242 loc) · 10.5 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
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
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="./favicon_io_kunal/Profile_1.png">
</head>
<body onload="myFunction()">
<!--Preloader Starting-->
<div id="preloader">
</div>
<!--Preloader ends here!-->
<!-- in this section we are going to see how we can make a navigation bar -->
<nav class="navbar">
<div class="container">
<div class="navbar-inner">
<div class="burger">
<i class="fa-solid fa-burger menu-btn"></i>
</div>
<div class="navbar-item close">
<li><a href="#home" class="active">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</div>
</div>
</div>
</nav>
<!-- this is end of nav bar -->
<!-- Home Section tag -->
<section class="section home" id="home">
<div class="container">
<div class="home-inner">
<div class="profile">
<img
src="Profile.jpg"
alt="This is Profile Image"
class="shadow-dark"
/>
</div>
<div class="introduction">
<h3>Hi! I'm Kunal Pal</h3>
<div class="social-media">
<a
href="https://www.linkedin.com/in/kunal-pal-bb0220235/"
target="_blank"
class="social"
><i class="fa-brands fa-linkedin" aria-hidden="true"></i
></a>
<a
href="https://www.instagram.com/kunal_pal_3690/"
target="_blank"
class="social"
><i class="fa-brands fa-instagram" aria-hidden="true"></i
></a>
<a
href="https://www.youtube.com/channel/UC4u38cEgiJzo8D5GEZgn2lA"
target="_blank"
class="social"
><i class="fa-brands fa-youtube" aria-hidden="true"></i
></a>
<a
href="https://twitter.com/Kunalpal7981"
target="_blank"
class="social"
><i class="fa-brands fa-x-twitter" aria-hidden="true"></i
></a>
<a
href="https://github.com/kunalpal97"
target="_blank"
class="social"
><i class="fa-brands fa-github" aria-hidden="true"></i
></a>
</div>
<br />
<a href="./Kunal_Pal_Resume.pdf" class="resume" target="_blank"
>Download Resume</a
>
</div>
</div>
</div>
</section>
<!-- End of Home Section tag -->
<!-- About section -->
<section class="section" id="about">
<div class="container">
<h3 class="subtitle">About Me</h3>
<div class="about-inner">
<div class="about-content">
<p>
Hey, I'm Kunal, a Fourth-year Information Technology student at
Vivekanand Education Society Institute of Technology. I'm
passionate about Frontend Development and proficient in C++, C,
Java, HTML, CSS, and JavaScript. I'm expanding my skills in
React.js, Node.js, and MongoDB.
</p>
<p>
I've dipped my toes into design using Figma and have some
experience with Data Structures and Algorithms. I enjoy coding on
platforms like LeetCode, CodeStudio, and HackerRank. Beyond that,
I'm eager to explore Data Science and AI/ML fields.
</p>
<p>
While my main focus is on web development and competitive
programming, I also find joy in playing cricket, traveling, and
singing. I'm driven by a curiosity that fuels continuous learning
and growth in the ever-evolving field of Information Technology
</p>
</div>
<div class="skills shadow-dark">
<ul>
<li class="html">HTML</li>
<li class="css">CSS</li>
<li class="JavaScript">JavaScript</li>
<li class="C">C Language</li>
<li class="Cplus">C++</li>
<li class="Java">Java</li>
<li class="Python">Python</li>
<li class="react">React Js</li>
<li class="design">UI/UX - Design</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End of About Section -->
<!--Experience Section Stating-->
<section class="section" id="experience">
<div class="container">
<h3 class="subtitle">Experience</h3>
<div class="experience-inner">
<!--This is First section of Image 1st experience-->
<div class="frame">
<a href="https://www.figma.com/files/team/1397202660580177046/project/257729521/Team-project?fuid=1276240230420276288" target="_blank">
<div class="gallery shadow-dark">
<img class="exp" src="./images/Website Design.jpg" alt="UI/UX Design"/>
<div class="description">Created My own 3-4 Figma Design.</div>
</div>
</a>
</div>
<!--This is the second image of experience-->
<div class="frame">
<a href="https://kunalpal97.github.io/Frontend-Project/" target="_blank">
<div class="gallery shadow-dark">
<img class="exp" src="./images/Frontend_Developer.jpg" alt="Fronted Web Development"/>
<div class="description"> Experience on Frontend Web Development. </div>
</div>
</a>
</div>
<!--This is the third image of experience-->
<div class="frame">
<a href="https://leetcode.com/kunalpal9712/" target="_blank">
<div class="gallery shadow-dark">
<img class="exp" src="./images/Coding.jpg" alt="Coding Question" />
<div class="description">Solved atleast 120+ DSA Question.</div>
</div>
</a>
</div>
<!--This is the fourth image of experience-->
<div class="frame">
<a href="https://drive.google.com/drive/folders/1CjWzqBvINLZuvnQsLN-VCpwqXnE2-eEs?usp=sharing" target="_blank">
<div class="gallery shadow-dark">
<img class="exp" src="./images/Full fleg Website.jpg" alt="Full fledged development"/>
<div class="description">Created My Own News Website Called "Newsify" </div>
</div>
</a>
</div>
</div>
</div>
</section>
<!--Experience Section Ended-->
<!--Portfolio Section Stating-->
<section class="section" id="portfolio">
<div class="container">
<h3 class="subtitle">Portfolio</h3>
<div class="portfolio-inner">
<!--This is First section of Image 1st experience-->
<div class="frame">
<a href="https://github.com/kunalpal97" target="_blank">
<div class="gallery shadow-dark">
<img class="exp" src="./images/Website Designing.jpg" alt="I love to code"/>
<div class="description">I Have create a many small Projects.</div>
</div>
</a>
</div>
<!--This is the second image of experience-->
<div class="frame">
<div class="gallery shadow-dark">
<img class="exp"src="./images/Learner.jpg" alt="Learner"/>
<div class="description">I love learning new things every day.</div>
</div>
</div>
<!--This is the third image of experience-->
<div class="frame">
<div class="gallery shadow-dark">
<img class="exp" src="./images/intractive.jpg" alt="Interact with people" />
<div class="description">I love meeting new people, working together, and learning from each other .</div>
</div>
</div>
<!--This is the fourth image of experience-->
<div class="frame">
<a href="https://drive.google.com/drive/folders/1qsbmTshvATSmDJy2DHAINL2Zng_auMoV?usp=sharing" target="_blank">
<div class="gallery shadow-dark">
<img class="exp" src="./images/photography.jpg" alt="Photography"/>
<div class="description">I am passionate about and have a deep love for photography.</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!--portfolio Section Ended-->
<!-- contact section started -->
<section class="section" id="contact">
<div class="container">
<h3 class="subtitle">Contact Me</h3>
<iframe name="hidden_iframe" id="hidden_iframe" style="display: none;" onload="if(submitted) { resetForm(); }"></iframe>
<form class="contact-form shadow-dark" id="contact-form" action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSeYnQg1VgupWAimmn2DpZjZc05PvcLtw389KidfySjhKBixsA/formResponse" method="post" target="hidden_iframe" role="form" onsubmit="submitted=true; return validateForm();">
<div class="input-fields">
<input type="text" required class="input" id="name" name="entry.219726138" placeholder="Enter your Name">
<input type="email" required class="input" id="email" name="entry.1728897036" placeholder="Email I'd">
<input type="text" required class="input" id="subject" name="entry.332399147" placeholder="Subject">
</div>
<div class="msg">
<textarea required placeholder="Message" id="message" name="entry.1671515099"></textarea>
<button type="submit" name="submit" class="btn">Send</button>
<div id="success" style="color: rgb(0,0,255)"></div>
</div>
</form>
</div>
</section>
<!-- contact section Ended -->
<!--Copy right section-->
<div class="copyright">
© Kunal Pal 2024
</div>
<script src="script.js"></script>
</body>
</html>