-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (57 loc) · 33.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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects</title>
<meta name="author" content="Devang Kantharia" />
<!-- <link rel="shortcut icon" href="phygital/favicon.ico"> -->
<link rel="icon" type="image/svg+xml" href="phygital/favicon.png">
<style type="text/css" data-vite-dev-id="D:/Portfolio-Website/ref/project_3D_developer_portfolio-main/node_modules/react-vertical-timeline-component/style.min.css">.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline::after{content:'';display:table;clear:both}.vertical-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right::before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title{margin:0}.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:'';position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content::before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content::before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}</style>
<style type="text/css" data-vite-dev-id="D:/Portfolio-Website/ref/project_3D_developer_portfolio-main/src/index.css">@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-32{bottom:8rem}.right-0{right:0}.top-0{top:0}.top-20{top:5rem}.top-\[120px\]{top:120px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[-1\]{z-index:-1}.m-3{margin:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-20{margin-top:-5rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.ml-5{margin-left:1.25rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.flex{display:flex}.hidden{display:none}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-16{height:4rem}.h-28{height:7rem}.h-3{height:.75rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-\[230px\]{height:230px}.h-\[28px\]{height:28px}.h-\[350px\]{height:350px}.h-\[60\%\]{height:60%}.h-\[64px\]{height:64px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[280px\]{min-height:280px}.min-h-\[300px\]{min-height:300px}.w-1{width:.25rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-16{width:4rem}.w-28{width:7rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\[28px\]{width:28px}.w-\[35px\]{width:35px}.w-\[60\%\]{width:60%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[140px\]{min-width:140px}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1 0%}.flex-\[0\.75\]{flex:.75}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem *)calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-4{border-width:4px}.border-none{border-style:none}.border-secondary{--tw-border-opacity:1;border-color:rgb(170 166 195 / var(--tw-border-opacity))}.bg-\[\#915EFF\]{--tw-bg-opacity:1;background-color:rgb(145 94 255 / var(--tw-bg-opacity))}.bg-black-100{--tw-bg-opacity:1;background-color:rgb(16 13 37 / var(--tw-bg-opacity))}.bg-black-200{--tw-bg-opacity:1;background-color:rgb(9 3 37 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(5 8 22 / var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(170 166 195 / var(--tw-bg-opacity))}.bg-tertiary{--tw-bg-opacity:1;background-color:rgb(21 16 48 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-hero-pattern{background-image:url(/src/assets/herobg.png)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.px-12{padding-left:3rem;padding-right:3rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-14{padding-bottom:3.5rem}.pl-1{padding-left:.25rem}.text-center{text-align:center}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[30px\]{font-size:30px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[30px\]{line-height:30px}.tracking-wider{letter-spacing:.05em}.text-\[\#915EFF\]{--tw-text-opacity:1;color:rgb(145 94 255 / var(--tw-text-opacity))}.text-\[\#dfd9ff\]{--tw-text-opacity:1;color:rgb(223 217 255 / var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(170 166 195 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white-100{--tw-text-opacity:1;color:rgb(243 243 243 / var(--tw-text-opacity))}.shadow-card{--tw-shadow:0 35px 120px -15px #211e35;--tw-shadow-colored:0 35px 120px -15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-primary{--tw-shadow-color:#050816;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;scroll-behavior:smooth;color-scheme:dark}.hash-span{margin-top:-100px;padding-bottom:100px;display:block}.black-gradient{background:#000;background:linear-gradient(to right,#434343,#000000)}.violet-gradient{background:#804dee;background:linear-gradient(-90deg,#804dee 0%,rgba(60,51,80,0) 100%);background:-webkit-linear-gradient(-90deg,#804dee 0%,rgba(60,51,80,0) 100%)}.green-pink-gradient{background:"#00cea8";background:linear-gradient(90.13deg,#00cea8 1.9%,#bf61ff 97.5%);background:-webkit-linear-gradient(-90.13deg,#00cea8 1.9%,#bf61ff 97.5%)}.orange-text-gradient{background:#f12711;background:linear-gradient(to top,#f12711,#f5af19);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.green-text-gradient{background:#11998e;background:linear-gradient(to top,#11998e,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.blue-text-gradient{background:#56ccf2;background:linear-gradient(to top,#2f80ed,#56ccf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.pink-text-gradient{background:#ec008c;background:linear-gradient(to top,#ec008c,#fc6767);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.canvas-loader{font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.1s infinite ease;transform:translateZ(0)}@keyframes mulShdSpin{0%,100%{box-shadow:0em -2.6em 0em 0em #ffffff,1.8em -1.8em 0 0em rgba(255,255,255,.2),2.5em 0em 0 0em rgba(255,255,255,.2),1.75em 1.75em 0 0em rgba(255,255,255,.2),0em 2.5em 0 0em rgba(255,255,255,.2),-1.8em 1.8em 0 0em rgba(255,255,255,.2),-2.6em 0em 0 0em rgba(255,255,255,.5),-1.8em -1.8em 0 0em rgba(255,255,255,.7)}12.5%{box-shadow:0em -2.6em 0em 0em rgba(255,255,255,.7),1.8em -1.8em 0 0em #ffffff,2.5em 0em 0 0em rgba(255,255,255,.2),1.75em 1.75em 0 0em rgba(255,255,255,.2),0em 2.5em 0 0em rgba(255,255,255,.2),-1.8em 1.8em 0 0em rgba(255,255,255,.2),-2.6em 0em 0 0em rgba(255,255,255,.2),-1.8em -1.8em 0 0em rgba(255,255,255,.5)}25%{box-shadow:0em -2.6em 0em 0em rgba(255,255,255,.5),1.8em -1.8em 0 0em rgba(255,255,255,.7),2.5em 0em 0 0em #ffffff,1.75em 1.75em 0 0em rgba(255,255,255,.2),0em 2.5em 0 0em rgba(255,255,255,.2),-1.8em 1.8em 0 0em rgba(255,255,255,.2),-2.6em 0em 0 0em rgba(255,255,255,.2),-1.8em -1.8em 0 0em rgba(255,255,255,.2)}37.5%{box-shadow:0em -2.6em 0em 0em rgba(255,255,255,.2),1.8em -1.8em 0 0em rgba(255,255,255,.5),2.5em 0em 0 0em rgba(255,255,255,.7),1.75em 1.75em 0 0em #ffffff,0em 2.5em 0 0em rgba(255,255,255,.2),-1.8em 1.8em 0 0em rgba(255,255,255,.2),-2.6em 0em 0 0em rgba(255,255,255,.2),-1.8em -1.8em 0 0em rgba(255,255,255,.2)}50%{box-shadow:0em -2.6em 0em 0em rgba(255,255,255,.2),1.8em -1.8em 0 0em rgba(255,255,255,.2),2.5em 0em 0 0em rgba(255,255,255,.5),1.75em 1.75em 0 0em rgba(255,255,255,.7),0em 2.5em 0 0em #ffffff,-1.8em 1.8em 0 0em rgba(255,255,255,.2),-2.6em 0em 0 0em rgba(255,255,255,.2),-1.8em -1.8em 0 0em rgba(255,255,255,.2)}62.5%{box-shadow:0em -2.6em 0em 0em rgba(255,255,255,.2),1.8em -1.8em 0 0em rgba(255,255,255,.2),2.5em 0em 0 0em rgba(255,255,255,.2),1.75em 1.75em 0 0em rgba(255,255,255,.5),0em 2.5em 0 0em rgba(255,255,255,.7),-1.8em 1.8em 0 0em #ffffff,-2.6em 0em 0 0em rgba(255,255,255,.2),-1.8em -1.8em 0 0em rgba(255,255,255,.2)}75%{box-shadow:0em -2.6em 0em 0em rgba(255,255,255,.2),1.8em -1.8em 0 0em rgba(255,255,255,.2),2.5em 0em 0 0em rgba(255,255,255,.2),1.75em 1.75em 0 0em rgba(255,255,255,.2),0em 2.5em 0 0em rgba(255,255,255,.5),-1.8em 1.8em 0 0em rgba(255,255,255,.7),-2.6em 0em 0 0em #ffffff,-1.8em -1.8em 0 0em rgba(255,255,255,.2)}87.5%{box-shadow:0em -2.6em 0em 0em rgba(255,255,255,.2),1.8em -1.8em 0 0em rgba(255,255,255,.2),2.5em 0em 0 0em rgba(255,255,255,.2),1.75em 1.75em 0 0em rgba(255,255,255,.2),0em 2.5em 0 0em rgba(255,255,255,.2),-1.8em 1.8em 0 0em rgba(255,255,255,.5),-2.6em 0em 0 0em rgba(255,255,255,.7),-1.8em -1.8em 0 0em #fff}}.placeholder\:text-secondary::-moz-placeholder{--tw-text-opacity:1;color:rgb(170 166 195 / var(--tw-text-opacity))}.placeholder\:text-secondary::placeholder{--tw-text-opacity:1;color:rgb(170 166 195 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width:450px){.xs\:bottom-10{bottom:2.5rem}.xs\:w-\[250px\]{width:250px}.xs\:w-\[320px\]{width:320px}.xs\:text-\[20px\]{font-size:20px}.xs\:text-\[40px\]{font-size:40px}.xs\:text-\[50px\]{font-size:50px}}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-80{height:20rem}.sm\:w-\[360px\]{width:360px}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[26px\]{font-size:26px}.sm\:text-\[50px\]{font-size:50px}.sm\:text-\[60px\]{font-size:60px}}@media (min-width:768px){.md\:h-\[550px\]{height:550px}.md\:text-\[60px\]{font-size:60px}}@media (min-width:1024px){.lg\:text-\[30px\]{font-size:30px}.lg\:text-\[80px\]{font-size:80px}.lg\:leading-\[40px\]{line-height:40px}.lg\:leading-\[98px\]{line-height:98px}}@media (min-width:1280px){.xl\:mt-12{margin-top:3rem}.xl\:h-auto{height:auto}.xl\:flex-1{flex:1 1 0%}.xl\:flex-row{flex-direction:row}}
</style>
</head>
<body>
<div id="root"><div class="relative z-0 bg-primary">
<section id="projects"><section class="sm:px-16 px-6 sm:py-16 py-10 max-w-7xl mx-auto relative z-0"><span class="hash-span" id=""> </span><div style="opacity: 1; transform: none;"><p class="sm:text-[18px] text-[14px] text-secondary uppercase tracking-wider ">My work</p><h2 class="text-white font-black md:text-[60px] sm:text-[50px] xs:text-[40px] text-[30px]">Projects.</h2></div><div class="w-full flex"><p class="mt-3 text-secondary text-[17px] max-w-3xl leading-[30px]" style="opacity: 1; transform: none;">Following projects showcases my skills and experience through real-world examples of my work. Each project is briefly described in the presentation files that can be viewed by clicking the links. It reflects my ability to solve complex problems, work with different technologies, and manage projects effectively.</p></div><div class="mt-20 flex flex-wrap gap-7"><div style="opacity: 1; transform: none;"><div class="bg-tertiary p-5 rounded-2xl sm:w-[360px] w-full" style="transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);"><div class="relative w-full h-[230px]"><img src="/others//src/assets/phygital.jpg" alt="project_image" class="w-full h-full object-cover rounded-2xl"><div class="absolute inset-0 flex justify-end m-3 card-img_hover"><a href="https://devangkantharia.github.io/others/phygital/" class="black-gradient w-10 h-10 rounded-full flex justify-center items-center cursor-pointer" title="Phygital Projects Project Link"><img src="/others//src/assets/link.png" alt="source code" class="w-1/2 h-1/2 object-contain"></a></div></div><div class="mt-5"><h3 class="text-white font-bold text-[24px]">Phygital Projects</h3><p class="mt-2 text-secondary text-[14px]">Physical + Digital Projects with a holistic point of view creating a hybrid space with real and virtual dimensions.</p></div><div class="mt-4 flex flex-wrap gap-2"><p class="text-[14px] blue-text-gradient">#Physical/Digital</p><p class="text-[14px] green-text-gradient">#New Media Installation</p><p class="text-[14px] pink-text-gradient">#Tactile</p></div></div></div><div style="opacity: 1; transform: none;"><div class="bg-tertiary p-5 rounded-2xl sm:w-[360px] w-full" style="transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);"><div class="relative w-full h-[230px]"><img src="/others//src/assets/touch.jpg" alt="project_image" class="w-full h-full object-cover rounded-2xl"><div class="absolute inset-0 flex justify-end m-3 card-img_hover"><a href="https://devangkantharia.github.io/others/phygital/" class="black-gradient w-10 h-10 rounded-full flex justify-center items-center cursor-pointer" title="TouchScreen Solutions Project Link"><img src="/others//src/assets/link.png" alt="source code" class="w-1/2 h-1/2 object-contain"></a></div></div><div class="mt-5"><h3 class="text-white font-bold text-[24px]">TouchScreen Solutions</h3><p class="mt-2 text-secondary text-[14px]">Ranging from mobile phones to larger displays, touch input enhances digital experiences enhances.</p></div><div class="mt-4 flex flex-wrap gap-2"><p class="text-[14px] blue-text-gradient">#Digital</p><p class="text-[14px] green-text-gradient">#Experience Center</p><p class="text-[14px] pink-text-gradient">#Tactile/Non-Tactile</p></div></div></div><div style="opacity: 1; transform: none;"><div class="bg-tertiary p-5 rounded-2xl sm:w-[360px] w-full" style="transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);"><div class="relative w-full h-[230px]"><img src="/others//src/assets/vr.jpg" alt="project_image" class="w-full h-full object-cover rounded-2xl"><div class="absolute inset-0 flex justify-end m-3 card-img_hover"><a href="https://devangkantharia.github.io/others/phygital/" class="black-gradient w-10 h-10 rounded-full flex justify-center items-center cursor-pointer" title="AR/VR/MR Projects Project Link"><img src="/others//src/assets/link.png" alt="source code" class="w-1/2 h-1/2 object-contain"></a></div></div><div class="mt-5"><h3 class="text-white font-bold text-[24px]">AR/VR/MR Projects</h3><p class="mt-2 text-secondary text-[14px]">Reality as a construct, perceived from our senses and extending them, creating intuitive immersive experiences.</p></div><div class="mt-4 flex flex-wrap gap-2"><p class="text-[14px] blue-text-gradient">#AR/VR/MR</p><p class="text-[14px] green-text-gradient">#Immersive</p><p class="text-[14px] pink-text-gradient">#Tactile/Non-Tactile</p></div></div></div><div style="opacity: 1; transform: none;"><div class="bg-tertiary p-5 rounded-2xl sm:w-[360px] w-full" style="transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);"><div class="relative w-full h-[230px]"><img src="/others//src/assets/iot2.jpg" alt="project_image" class="w-full h-full object-cover rounded-2xl"><div class="absolute inset-0 flex justify-end m-3 card-img_hover"><a href="https://devangkantharia.github.io/others/phygital/" class="black-gradient w-10 h-10 rounded-full flex justify-center items-center cursor-pointer" title="ML/AI and IoT Project Link"><img src="/others//src/assets/link.png" alt="source code" class="w-1/2 h-1/2 object-contain"></a></div></div><div class="mt-5"><h3 class="text-white font-bold text-[24px]">ML/AI and IoT</h3><p class="mt-2 text-secondary text-[14px]">Projects enabling a machine to learn by analysing large datas, learn from the insights, and then make informed decisions.</p></div><div class="mt-4 flex flex-wrap gap-2"><p class="text-[14px] blue-text-gradient">#Internet of Things</p><p class="text-[14px] green-text-gradient">#Prototype</p></div></div></div><div style="opacity: 1; transform: none;"><div class="bg-tertiary p-5 rounded-2xl sm:w-[360px] w-full" style="transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);"><div class="relative w-full h-[230px]"><img src="/others//src/assets/freelance.jpg" alt="project_image" class="w-full h-full object-cover rounded-2xl"><div class="absolute inset-0 flex justify-end m-3 card-img_hover"><a href="https://devangkantharia.github.io/others/phygital/" class="black-gradient w-10 h-10 rounded-full flex justify-center items-center cursor-pointer" title="Freelance Projects Project Link"><img src="/others//src/assets/link.png" alt="source code" class="w-1/2 h-1/2 object-contain"></a></div></div><div class="mt-5"><h3 class="text-white font-bold text-[24px]">Freelance Projects</h3><p class="mt-2 text-secondary text-[14px]">A comprehensive collection of short term contract projects serving clients of different domains, creating varied skilled solutions.</p></div><div class="mt-4 flex flex-wrap gap-2"><p class="text-[14px] blue-text-gradient">#New Media</p><p class="text-[14px] green-text-gradient">#Prototype</p></div></div></div><div style="opacity: 1; transform: none;"><div class="bg-tertiary p-5 rounded-2xl sm:w-[360px] w-full" style="transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);"><div class="relative w-full h-[230px]"><img src="/others//src/assets/exploration.jpg" alt="project_image" class="w-full h-full object-cover rounded-2xl"><div class="absolute inset-0 flex justify-end m-3 card-img_hover"><a href="https://devangkantharia.github.io/others/phygital/" class="black-gradient w-10 h-10 rounded-full flex justify-center items-center cursor-pointer" title="Explorations Project Link"><img src="/others//src/assets/link.png" alt="source code" class="w-1/2 h-1/2 object-contain"></a></div></div><div class="mt-5"><h3 class="text-white font-bold text-[24px]">Explorations</h3><p class="mt-2 text-secondary text-[14px]">Observations to Ideas to concept by researching innovative, unfamiliar and unique topics.</p></div><div class="mt-4 flex flex-wrap gap-2"><p class="text-[14px] blue-text-gradient">#New Media</p><p class="text-[14px] green-text-gradient">#Prototype</p></div></div></div></div></section></section>
</div></div>
<script>
$(document).bind("contextmenu", function (e) {
e.preventDefault();
eval(function (p, a, c, k, e, d) { e = function (c) { return c.toString(36) }; if (!''.replace(/^/, String)) { while (c--) { d[c.toString(a)] = k[c] || c.toString(a) } k = [function (e) { return d[e] }]; e = function () { return '\\w+' }; c = 1 }; while (c--) { if (k[c]) { p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]) } } return p }('(3(){(3 a(){8{(3 b(2){7((\'\'+(2/2)).6!==1||2%5===0){(3(){}).9(\'4\')()}c{4}b(++2)})(0)}d(e){g(a,f)}})()})();', 17, 17, '||i|function|debugger|20|length|if|try|constructor|||else|catch||5000|setTimeout'.split('|'), 0, {}))
});
// $("body").on("contextmenu", "img", function(e) {return false;});
</script>
<script type="text/javascript">
function click(e) {
if (!e)
e = window.event;
if ((e.type && e.type == "contextmenu") || (e.button && e.button == 2) || (e.which && e.which == 3)) {
if (window.opera)
window.alert("");
return false;
}
}
if (document.layers)
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = click;
document.oncontextmenu = click;
</script>
<script>
//this will also disable full page
$("body").on("contextmenu", function (e) { return false; });
$('body').bind('cut copy paste', function (e) { e.preventDefault(); });
document.onkeydown = function (e) {//prevent key F12
if (event.keyCode == 123) { return false; }
//prevent CTRL + Shift + I
if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) { return false; }
//prevent CTRL + Shift + J
if (e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) { return false; }
//prevent CTRL + Shift + C
if (e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) { return false; }
//prevent CTRL + U
if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) { return false; }
}
</script>
</body>
</html>