-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (32 loc) · 21.8 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
<!DOCTYPE html><html data-wf-domain="sans-bhatia.webflow.io" data-wf-page="613116c6178a96df9dfb4858" data-wf-site="613116c6178a967c70fb4853" data-wf-status="1" lang="en-US"><head><meta charset="utf-8"/><title>Sans Bhatia | Computer Science</title><meta content="Sans Bhatia is an international student majoring in Computer Science at Yonsei University in Seoul, South Korea" name="description"/><meta content="Sans Bhatia | Computer Science" property="og:title"/><meta content="Sans Bhatia is an international student majoring in Computer Science at Yonsei University in Seoul, South Korea" property="og:description"/><meta content="Sans Bhatia | Computer Science" property="twitter:title"/><meta content="Sans Bhatia is an international student majoring in Computer Science at Yonsei University in Seoul, South Korea" property="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="style.css" rel="stylesheet" type="text/css"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Droid Serif:400,400italic,700,700italic","Inter:regular,500,600,700,800,900"] }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a961655fb4866_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a96034bfb4867_webclip.png" rel="apple-touch-icon"/><!-- font smoothing -->
<style>
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
<style>
::selection {background: #E2CFCF;}
</style></head><body class="body"><div style="display:none;opacity:0" class="preloader"><div class="c-load_ring-contain"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/61510768c7b387904668a515_load-ring.svg" loading="lazy" alt="aaa" class="c-load_ring"/></div><div style="opacity:1" class="preloader-text"><div class="preloader-text-wrap"><div style="-webkit-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(null) rotateZ(30deg) skew(0, 0);-moz-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(null) rotateZ(30deg) skew(0, 0);-ms-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(null) rotateZ(30deg) skew(0, 0);transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(null) rotateZ(30deg) skew(0, 0);opacity:0;transform-style:preserve-3d" class="display-xl preload-text-top">Sans</div></div><div class="preloader-line-wrap"><div class="line-wrap"><div style="width:0%;opacity:0" class="line-wrap-inner"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a96170efb486e_Line.svg" height="32" width="232" alt="" class="line"/></div></div><div class="preloader-text-wrap btm"><div style="-webkit-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(30deg) skew(0, 0);-moz-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(30deg) skew(0, 0);-ms-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(30deg) skew(0, 0);transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(30deg) skew(0, 0);opacity:0;transform-style:preserve-3d" class="display-xl preload-text-btm">Bhatia</div></div></div></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a96780bfb4865_light-accent-compressed.png" loading="lazy" alt="Light accent image" class="image-12"/></div><div style="opacity:0" class="page-wrap"><div data-collapse="all" data-animation="default" data-duration="400" id="top-nav" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav"><div class="container"><div class="row row-justify-between"><div class="logo"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a96f2fefb486c_Star.svg" height="32" width="32" alt="Star icon" class="logo-icon"/><div class="text-xl text-medium">Sans Bhatia</div></div><div><a href="mailto:[email protected]" class="btn mobile-display-none w-inline-block"><div>Email me: [email protected]</div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a></div></div></div></div><header class="header"><section class="section"><div class="container"><div class="row row-header"><div class="content"><div data-w-id="42c14611-cdd6-5bc2-5de8-815240eb5e83" style="opacity:0;-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="row mb-16"><div class="btn-icon-l w-embed"><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M17.5 8.83334C17.5 14.6667 10 19.6667 10 19.6667C10 19.6667 2.5 14.6667 2.5 8.83334C2.5 6.84422 3.29018 4.93656 4.6967 3.53004C6.10322 2.12352 8.01088 1.33334 10 1.33334C11.9891 1.33334 13.8968 2.12352 15.3033 3.53004C16.7098 4.93656 17.5 6.84422 17.5 8.83334Z" stroke="currentColor" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 11.3333C11.3807 11.3333 12.5 10.2141 12.5 8.83334C12.5 7.45263 11.3807 6.33334 10 6.33334C8.61929 6.33334 7.5 7.45263 7.5 8.83334C7.5 10.2141 8.61929 11.3333 10 11.3333Z" stroke="#101828" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="20" height="20" fill="white" transform="translate(0 0.5)"/>
</clipPath>
</defs>
</svg></div><div class="text-medium">Seoul, South Korea</div></div><div class="header-text-wrap"><h1 data-w-id="d685cc5e-f1ee-57aa-a155-f4c8acf9f1a2" style="-webkit-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);-moz-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);-ms-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);transform-style:preserve-3d;opacity:0" class="display-2xl mb-0">Hello,</h1></div><div class="header-text-wrap btm"><h1 data-w-id="42b5e38c-626e-2adc-70e5-e25a59703532" style="-webkit-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);-moz-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);-ms-transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);transform:translate3d(0, 150%, 0) scale3d(1, 1, 1) rotateX(90deg) rotateY(0) rotateZ(15deg) skew(0, 0);transform-style:preserve-3d;opacity:0" class="display-2xl mb-0">I am<strong> Sans.</strong></h1></div><div class="row-btns"><a data-w-id="f0fc0955-bf2c-8653-e972-e27c9ee4ea71" style="-webkit-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://github.com/raspberrysans/" target="_blank" class="btn w-inline-block"><div><strong>GitHub</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a data-w-id="c92af1c7-f48a-370a-96d8-1f3338c7621e" style="-webkit-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://www.linkedin.com/in/sans-bhatia-41818a212/" target="_blank" class="btn w-inline-block"><div><strong>LinkedIn</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a href="https://drive.google.com/file/d/1v5osbUiBBs79ScF1iDPOe5_53HcWC5RU/view" target="_blank" class="btn w-inline-block"><div><strong>Resume</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a href="https://www.youtube.com/channel/UC11rT-5FwqUB64nGWe3DuiQ" target="_blank" class="btn w-inline-block"><div><strong>YouTube</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a></div></div><div class="div-block-9"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a96780bfb4865_light-accent-compressed.png" loading="lazy" alt="Light accent image" class="image-12"/><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613337369fd8be3b55fe9ede_rotating.gif" loading="lazy" data-w-id="5807fcca-c508-ed39-5a39-12b0d0674334" alt="alt gif" class="image-6"/></div><div id="w-node-_09dcf5cd-5d03-be30-de4c-683d5344cc70-9dfb4858"><div class="hero-img-content"><div class="w-embed"><style>
#image-light-accent {
pointer-events: none;
}
</style></div><div class="hero-image-wrap"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116f0a21fc8232d6d68cb_IMG_6855.JPG" data-w-id="426992de-ad82-7d88-b0fb-f87ed3516942" width="1120" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.2, 1.2, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" srcset="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116f0a21fc8232d6d68cb_IMG_6855-p-1080.jpeg 1080w, https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116f0a21fc8232d6d68cb_IMG_6855-p-1600.jpeg 1600w, https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116f0a21fc8232d6d68cb_IMG_6855.JPG 1661w" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 46vw, (max-width: 1279px) 45vw, 492px" alt="Sans" class="hero-img"/></div></div><blockquote class="block-quote"><em>Remember that wherever your heart is, there you will find your treasure </em><br/><strong>- Paulo Coelho</strong></blockquote><div data-w-id="d685cc5e-f1ee-57aa-a155-f4c8acf9f1a4" style="-webkit-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 50%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="text-xl header-text"><strong class="bold-text-4">Welcome.<br/></strong>I'm an international student studying in Seoul, South Korea and I'm currently finishing my Bachelor's in <strong>Computer Science</strong> at <strong>Yonsei University.</strong> <br/>Expected graduation: February 2022.<br/></div></div><div class="div-block"><h3 class="heading-5"><strong class="bold-text-3">About me</strong></h3><p class="paragraph"><strong>👀 I’m interested in:<br/></strong>1.<strong> Web Development</strong> Projects (mostly <strong>front-end</strong> based projects and UI/UX design)<br/>2. Data Science (<strong>ML, NLP</strong>)<br/>3. Making<strong> </strong>video content. I have a <a href="https://www.youtube.com/channel/UC11rT-5FwqUB64nGWe3DuiQ" target="_blank">YouTube Channel.<br/></a>4. New languages! (Computer languages and spoken languages. I can communicate in English & Korean)<br/><br/><strong> 🌱 I’m currently working on:<br/></strong>1<strong>. </strong>4th year 2nd semester classes (<strong>Compiler Design, Software Capstone Design</strong>)<br/>2. Creating my portfolio website<br/>3. <strong>Start-up Project - 기다림 (front-end dev)</strong></p></div></div></div></section></header><h1 class="heading-4">My Projects</h1><main class="main"><section class="section"><div class="container"><div data-w-id="f72fde81-e68c-4d97-1021-ff3e8b711b75" class="row row-split-content"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6152868bfdd3056247a3da9d_Copy%20of%20Unnamed%20Design-2.png" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 46vw, (max-width: 1279px) 45vw, 464px" srcset="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6152868bfdd3056247a3da9d_Copy%20of%20Unnamed%20Design-2-p-500.png 500w, https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6152868bfdd3056247a3da9d_Copy%20of%20Unnamed%20Design-2-p-800.png 800w, https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6152868bfdd3056247a3da9d_Copy%20of%20Unnamed%20Design-2.png 1280w" alt="qqq" class="image-13"/><div class="content"><h3 class="display-sm"><strong>CloudMoon - A Twitter Clone</strong></h3><div class="row-btns"><a href="https://github.com/raspberrysans/CloudMoon" target="_blank" class="btn w-inline-block"><div><strong class="bold-text-2">GitHub repository</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a href="https://cloudmoon-v2.netlify.app/#/" target="_blank" class="btn w-inline-block"><div><strong>Live site</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a></div><p class="mb-0"><strong>Languages used:</strong> Vue, Sass (+CSS), JavaScript<br/>Vue3 (Quasar Framework), Firebase backend, deployed on Netlify<br/><strong>Functionality:<br/></strong>Create a user<br/>Post a CloudMoon (tweet)<br/>Like a CloudMoon<br/>Delete a CloudMoon<br/>Check and search for the latest news in 'Explore / CloudMoon' or in the right-hand side drawer<br/><br/></p></div></div></div></section><section class="section section-bottom-space-sm"><div class="container"><div data-w-id="92bb9304-0942-e374-ed67-cd17ac95e4c4" class="row row-split-content"><div class="div-block-10"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6152886f8c7a0c67cf956a69_Untitled%20design.gif" loading="lazy" alt="bbb" class="image-14"/></div><div class="content"><h3 class="display-sm"><strong>@m-dictionary<br/>Multilingual Dictionary </strong></h3><div class="row-btns"><a href="https://github.com/raspberrysans/multilingual-dictionary" target="_blank" class="btn w-inline-block"><div><strong>GitHub repository</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a href="https://m-dictionary.netlify.app/" target="_blank" class="btn w-inline-block"><div><strong>Live site</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a></div><p class="mb-0"><strong>Languages used:</strong> HTML5, CSS, JavaScript<br/>Light & Dark Mode, Material UI custom CSS modules, async, await, axios, deployed on Netlify<br/><strong>Functionality:<br/></strong>Search words and instantly find the meanings<br/>Choose between 11 different languages<br/>Light and dark theme toggle switch<br/></p></div></div></div></section><section class="section section-bottom-space-sm"><div class="container"><div data-w-id="01597e98-8100-3a91-5563-46666518f322" class="row row-split-content"><div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6131ac532eb2c1a2d3f5e786_Weather%20Forecast.png" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 95vw, (max-width: 991px) 46vw, (max-width: 1279px) 45vw, 464px" srcset="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6131ac532eb2c1a2d3f5e786_Weather%20Forecast-p-500.png 500w, https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6131ac532eb2c1a2d3f5e786_Weather%20Forecast-p-800.png 800w, https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6131ac532eb2c1a2d3f5e786_Weather%20Forecast-p-1080.png 1080w, https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6131ac532eb2c1a2d3f5e786_Weather%20Forecast.png 1280w" alt="weather-app" class="image-9"/></div><div class="content"><h3 class="display-sm"><strong>@raspberrysans <br/>Weather Forecast</strong></h3><div class="row-btns"><a href="https://github.com/raspberrysans/Weather-App-Using-React" target="_blank" class="btn w-inline-block"><div><strong>GitHub repository</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a href="https://weatherapp-by-raspberrysans.netlify.app/" target="_blank" class="btn w-inline-block"><div><strong>Live site</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a></div><p class="mb-0"><strong>Languages used:</strong> HTML5, CSS, JavaScript<br/>ReactJS Hooks, custom CSS modules, async, await, axios, deployed on Netlify<br/><strong>Functionality:</strong><br/>Weather forecasting app that shows today's weather and the upcoming week's weather for a given city. Interactive ParticleJS custom design to make the UI look more appealing.<br/><br/></p></div></div></div></section><section class="section section-bottom-space-sm"><div class="container"><div data-w-id="0052b298-dee8-2f31-90c5-70c177a906e6" class="row row-split-content"><div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/6131c7f963b7693b7a4eae85_made%20by%20%40raspberrysans%20(1).gif" loading="lazy" alt="kanbantodo" class="image-10"/></div><div class="content"><h3 class="display-sm"><strong>Kanban-Board Style <br/>To-do List</strong></h3><div class="row-btns"><a href="https://github.com/raspberrysans/Kanban-Board-style-Todolist-using-React" target="_blank" class="btn w-inline-block"><div><strong>GitHub repository</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a href="https://kanbanboard-todo.netlify.app/" target="_blank" class="btn w-inline-block"><div><strong>Live site</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a></div><p class="mb-0"><strong>Languages used</strong>: HTML5, CSS, JavaScript<br/>ReactJS Kanban board todo list using react-beautiful-dnd (drag and drop) library, deployed on Netlify<br/><strong>Functionality:</strong><br/>Add a todo-item, <br/>Delete an item, <br/>Organize items according to category of in-progress or done.<br/></p></div></div></div></section></main><footer class="footer"><div class="container"><div class="footer-top"><a href="#top-nav" class="logo logo-footer w-inline-block"><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a96f2fefb486c_Star.svg" height="32" width="32" alt="Star icon" class="logo-icon"/><div class="text-xl text-medium text-grey-900">Sans Bhatia</div></a><div class="row-btns"><a href="https://github.com/raspberrysans/" target="_blank" class="btn w-inline-block"><div><strong>GitHub</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a><a href="https://www.linkedin.com/in/sans-bhatia-41818a212/" target="_blank" class="btn w-inline-block"><div><strong>LinkedIn</strong></div><img src="https://uploads-ssl.webflow.com/613116c6178a967c70fb4853/613116c6178a960bfbfb486b_arrow-up-right.svg" loading="lazy" alt="Arrow icon" class="btn-icon-r"/></a></div></div><div class="footer-btm"></div></div></footer></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=613116c6178a967c70fb4853" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="main.js" type="text/javascript"></script><!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--><!-- no scroll when mobile menu open -->
<script>
$('.menu-button').on('click', function(){
$('body').toggleClass('no-scroll');
});
</script></body></html>