-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (169 loc) · 8.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="image" property="og:image" content="https://sanglap-halder.github.io/portfolio_website/assets/Portfolio%20img.png">
<title>Portfolio - Sanglap Halder</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<header>
<nav class="navbar">
<a href="#" class="logo">
<h3>Portfolio</h3>
</a>
<ul class="navlinks">
<li><a href="#">Home</a></li>
<li><a href="#page1">About</a></li>
<li><a href="#page2">Skills</a></li>
<li><a href="#page3">Projects</a></li>
<li><a href="#page4">Contact</a></li>
</ul>
</nav>
</header>
<section id="home">
<div class="image">
<img src="assets/dpimg.jpg" alt="Sanglap Halder img">
</div>
<div class="myDescription">
<div class="introduction">
<h3>Hey there, I'm</h3>
<h1>Sanglap Halder</h1>
<h3>I'm a <span class="autoType"></span></h3><br>
I am Frontend Web Developer expertise is to create and design websites & a Coder skilled in C++ and
C Programming language
</div>
<div class="accounts">
<a href="https://www.linkedin.com/in/sanglap-halder/" target="_blank"><img
src="assets/linkedin img.png"></a>
<a href="https://github.com/Sanglap-Halder" target="_blank"><img src="assets/github img.png"></a>
<a href="assets/facebook img.webp" target="_blank"><img
src="https://freelogopng.com/images/all_img/1657548084facebook-logo-png.png"
alt="Open Facebook"></a>
</div>
<div class="me">
<a href="#page1"><button>More About Me</button></a>
</div>
</div>
</section>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script>
var typed = new Typed(".autoType", {
strings: ["Student", "Web Developer", "Coder", "Open-source Contributor"],
typeSpeed: 100,
backSpeed: 100,
loop: true
})
</script>
<section id="page1">
<div class="about">
<h2><u>About Me</u></h2> <br>
<p>My name is Sanglap Halder, currently pursuing a Bachelor's degree in Electronics and Communication Engineering at Jalpaiguri Government Engineering College. In my academic journey, I have immersed myself in the fascinating realms of coding and web development. This journey is not just about acquiring knowledge; it is a deliberate commitment to stay at the forefront of technological advancements. Each coding project I undertake is an opportunity to exercise a unique problem-solving mindset, deriving immense satisfaction from crafting innovative and efficient solutions. Beyond the academic sphere, I actively engage in networking, connecting with fellow students, alumni, and seasoned professionals. This endeavor is not just a pursuit of connections but a strategic effort to explore new avenues and experiences. It is within these connections that I see the potential for meaningful collaborations and exponential personal growth. My ultimate goal is to seamlessly apply my evolving skills to real-world challenges. I am eager to explore diverse opportunities and collaborations, recognizing each interaction as a chance for meaningful contributions and extensive learning.</p>
</div>
<div class="cv segment">
<a href="assets/Sanglap Halder_CV.pdf" target="_blank"><button>Download CV</button></a>
</div>
<div class="education segment">
<h3><u> My Education </u></h3>
<div class="eduboxes">
<div class="edubox">
<b><u> B-Tech </u></b> <br><br>
<p>Branch: Electronics and Communication Engineering <br>
From: Jalpaiguri Government Engineering College <br>
Session: 2023 to 2027</p>
</div>
<div class="edubox">
<b><u> Higher Secondary </u></b> <br><br>
<p>Branch: Science <br>
From: Fatepur Sreenath Institution <br>
Session: 2021 to 2023</p>
</div>
</div>
</div>
</section>
<section id="page2">
<h2><u>Skills</u></h2><br>
<div class="skills">
<div class="techskills">
<h3><u> Technical Skills </u></h3><br>
<ul>
<li class="skill">
<div class="skillname" style="width: 80%;">HTML</div>
</li> <br>
<li class="skill">
<div class="skillname" style="width: 70%;">CSS</div>
</li> <br>
<li class="skill">
<div class="skillname" style="width: 50%;">C++</div>
</li> <br>
<li class="skill">
<div class="skillname" style="width: 50%;">C language</div>
</li> <br>
</ul>
</div>
<div class="softskills">
<h3><u> Soft Skills </u></h3><br>
<ul>
<li class="skill">
<div class="skillname" style="width: 80%;">Team Work</div>
</li> <br>
<li class="skill">
<div class="skillname" style="width: 35%;">Communication</div>
</li> <br>
<li class="skill">
<div class="skillname" style="width: 60%;">Creativity</div>
</li> <br>
<li class="skill">
<div class="skillname" style="width: 50%;">Problem Solving</div>
</li> <br>
</div>
</div>
</section>
<section id="page3">
<h2><u>Projects</u></h2><br>
<div class="projects">
<div class="project">
<img src="assets/TastyTraditions img.png" alt="">
<a href="https://sanglap-halder.github.io/restaurant_website/" target="_blank" class="description">
<h4>Restaurant Website</h4><br>
I have designed a cool website for a restaurant using HTML and CSS, where you can check out the
menu and stuff !
</a>
</div>
<div class="project">
<img src="assets/NETFLIX Clone img.png" alt="">
<a href="https://sanglap-halder.github.io/NETFLIX-Clone/" target="_blank" class="description">
<h4>NETFLIX Clone Website</h4><br>
Explore my website that I have made using HTML and CSS and it mirrors the look and feel of
NETFLIX !
</a>
</div>
<div class="project">
<img src="assets/Portfolio img.png" alt="">
<a href="https://sanglap-halder.github.io/portfolio_website/" target="_blank" class="description">
<h4>My Portfolio</h4><br>
Discover my Portfolio Website - a showcase of my skills, projects, and my passion for web
development, all in one place
</a>
</div>
</div>
</section>
<section id="page4">
<div class="container">
<h2>Contact Me</h2>
<form action="">
<input type="text" placeholder="Enter Your Name">
<input type="text" placeholder="Enter Your Email">
<input type="number" placeholder="Enter Your Phone No.">
<textarea name="Message" id="" cols="30" rows="10" placeholder="Type Your Message Here"></textarea>
</form>
<button onclick="window. location. reload()">Send</button>
</div>
</section>
</div>
</body>
</html>