PageSourceSearch

https://sandipanrakshit.vercel.app/about_me.html

html sandipanrakshit.vercel.app collected 2026-10-03 07:39:38 UTC 40,015 bytes, 702 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, target-densitydpi=device-dpi" />
7    <title>Sandipan Rakshit</title>
8    <link rel="icon" type="image/png" href="images/favicon.png" />
9    <link rel="stylesheet" href="css/font-awesome-pro.css" />
10    <link rel="stylesheet" href="css/bootstrap.min.css" />
11    <link rel="stylesheet" href="css/scroll_button.css" />
12    <link rel="stylesheet" href="css/plugin.css" />
13    <link rel="stylesheet" href="css/spacing.css" />
14    <link rel="stylesheet" href="css/style.css" />
15    <link rel="stylesheet" href="css/responsive.css" />
16</head>
17
18<body>
19    <!--================================
20    PRELOADER START
21=================================-->
22    <div class="preloader">
23        <svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
24        <path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
25      </svg>
26        <h5 class="preloader-text">Sandipan</h5>
27    </div>
28    <!--================================
29    PRELOADER END
30=================================-->
31    <!--================================
32        MENU START
33    =================================-->
34    <nav class="navbar navbar-expand-lg main_menu">
35        <div class="container main_menu_bg">
36            <a class="navbar-brand" href="index.html">
37          <img src="images/logo.png" alt="ZYAN" class="img-fluid w-100" />
38        </a>
39            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
40          <i class="fa-sharp fa-regular fa-bars bar_icon"></i>
41          <i class="fa-regular fa-xmark close_icon"></i>
42        </button>
43            <div class="collapse navbar-collapse" id="navbarNav">
44                <ul class="navbar-nav m-auto">
45                    <li class="nav-item">
46                        <a class="nav-link text_hover_animaiton" href="index.html">Home</a>
47                    </li>
48                    <li class="nav-item">
49                        <a class="nav-link text_hover_animaiton active" href="#">about Me</a>
50                    </li>
51                    <li class="nav-item">
52                        <a class="nav-link text_hover_animaiton" href="services.html">services</a>
53                    </li>
54                    <li class="nav-item">
55                        <a class="nav-link text_hover_animaiton" href="Projects_list.html">Projects </a>
56                    </li>
57                    <!-- <li class="nav-item">
58              <a class="nav-link text_hover_animaiton" href="./blog_list.html"
59                >blog</a>
60            </li> -->
61                    <li class="nav-item">
62                        <a class="nav-link text_hover_animaiton" href="contact.html">contact</a>
63                    </li>
64                </ul>
65                <span class="toggle_icon c-pointer" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight"><i
66              class="fa-sharp fa-sharp fa-regular fa-bars bar_icon-staggered"
67            ></i
68          ></span>
69            </div>
70        </div>
71    </nav>
72
73    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight">
74        <div class="offcanvas-header">
75            <a class="offcanvas-logo" href="index.html">
76          <img src="images/logo2.png" alt="ZAYAN" class="img-fluid w-100" />
77        </a>
78            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
79          <i class="fa-regular fa-xmark"></i>
80        </button>
81        </div>
82        <div class="offcanvas-body">
83            <div class="tf__design_form offcanvas_form">
84                <div class="offcanvas-content-box">
85                    <h4 class="offcanvas_title">About Me</h4>
86                    <p>
87                        Passionate AI engineer building intelligent and seamless digital solutions with advanced AI expertise, meticulous attention to detail, and a focus on user-centric innovation.
88                    </p>
89                </div>
90                <div class="offcanvas_contact_form">
91                    <h4 class="offcanvas_title">Get In Touch</h4>
92                    <form action="#">
93                        <input type="text" placeholder="Your Name" aria-autocomplete="list" />
94                        <input type="email" placeholder="Your Email" />
95                        <textarea rows="4" placeholder="Message"></textarea>
96                        <button type="submit" class="common_btn">submit now</button>
97                    </form>
98                </div>
99            </div>
100        </div>
101    </div>
102    <!--================================
103        MENU END
104    =================================-->
105
106    <!--================================
107        BREADCRUMB START
108    =================================-->
109    <section class="tf__breadcrumb banner" style="background: url(images/bg/breadcrumb.jpg)">
110        <div class="container">
111            <div class="row">
112                <div class="col-12">
113                    <div class="tf__breadcrum_text">
114                        <h1>About Me</h1>
115                        <ul class="page-breadcrumb">
116                            <li>
117                                <a href="index.html" class="text_hover_animaiton">Home</a>
118                            </li>
119                            <li><a href="#" class="text_hover_animaiton">About Me</a></li>
120                        </ul>
121                    </div>
122                </div>
123            </div>
124        </div>
125    </section>
126    <!--================================
127        BREADCRUMB END
128    =================================-->
129    <div class="tf__brand mt_120 xs_mt_80">
130        <div class="row">
131            <div class="col-12">
132                <div class="marquee_animi">
133                    <ul>
134                        <li>* Machine Learning</li>
135                        <li>* Deep Learning (ANN, CNN, RNN)</li>
136                        <li>* NLP</li>
137                        <li>* TensorFlow</li>
138                        <li>* JavaScript</li>
139                        <li>* React Js</li>
140                        <li>* Vue Js</li>
141                        <li>* Matplotlib</li>
142                        <li>* Keras</li>
143                        <li>* Data Preprocessing</li>
144                        <li>* Model Evaluation</li>
145                        <li>* Time Series Analysis</li>
146                        <li>* Computer Vision (OpenCV)</li>
147                        <li>* Reinforcement Learning</li>
148                        <li>* Cloud Computing (AWS, Azure)</li>
149                        <li>* SQL</li>
150                        <li>* Data Visualization (Seaborn, Plotly)</li>
151                        <li>* Jupyter Notebook</li>
152                        <li>* Tailwind</li>
153                        <li>* WordPress</li>
154                        <li>* PHP</li>
155                        <li>* Laravel</li>
156                        <li>* SQL</li>
157                    </ul>
158                </div>
159            </div>
160        </div>
161    </div>
162    <!--================================
163                SKILLS 2 START
164            =================================-->
165    <section id="skills" class="tf__skills_2 pt_115 xs_pt_75 pb_120 xs_pb_80 mt_165 xs_mt_80">
166        <div class="container">
167            <div class="row">
168                <div class="col-xl-9 col-lg-9 m-auto">
169                    <div class="tf__section_heading mb_30">
170                        <h5 class="has-animation" style="font-size: 40px;">ABOUT ME</h5>
171                        <h2 class="has-animation">
172                            Crafting Stories through Design and Imagination
173                        </h2>
174                    </div>
175                </div>
176            </div>
177
178            <div class="row">
179                <div class="col-xxl-8 col-xl-10 m-auto">
180                    <ul class="nav nav-pills mb_30" id="pills-tab" role="tablist">
181                        <li class="nav-item" role="presentation">
182                            <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">
183                Experience
184              </button>
185                        </li>
186                        <li class="nav-item" role="presentation">
187                            <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">
188                Education
189              </button>
190                        </li>
191                        <li class="nav-item" role="presentation">
192                            <button class="nav-link" id="pills-disabled-tab" data-bs-toggle="pill" data-bs-target="#pills-disabled" type="button" role="tab" aria-controls="pills-disabled" aria-selected="false">
193                Courses
194              </button>
195                        </li>
196                        <li class="nav-item" role="presentation">
197                            <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-achiv" type="button" role="tab" aria-controls="pills-achiv" aria-selected="false">
198                Achievements
199              </button>
200                        </li>
201                        <li class="nav-item" role="presentation">
202                            <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-activity" type="button" role="tab" aria-controls="pills-achiv" aria-selected="false">
203                Activities
204              </button>
205                        </li>
206                    </ul>
207                </div>
208            </div>
209            <div class="row">
210                <div class="col-12">
211                    <div class="tab-content" id="pills-tabContent">
212                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" tabindex="0">
213                            <div class="row">
214                                <div class="col-xl-6 col-lg-6">
215                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
216                                        <h3>Infosys Springboard, Mumbai</h3>
217                                        <h2>AI, Machine Learning Project Intern</h2>
218                                        <h4>2024</h4>
219                                        <p>
220                                            Cleaned data and engineered features, reducing model error by 15% and improving accuracy by 20%. 
221                                            Used pandas, numpy, and scikit-learn to analyze time series data, identifying key demand drivers, and implemented ARIMA for forecasting.
222                                        </p>
223                                        <a class="common_btn" href="https://drive.google.com/file/d/1lyKb86Gc2p26gSAcvhRxf8laRYpPGE5j/view" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
224                                        <br><br>
225                                        <div class="tf__team_skills_bar_single">
226                                            <p>Performence</p>
227                                            <div id="bar2" class="barfiller">
228                                                <div class="tipWrap">
229                                                    <span class="tip"></span>
230                                                </div>
231                                                <span class="fill" data-percentage="90"></span>
232                                            </div>
233                                        </div>
234                                    </div>
235                                </div>
236                                <div class="col-xl-6 col-lg-6">
237                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
238                                        <h3>Workstation Kolkata, India</h3>
239                                        <h2>Full-Stack Web Developer Intern</h2>
240                                        <h4>2023 - Present</h4>
241                                        <p>
242                                            Built an e-commerce website with MongoDB, ReactJS, Express, and Node.js, increasing traffic by 40% and sales conversions by 20%. 
243                                            Implemented advanced security features, reducing data breaches by 70% and boosting customer trust by 50%.
244                                        </p>
245                                        <a class="common_btn" href="https://drive.google.com/file/d/1H36f5GuMBRFud6AS0lYOCUj2A-NnPT-Y/view?usp=sharing" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
246                                        <br><br>
247                                        <div class="tf__team_skills_bar_single">
248                                            <p>Performence</p>
249                                            <div id="bar3" class="barfiller">
250                                                <div class="tipWrap">
251                                                    <span class="tip"></span>
252                                                </div>
253                                                <span class="fill" data-percentage="75"></span>
254                                            </div>
255                                        </div>
256                                    </div>
257                                </div>
258                            </div>
259                        </div>
260                        <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
261                            <div class="row education">
262                                <div class="col-xl-6 col-lg-6">
263                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
264                                        <h3>Univertsity (CSE)</h3>
265                                        <h2>MCKV Institute of Engineering</h2>
266                                        <h4>2022 - 2026</h4>
267                                        <p>
268                                            I am a Computer Science and Engineering student skilled in AI, ML, deep learning, and full-stack web development, with experience in data analysis and web technologies like React and Node.js.
269                                        </p>
270                                        
271                                        <p>
272                                            I am passionate about applying AI and ML to real-world challenges and aim to contribute to impactful technology projects.
273                                        </p>
274                                        <br>
275                                        <span style="font-size: 1.37em; color: #ffffff;">CGPA: 9.41</span>
276                                    </div>
277                                </div>
278                                <div class="col-xl-6 col-lg-6">
279                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
280                                        <h3>Intermidiate (CS)</h3>
281                                        <h2>Begampur High School</h2>
282                                        <br>
283                                        <h3>Higher Secondary in Pure Science</h3>
284                                        <p>Graduation Date: Apr 2022 </p>
285                                        <h4>Cum. Percentage: 87.2%</h4>
286                                        <br>
287                                        <h3>Secondary in Science</h3>
288                                        <p>Graduation Date: Mar 2020</p>
289                                        <h4>Cum. Percentage: 82.57%</h4>
290                                    </div>
291                                </div>
292                            </div>
293                        </div>
294                        <div class="tab-pane fade" id="pills-disabled" role="tabpanel" aria-labelledby="pills-disabled-tab" tabindex="0">
295                            <div class="row education">
296                                <div class="col-xl-6 col-lg-6">
297                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
298                                        <h3>Artificial Intelligence Fundamentals</h3>
299                                        <h2>IBM</h2>
300                                        <p>
301                                            This credential earner has foundational knowledge of AI concepts like NLP, machine learning, and AI ethics, with an understanding of running models in IBM Watson Studio. They are aware of AI applications, job prospects, and key domain skills.
302                                        </p>
303                                        <br><br>
304                                        <a class="common_btn" href="https://www.credly.com/badges/d8deb0a6-940c-481f-a39c-c0685a7ef5fe/linked_in_profile">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
305                                    </div>
306                                </div>
307                                <div class="col-xl-6 col-lg-6">
308                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
309                                        <h3>Machine Learning Specialization </h3>
310                                        <h2>IBM</h2>
311                                        <p>
312                                            Completed IBM-certified courses in Machine Learning, Exploratory Data Analysis, Deep Learning, and a Capstone, taught by experts. These programs covered advanced techniques with intensive schedules.
313                                        </p>
314                                        <br><br>
315                                        <a class="common_btn" href="https://www.coursera.org/account/accompl
315ishments/professional-cert/BU45WP5UTW5J"target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
316                                    </div>
317                                </div>
318                                <div class="col-xl-6 col-lg-6">
319                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
320                                        <h3>The Complete Web Developer Course 2.0</h3>
321                                        <h2>Infosys Springboard</h2>
322                                        <p>
323                                            Completed the "Infosys Springboard: The Complete Web Developer Course 2.0," covering front-end and back-end technologies, responsive design, and modern frameworks for building dynamic web applications.
324                                        </p>
325                                        <br><br>
326                                        <a class="common_btn" href="https://drive.google.com/file/d/1xC9vIlx7yVsK1WXPDEoy451vWyekoFQ-/view" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
327                                    </div>
328                                </div>
329                                <div class="col-xl-6 col-lg-6">
330                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
331                                        <h3>Cybersecurity Specialization</h3>
332                                        <h2>Google</h2>
333                                        <p>
334                                            Completed the Google Cybersecurity Specialization, covering key concepts in network security, threat detection, and risk management. Gained hands-on experience in securing systems, data, and infrastructure from potential cyber threats.
335                                        </p>
336                                        <br><br>
337                                        <a class="common_btn" href="https://www.coursera.org/account/accomplishments/specialization/ENSPU7DEAUJL" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
338                                    </div>
339                                </div>
340                                <div class="col-xl-6 col-lg-6">
341                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
342                                        <h3>Data Analytics Specialization </h3>
343                                        <h2>Google</h2>
344                                        <p>
345                                            Completed the Google Data Analytics Specialization, focusing on data cleaning, analysis, and visualization using tools like SQL, Excel, and Tableau. Gained practical skills in analyzing datasets to make data-driven decisions and insights.
346                                        </p>
347                                        <br><br>
348                                        <a class="common_btn" href="https://www.coursera.org/account/accomplishments/specialization/ZVTBYR5A938M" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
349                                    </div>
350                                </div>
351                                <div class="col-xl-6 col-lg-6">
352                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
353                                        <h3>Introduction to Deep Learning </h3>
354                                        <h2>Infosys Springboard</h2>
355                                        <p>
356                                            Completed the Infosys Springboard: Introduction to Deep Learning course, covering neural networks and deep learning models. Gained hands-on experience in building and training models using Python and TensorFlow.
357                                        </p>
358                                        <br><br>
359                                        <a class="common_btn" href="https://drive.google.com/file/d/1nA5OZajtANIbjcH6HyQi6yKkLkP2MiaW/view" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
360                                    </div>
361                                </div>
362                                <div class="col-xl-6 col-lg-6">
363                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
364                                        <h3>AWS Fundamentals Specialization </h3>
365                                        <h2>AWS</h2>
366                                        <p>
367                                            Completed the AWS Fundamentals Specialization, covering key concepts in cloud computing, AWS services, and architecture. Gained hands-on experience in deploying and managing applications on the AWS platform.
368                                        </p>
369                                        <br><br>
370                                        <a class="common_btn" href="https://www.coursera.org/account/accompl
370ishments/specialization/6KWCTGELJ49K" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
371                                    </div>
372                                </div>
373                                <div class="col-xl-6 col-lg-6">
374                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
375                                        <h3>The Complete ReactJs Course - Basics to Advanced</h3>
376                                        <h2>Udemy</h2>
377                                        <p>
378                                            Completed the Udemy course "The Complete ReactJs Course - Basics to Advanced," covering React fundamentals, component architecture, state management, and advanced topics. Gained hands-on experience building web applications with React.
379                                        </p>
380                                        <br><br>
381                                        <a class="common_btn" href="https://www.udemy.com/certificate/UC-74e3c66f-152f-442f-85b0-8ea2de380436/" target="_blank">View Certification<i class="fa-solid fa-arrow-down-to-line"></i></a>
382                                    </div>
383                                </div>
384                            </div>
385                        </div>
386                        <div class="tab-pane fade" id="pills-achiv" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
387                            <div class="row education">
388                                <div class="col-xl-6 col-lg-6">
389                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
390                                        <h3>Hackthons</h3>
391                                        <h4>10th sep 2024</h4>
392                                        <p>
393                                            Secured 1st position in Internal Smart India Hackathon (SIH).
394                                        </p>
395                                    </div>
396                                </div>
397                                <div class="col-xl-6 col-lg-6">
398                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
399                                        <h3>Inovative Idea Competition:</h3>
400                                        <h4>5th Aug 2023</h4>
401                                        <p>
402                                            Won Nurturing Inovation Competition hosted by MCKVIE.
403                                        </p>
404                                    </div>
405                                </div>
406                            </div>
407                        </div>
408
409                        <div class="tab-pane fade" id="pills-activity" role="tabpanel" aria-labelledby="pills-profile-tab" tabindex="0">
410                            <div class="row education">
411                                <div class="col-xl-6 col-lg-6">
412                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
413                                        <h3>The Risers Club by MCKVIE </h3>
414                                        <h4>Mar 2024 - Present</h4>
415                                        <h4>Howrah, West Bengal</h4>
416                                        <p>
417                                            Core Member of Professional Development Team.
418                                        </p>
419                                    </div>
420                                </div>
421                                <div class="col-xl-6 col-lg-6">
422                                    <div class="tf__single_skill_2 fade_bottom" data-trigerid="skills">
423                                        <h3>The Greenovation Club by MCKVIE</h3>
424                                        <h4>Feb 2024 - Present</h4>
425                                        <h4>Howrah, West Bengal</h4>
426                                        <p>
427                                            Inductive Member
428                                        </p>
429                                    </div>
430                                </div>
431                            </div>
432                        </div>
433                    </div>
434                </div>
435            </div>
436        </div>
437    </section>
438    <!--================================
439                    SKILLS 2 END
440    =================================-->
441    <!--================================
442    MY SKILLS START
443=================================-->
444<section class="tf__skills pt_115 xs_pt_75 pb_120 xs_pb_80">
445    <div class="container">
446        <div class="row">
447            <div class="col-xl-9 col-lg-9 m-auto">
448                <div class="tf__section_heading mb_50">
449                    <h5 class="has-animation" style="font-size: 45px;">Frameworks & libraries</h5>
450                    <h2 class="has-animation">
451                        I have used to build my applications.
452                    </h2>
453                </div>
454            </div>
455        </div>
456        <div class="row">
457            <div class="col-12">
458                <div class="tf__skills_grid">
459                    <!-- Row 1 -->
460                    <div class="tf__single_skill">
461                        <div class="icon bg-[#2B3147]">
462                            <img src="images/skills/html.png" alt="HTML" class="skill-icon">
463                            <h4>HTML</h4>
464                        </div>
465                    </div>
466                    <div class="tf__single_skill">
467                        <div class="icon bg-[#2B3147]">
468                            <img src="images/skills/css.png" alt="CSS" class="skill-icon">
469                            <h4>CSS</h4>
470                        </div>
471                    </div>
472                    <div class="tf__single_skill">
473                        <div class="icon bg-[#2B3147]">
474                            <img src="images/skills/git.png" alt="Git" class="skill-icon">
475                            <h4>Git</h4>
476                        </div>
477                    </div>
478                    <div class="tf__single_skill">
479                        <div class="icon bg-[#2B3147]">
480                            <img src="images/skills/javascript.png" alt="JavaScript" class="skill-icon">
481                            <h4>JavaScript</h4>
482                        </div>
483                    </div>
484                    <div class="tf__single_skill">
485                        <div class="icon bg-[#2B3147]">
486                            <img src="images/skills/typescript.png" alt="TypeScript" class="skill-icon">
487                            <h4>TypeScript</h4>
488                        </div>
489                    </div>
490
491                    <!-- Row 2 -->
492                    <div class="tf__single_skill">
493                        <div class="icon bg-[#2B3147]">
494                            <img src="images/skills/react.png" alt="React" class="skill-icon">
495                            <h4>React</h4>
496                        </div>
497                    </div>
498                    <div class="tf__single_skill">
499                        <div class="icon bg-[#2B3147]">
500                            <img src="images/skills/nextjs.png" alt="NextJS" class="skill-icon">
501                            <h4>NextJS</h4>
502                        </div>
503                    </div>
504                    <div class="tf__single_skill">
505                        <div class="icon bg-[#2B3147]">
506                            <img src="images/skills/expressjs.png" alt="ExpressJS" class="skill-icon">
507                            <h4>ExpressJS</h4>
508                        </div>
509                    </div>
510                    <div class="tf__single_skill">
511                        <div class="icon bg-[#2B3147]">
512                            <img src="images/skills/nodejs.png" alt="NodeJS" class="skill-icon">
513                            <h4>NodeJS</h4>
514                        </div>
515                    </div>
516                    <div class="tf__single_skill">
517                        <div class="icon bg-[#2B3147]">
518                            <img src="images/skills/boothstrap.png" alt="Bootstrap" class="skill-icon">
519                            <h4>Bootstrap</h4>
520                        </div>
521                    </div>
522
523                    <!-- Row 3 -->
524                    <div class="tf__single_skill">
525                        <div class="icon bg-[#2B3147]">
526                            <img src="images/skills/framer.png" alt="FramerMotion" class="skill-icon">
527                            <h4>FramerMotion</h4>
528                        </div>
529                    </div>
530                    <div class="tf__single_skill">
531                        <div class="icon bg-[#2B3147]">
532                            <img src="images/skills/tailwind.png" alt="Tailwind" class="skill-icon">
533                            <h4>Tailwind</h4>
534                        </div>
535                    </div>
536                    <div class="tf__single_skill">
537                        <div class="icon bg-[#2B3147]">
538                            <img src="images/skills/prisma.png" alt="Prisma" class="skill-icon">
539                            <h4>Prisma</h4>
540                        </div>
541                    </div>
542                    <div class="tf__single_skill">
543                        <div class="icon bg-[#2B3147]">
544                            <img src="images/skills/mongodb.png" alt="MongoDB" class="skill-icon">
545                            <h4>MongoDB</h4>
546                        </div>
547                    </div>
548                    <div class="tf__single_skill">
549                        <div class="icon bg-[#2B3147]">
550                            <img src="images/skills/postgresql.png" alt="PostgreSQL" class="skill-icon">
551                            <h4>PostgreSQL</h4>
552                        </div>
553                    </div>
554                    <div class="tf__single_skill">
555                        <div class="icon bg-[#2B3147]">
556                            <img src="images/skills/TypeScriptJSX.png" alt="TypeScriptJSX" class="skill-icon">
557                            <h4>TypeScript JSX</h4>
558                        </div>
559                    </div>
560                </div>
561            </div>
562        </div>
563    </div>
564</section>
565
566
567
568<!--================================
569    MY SKILLS END
570=================================-->
571
572    <!--================================
573        SUBSCRIBE START
574    =================================-->
575    <div class="tf__subscribe" style="background: url(images/bg/subscribe.jpg)">
576        <div class="tf__subscribe_overlay pt_115 xs_pt_75 pb_120 xs_pb_80">
577            <div class="container">
578                <div class="row">
579                    <div class="col-xl-6 col-lg-8 col-md-10 m-auto">
580                        <div class="tf__subscribe_text">
581                            <h3 class="has-animation">SUBSCRIBE MY NEWSLETTER</h3>
582                            <form action="#" class="">
583                                <input type="text" placeholder="Enter Your Email">
584                                <button type="submit" class="common_btn">Notify Now</button>
585                            </form>
586                        </div>
587                    </div>
588                </div>
589            </div>
590        </div>
591    </div>
592    <!--================================
593SUBSCRIBE END
594=================================-->
595
596    <!--================================
597        FOOTER START
598    =================================-->
599    <footer class="footer" id="footer">
600        <div class="footer-container">
601            <div class="pt_120 xs_pt_80 sm_pt_80">
602                <div class="container">
603                    <div class="row">
604                        <div class="col-lg-4">
605                            <div class="tf__footer_content fade_right" data-trigerid="footer" data-stagger=".25">
606                                <div class="icon">
607                                    <div class="icon-contianer">
608                                        <img src="svg/map.svg" alt="footer" class="img-fluid w-100 svg">
609                                    </div>
610                                </div>
611                                <div class="text">
612                                    <h3>Address</h3>
613                                    <a href="https://maps.app.goo.gl/8eV8T3WfSWHbJCnt6" target="_blank">Begampur, Hooghly, West Bengal</a>
614                                </div>
615                            </div>
616                        </div>
617                        <div class="col-lg-4">
618                            <div class="tf__footer_content fade_right" data-trigerid="footer" data-stagger=".25">
619                                <div class="icon">
620                                    <div class="icon-contianer">
621                                        <img src="svg/phone.svg" alt="footer" class="img-fluid w-100 svg">
622                                    </div>
623                                </div>
624                                <div class="text">
625                                    <h3>Lets talk us</h3>
626                                    <a href="tel:+919903304664" target="_blank">+91 9903304664</a>
627                                </div>
628                            </div>
629                        </div>
630                        <div class="col-lg-4">
631                            <div class="tf__footer_content fade_right" data-trigerid="footer" data-stagger=".25">
632                                <div class="icon">
633                                    <div class="icon-contianer">
634                                        <img src="svg/envelope.svg" alt="footer" class="img-fluid w-100 svg">
635                                    </div>
636                                </div>
637                                <div class="text">
638                                    <h3>Send us email</h3>
639                                    <a href="mailto:[email protected]" target="_blank">[email protected]</a>
640                                </div>
641                            </div>
642                        </div>
643                    </div>
644                    <div class="row">
645                        <div class="col-12">
646                            <div class="tf__footer_copyright">
647                                <p>© 2024 | All Rights Reserved | Managed by <a href="https://www.linkedin.com/in/sandipan-rakshit/" target="_blank">Sandipan Rakshit</a></p>
648                                <ul>
649                                    <li>
650                                        <a href="https://github.com/sandipanrakshit34" class="text_hover_animaiton" target="_blank">GitHub</a>
651                                    </li>
652                                    <li>
653                                        <a href="https://www.linkedin.com/in/sandipan-rakshit/" class="text_hover_animaiton" target="_blank">LinkedIn</a>
654                                    </li>
655                                    <li>
656                                        <a href="https://www.instagram.com/sandipan_rakshit_/" class="text_hover_animaiton" target="_blank">Instagram</a>
657                                    </li>
658                                </ul>
659                            </div>
660                        </div>
661                    </div>
662                </div>
663            </div>
664        </div>
665    </footer>
666    <!--================================
667        FOOTER END
668=================================-->
669    <!--================================
670        SCROLL BUTTON START
671    =================================-->
672    <div class="progress active c-pointer">
673        <svg class="progress-svg" width="100%" height="100%" viewbox="-1 -1 102 102">
674      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
675    </svg>
676    </div>
677    <!--================================
678        SCROLL BUTTON END
679    =================================-->
680
681    <!--================================
682        CURSOR START
683    =================================-->
684    <div id="magic-cursor">
685        <div id="ball"></div>
686    </div>
687    <!--================================
688        CURSOR END
689    =================================-->
690
691    
691<script src="js/plugin.js"></script>
691
692    <!--scroll button js-->
693    
693<script src="js/scroll_button.js"></script>
693
694    <!--sticky sidebar js-->
695    
695<script src="js/sticky_sidebar.js"></script>
695
696    <!-- Animation -->
697    
697<script src="js/animation.js"></script>
697
698    <!--main/custom js-->
699    
699<script src="js/main.js"></script>
699
700</body>
701
702</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.