<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:type" content="Website" />
<meta name="image" property="og:image" content="https://github.com/srijit-ops.png" />
<meta name="description" property="og:description" content="Hi, I'm Srijita, always madly craving for learning new emerging technologies and building real-world applications. I’m interested in Front-end Development and coding. I'm currently learning to eat, sleep, code and repeat!..." />
<meta name="author" content="Srijita Sengupta" />
<title>Srijita Sengupta Portfolio</title>
<link rel="stylesheet" href="style.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link
href="https://fonts.googleapis.com/css2?family=Aclonica&family=Shizuru&family=Raleway&family=Lemonada&family=Poppins&family=Sacramento&family=Acme&family=Oswald&family=Cinzel&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
</head>
<body>
<!--navbar started-->
<nav id="navbar" class="my-nav">
<div class="name">Srijita Sengupta.</div>
<div class="nav-icon" onclick="navController()">
<div id="bar-icon" class="bars">
</div>
</div>
</nav>
<div id="film" class="navbar_flim">
<div class="links">
<a href="#home" class="link" onclick="navController()">
<span class="link_anim">Home</span>
</a>
<a href="#about" class="link" onclick="navController()">
<span class="link_anim">About</span>
</a>
<a href="#skillid" class="link" onclick="navController()">
<span class="link_anim">Skills</span>
</a>
<a href="#projectid" class="link" onclick="navController()">
<span class="link_anim">
Projects
</span>
</a>
<a href="#contactid" class="link" onclick="navController()">
<span class="link_anim">Contact</span>
</a>
</div>
</div>
<!--navbar ended-->
<!--about section started-->
<section id="home">
<div class="about-main-div">
<div class="about-text">
<h1><span class="heading">Hello!</span></h1><br><br>
<h2>I'm Srijita Sengupta.</h2>
<div class="typedjs"><span id="element"></span></div>
<a href="/assets/Srijita Sengupta Resume.pdf" download="Srijita Sengupta Resume"
class="button"><i class="far fa-arrow-alt-circle-down"></i>Download Resume</a>
</div>
<div class="image">
<img src="./assets/Srijita.jpg" alt="srijia-image">
</div>
</div>
</section>
<!--about section ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">01</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--about me section started-->
<section class="about_me alternate-sec" id="about">
<div class="upper1">
<h1><span class="heading">About</span> Me</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="lower1 alternate">
<div class="pic">
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_vnikrcia.json"
background="transparent" speed="1" loop autoplay></lottie-player>
</div>
<div class="about">
<div class="about_text">
Hi, I'm Srijita, a techgeek, passionate about web development and programming. I'm always madly craving for learning new emerging technologies and building real-world
applications. Yeah, got it right! I'm just a regular out of the box developer who knows the subtle art of not giving a bug...<br> <span class="about-span" style="background-color: #17171B;
color: gold;
font-size: 17px;
line-height: 1.7;
font-family: Lemonada, cursive;
text-align: center;
position: relative;
font-weight: 700;">Interesting huh?! Let's connect.</span>
</div>
</div>
</div>
</section>
<!--about me section ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">02</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--Qualification sec started-->
<section class="qualification alternate-sec">
<div class="upper1">
<h1><span class="heading">Quali</span>fication</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="lower1 lower2">
<!--<div class="qualification_pic">
<img src="education.svg" height="350px" width="350px"></img>
</div>-->
<div class="timeline">
<div class="timeline_item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<h1>B.Tech in Electronics and Communication Engineering (Pursuing)</h1>
<p>
<span class="year">2020-2024</span><br><br>
Bengal Institute of Technology (BIT) <br><br>
Board - M.A.K.A.U.T<br><br>
YGPA - 9.09
</p>
</div>
<div class="timeline_item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<h1>Higher Secondary</h1>
<p>
<span class="year">2020</span> <br><br>
Dum Dum Baidyanath Institution <br><br>
Board - W.B.C.H.S.E<br><br>
Percentage - 87.4%
</p>
</div>
<div class="timeline_item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<h1>Secondary</h1>
<p>
<span class="year">2018</span><br><br>
Dum Dum Baidyanath Institution for Girls'<br><br>
Board - W.B.B.S.E<br><br>
Percentage - 94.71%
</p>
</div>
</div>
</div>
</section>
<!--Qualification sec ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">03</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--skills sec started-->
<section class="skills_sec alternate-sec" id="skillid">
<div class="upper1 skill-id">
<h1><span class="heading">My</span> Skills</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="skill-container" data-aos="fade-up" data-aos-easing="linear">
<div class="skill-heading">
<i class="fas fa-laptop-code"></i>
<h1>Scripting</h1>
</div>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11 ">
<i class="fab fa-html5"></i>
HTML
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative ">
<i class="fab fa-css3"></i>
CSS
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternate-skill">
<i class="fab fa-js-square"></i>
Javascript
<span></span><span></span><span></span><span></span>
</div>
</div>
</div>
<div class="skill-container" data-aos="fade-up" data-aos-easing="linear">
<div class="skill-heading">
<i class="fas fa-laptop-code"></i>
<h1>Libraries</h1>
</div>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11 ">
<i class="fab fa-bootstrap"></i>
Bootstrap
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative">
<i class="fab fa-react"></i>
React JS
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative">
Redux
<span></span><span></span><span></span><span></span>
</div>
</div>
</div>
<div class="skill-container" data-aos="fade-up" data-aos-easing="linear">
<div class="skill-heading">
<i class="fas fa-laptop-code"></i>
<h1>Frameworks</h1>
</div>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11 ">
React Native
<span></span><span></span><span></span><span></span>
</div>
</div>
</div>
<div class="skill-container" data-aos="fade-up" data-aos-easing="linear">
<div class="skill-heading">
<i class="fas fa-laptop-code"></i>
<h1>Tools</h1>
</div>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11 ">
<i class="fab fa-github"></i>
Github
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative">
<i class="fab fa-git-alt"></i>
Git
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternate-skill">
<i class="fas fa-code"></i>
Netlify
<span></span><span></span><span></span><span></span>
</div>
</div>
</div>
<div class="skill-container" data-aos="fade-up" data-aos-easing="linear">
<div class="skill-heading">
<i class="fas fa-laptop-code"></i>
<h1>Graphics</h1>
</div>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11 ">
<i class="fas fa-code"></i>
Photoshop
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative">
<i class="fab fa-figma"></i>
Figma
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternate-skill">
<i class="fas fa-code"></i>
Sketchbook
<span></span><span></span><span></span><span></span>
</div>
</div>
</div>
<div class="skill-container" data-aos="fade-up" data-aos-easing="linear">
<div class="skill-heading">
<i class="fas fa-laptop-code"></i>
<h1>Miscellaneous</h1>
</div>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11 ">
<i class="fab fa-cuttlefish"></i>
C
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative ">
<i class="fab fa-python"></i>
Python
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative ">
C++
<span></span><span></span><span></span><span></span>
</div>
</div>
</div>
<div class="skill-container" data-aos="fade-up" data-aos-easing="linear">
<div class="skill-heading">
<i class="fas fa-laptop-code"></i>
<h1>Animations</h1>
</div>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11 ">
<i class="fas fa-code"></i>
AOS
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative">
<i class="fas fa-code"></i>
Lottie Player
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternate-skill">
<i class="fas fa-code"></i>
AnimeJs
<span></span><span></span><span></span><span></span>
</div>
</div>
<br><br><br><br><br>
<div class="skills-info">
<div class="skill-name btn btn-5 hover-border-11">
<i class="fas fa-code"></i>
BarbaJs
<span></span><span></span><span></span><span></span>
</div>
<div class="skill-name btn btn-5 hover-border-11 alternative">
<i class="fas fa-code"></i>
FullPageJs
<span></span><span></span><span></span><span></span>
</div>
</div>
</div>
</section>
<!--skills sec ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">04</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--projects sec started-->
<section class="projects_sec alternate-sec" id="projectid">
<div class="upper1">
<h1><span class="heading">Pro</span>jects</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="project_row_1" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<figure class="project_card alter-project">
<img class="project-img" src="https://reactjsexample.com/content/images/2020/04/WEATHER-APP.png">
<figcaption class="figurecap">
<div class="captionbox">
<h2>Weather Forecaster</h2>
<a href="https://github.com/srijit-ops/Weather-Forecaster" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
<div class="project-detail">
<p>Check out current and hourly weather forecasts and their graphical representation of any location.</p>
<div class="tech-stack">
<img src="/assets/html2.svg"></img>
<img src="/assets/icons8-bootstrap.svg"></img>
<img src="/assets/react.svg" ></img>
</div>
</div>
</figcaption>
</figure>
<figure class="project_card">
<img class="project-img" src="https://www.amitree.com/wp-content/uploads/2021/12/what-is-a-task-tracker-and-why-you-need-one.jpeg">
<figcaption class="figurecap">
<div class="captionbox">
<h2>Task Tracker</h2>
<a href="https://github.com/srijit-ops/React-Task-Tracker" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
<div class="project-detail">
<p>Manage your daily tasks with this in most effective way. </p>
<div class="tech-stack">
<img src="/assets/html2.svg"></img>
<img src="/assets/icons8-bootstrap.svg"></img>
<img src="/assets/react.svg" ></img>
</div>
</div>
</figcaption>
</figure>
</div>
<div class="project_row_1" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<figure class="project_card alter-project">
<img class="project-img" src="https://cdn.freebiesupply.com/images/large/1x/adobe-xd-design-website-app-u36.jpg">
<figcaption class="figurecap">
<div class="captionbox">
<h2>Melodify</h2>
<a href="https://github.com/srijit-ops/Melodify" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
<div class="project-detail">
<p>An extraordiary music player with so many user facing features.</p>
<div class="tech-stack">
<img src="/assets/html2.svg"></img>
<img src="/assets/icons8-bootstrap.svg"></img>
<img src="/assets/js.svg"></img>
</div>
</div>
</figcaption>
</figure>
<figure class="project_card">
<img class="project-img" src="https://entrackr.com/storage/2022/09/Netflix.jpg">
<figcaption class="figurecap">
<div class="captionbox">
<h2>Netflix Clone</h2>
<a href="https://github.com/srijit-ops/Netflix-Clone" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
<div class="project-detail">
<p>Netflix clone made with React JS which can show tarilers from YouTube.</p>
<div class="tech-stack">
<img src="/assets/html2.svg"></img>
<img src="/assets/icons8-bootstrap.svg"></img>
<img src="/assets/react.svg" ></img>
</div>
</div>
</figcaption>
</figure>
</div>
</section>
<!--projects sec ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">05</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--work experience sec started-->
<section class="work_sec alternate-sec">
<div class="upper1">
<h1><span class="heading">Work</span> Experience</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="lower1 lower2 work-lower">
<div class="timeline">
<div class="timeline_item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<h1>Frontend Developer & Designer Intern</h1>
<p>
<a href="https://freeflow.zone/" target="_blank"><span class="place">Freeflow Ventures Pvt. Ltd.</span></a><br><br>
<span class="year">March, 2023 - Present</span><br><br><br>
<ul>
<li>Created designs & prototypes for an event management app & it’s admin
panel, a debate management platform incl. audience, host, speakers
screens & admin panel, a bike & cab booking app incl. drivers &
customers screens in Figma.<br><br></li>
<li>Developed the UI of the debate management platform using ReactJS.<br><br></li>
<li>Developed the UI and implemented various functionalities in their official
venture building platform using ReactJS and integrated provided APIs.</li>
</ul>
</p>
</div>
<div class="timeline_item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<h1>Frontend Developer Intern</h1>
<p>
<a href="" target="_blank"><span class="place">OkayG Softwares LLP</span></a><br><br>
<span class="year">May, 2022 - August, 2022</span><br><br><br>
<ul>
<li>Creating responsive and user engaging websites.<br><br></li>
<li>Ensuring website function and stability across devices (desktop, mobile, and tablet)<br><br></li>
<li>Optimizing sites for maximum speed and scalability.</li>
</ul>
</p>
</div>
<div class="timeline_item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<h1>Technical Writting Intern</h1>
<p>
<a href="https://www.doorstepdelhi.com/" target="_blank"><span class="place">Doorstep
Delhi</span></a><br><br>
<span class="year">May, 2021 - August, 2021</span><br><br><br>
<ul>
<li>Building projects using Python, Machine Learning and Data Science.<br><br></li>
<li>Brainstorming and creating tech blogs related to the projects.</li>
</ul>
</p>
</div>
</div>
</div>
</section>
<!--work experience sec ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">06</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--Volunteering sec start-->
<section class="volunteer_sec alternate-sec">
<div class="upper1">
<h1><span class="heading">Volunteer</span> Experience</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="lower1 lower2 work-lower">
<div class="timeline">
<div class="timeline_item" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<h1>Core Committee Member</h1>
<p>
<a href="https://m.facebook.com/hackiton/" target="_blank"><span class="place">Hack-IT-On (
Official tech club of BIT )</span></a><br><br>
<span class="year">November, 2021 - Present</span><br><br><br>
<ul>
<li>Responsibilies</li>
</ul>
</p>
</div>
</div>
</div>
</section>
<!--Volunteering sec end-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">07</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--testimonial started-->
<section class="testimonial_sec alternate-sec">
<div class="upper1">
<h1><span class="heading">Testi</span>monials</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
</section>
<section class="t-bq-section" id="paul">
<div class="t-bq-wrapper t-bq-wrapper-boxed" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="1000">
<div class="t-bq-quote t-bq-quote-paul">
<div class="t-bq-quote-paul-userpic"></div>
<div class="t-bq-quote-paul-qmark">
❝
</div>
<div class="t-bq-quote-paul-pattern">
</div>
<div class="t-bq-quote-paul-base">
<blockquote class="t-bq-quote-paul-text" cite="Strugatsky Brothers">
Srijita has done internship technical content writer in doorstepdelhi. She has attitude of never
giving up.
She will definitely be an asset for the company she would join.
</blockquote>
<div class="t-bq-quote-paul-meta">
<div class="t-bq-quote-paul-meta-info">
<div class="t-bq-quote-paul-author"><cite>Parveen Kumar</cite></div>
<div class="t-bq-quote-paul-source"><span style="background: transparent;">ODI Associate
Consultant</span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--testimonial ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">08</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--personal info sec started-->
<section class="personal_info_sec alternate-sec" id="contactid">
<div class="upper1">
<h1><span class="heading">Personal</span> Details</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="lower-cards">
<div class="per-card">
<div class="card-info">
<h2>Location</h2>
<p>Dum Dum, Kolkata, India</p>
</div>
<div class="card-icon">
<img src="./assets/location final.svg"></img>
</div>
</div>
<div class="per-card">
<div class="card-info">
<h2>E-mail</h2>
<p>srijitasengupta23
<br>@gmail.com
</p>
</div>
<div class="card-icon">
<img src="./assets/mail.svg"></img>
</div>
</div>
<div class="per-card">
<div class="card-info">
<h2>Call me</h2>
<p>+91 8910896623</p>
</div>
<div class="card-icon">
<img src="./assets/education.svg"></img>
</div>
</div>
</div>
</section>
<!--personal info sec ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">09</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--get in touch sec started-->
<section class="get_in_touch_sec alternate-sec">
<div class="upper1">
<h1><span class="heading">Get In</span> Touch</h1>
<div class="underlines">
<span class="line1"></span>
<span class="line2"></span>
</div>
</div>
<div class="row">
<div class="left-col">
<lottie-player src="https://assets7.lottiefiles.com/packages/lf20_nm72n8yj.json"
background="transparent" speed="1" loop autoplay></lottie-player>
<!--<div class="info">
<h3>When we talk we move!</h3>
<p>So, let's talk about everything 👋</p>
</div>-->
</div>
<div class="right-col">
<form name="contact-form" method="POST" data-netlify="true">
<input type="text" name="name" id="name" placeholder="NAME">
<input type="text" id="phone" name="phone" placeholder="PHONE">
<input type="text" id="email" name="email" placeholder="EMAIL">
<textarea id="msg" rows="3" name="msg" placeholder="MESSEGE"></textarea>
<button class="btn btn-2 hover-slide-down" type="submit">
<span>SEND</span>
</button>
</form>
</div>
</div>
</section>
<!--get in touch sec ended-->
<!--numbering started-->
<div class="numbering_container">
<span class="numbers">10</span>
</div>
<!--numbering ended-->
<!--animated line divider started-->
<div class="who-am-i">
<div class="line">
<div class="leftgap"></div>
<div class="line-and-para">
<span class="animated-line"></span>
</div>
</div>
</div>
<!--animated line divider ended-->
<!--let's create sec started-->
<section class="let_create_sec alternate-sec">
<div class="let_create_container">
<div class="left-text">
<h1 class="create-heading"><span>LET'S CREATE</span></h1>
</div>
<div class="create-svg">
<i class="far fa-arrow-alt-circle-right"></i>
</div>
</div>
</section>
<!--let's create sec ended-->
<!--footer started-->
<section class="footer">
<div class="social_links">
<!-- <a href="">
<i class="fab fa-facebook"></i>
</a>
<a href="">
<i class="fab fa-instagram"></i>
</a>-->
<a href="https://www.linkedin.com/in/srijita-sengupta-0561a81b5/" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/srijit-ops" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
<div class="footer-info">
<p>@Copyright<span style="color: goldenrod;font-family: 'Sacramento', cursive;
font-weight: 700;
"> Srijita </span>. Designed with <span class="love">❤</span></p>
</div>
</section>
<!--footer ended-->
</body>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="app.js"></script>
</body>
</html>