-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
20 lines (19 loc) · 58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 5.13.5"/><style data-href="/styles.b9bd72d004fa1bd2177c.css" data-identity="gatsby-global-css">/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/body{font-family:Raleway,sans-serif;font-optical-sizing:auto}root{--day-background-color:#f6f5f4;--day-accent-color:hsla(21,35%,92%,.8);--day-text-color:#2d3341;--day-gradient:linear-gradient(90deg,#c9d6ff,#e2e2e2);--night-background-color:#3b4252;--night-gradient:linear-gradient(90deg,#141e30,#243b55);--night-accent-color:rgba(67,76,94,.8);--night-text-color:#f6f5f4;--accent-color:#f7931e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory}.panel{scroll-snap-align:start}
/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-8{margin-right:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-100{height:50rem}.h-28{height:7rem}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-20{max-height:5rem}.min-h-20{min-height:5rem}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-40{width:10rem}.w-auto{width:auto}.w-full{width:100%}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y:0px}.translate-y-0,.translate-y-\[-175\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-175\%\]{--tw-translate-y:-175%}.translate-y-full{--tw-translate-y:100%}.transform,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-side{grid-template-columns:minmax(200px,25%) 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-ellipsis{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.rounded-r-xl{border-bottom-right-radius:.75rem;border-top-right-radius:.75rem}.border-t-2{border-top-width:2px}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-projects{--tw-bg-opacity:1;background-color:rgb(141 144 148/var(--tw-bg-opacity))}.bg-sides{--tw-bg-opacity:1;background-color:rgb(74 74 74/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-\[url\(\'\/5651978\.png\'\)\]{background-image:url(/5651978.png)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-1{padding-bottom:.25rem}.pb-20{padding-bottom:5rem}.pl-4{padding-left:1rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pt-2{padding-top:.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.italic{font-style:italic}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-current{color:currentColor}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}a{text-shadow:none}:root{--day-background-color:#f6f5f4;--day-accent-color:hsla(21,35%,92%,.8);--day-text-color:#2d3341;--day-gradient:linear-gradient(90deg,#8e9eab,#eef2f3);--night-background-color:#3b4252;--night-gradient:linear-gradient(90deg,#141e30,#243b55);--night-accent-color:rgba(67,76,94,.8);--night-text-color:#f6f5f4;--accent-color:#f7931e}.group:hover .group-hover\:text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}@media (min-width:640px){.sm\:rounded-xl{border-radius:.75rem}}@media (min-width:1024px){.lg\:-m-8{margin:-2rem}.lg\:mr-8{margin-right:2rem}.lg\:mt-0{margin-top:0}.lg\:flex{display:flex}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.333333%}.lg\:w-56{width:14rem}.lg\:-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:flex-row{flex-direction:row}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:px-28{padding-left:7rem;padding-right:7rem}.lg\:pl-2{padding-left:.5rem}.lg\:pr-2{padding-right:.5rem}}</style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="true"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="true"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="bg-gray-300"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600,600i"/><div><div class="bg-[url('/5651978.png')] bg-cover bg-center h-screen flex panel"><div class="bg-white flex-grow absolute z-50 top-0 left-0 w-full h-full grid place-content-center overflow-hidden intro" id="intro"><img src="./logo.png" alt="Logo" id="logo" class="my-logo translate-y-full opacity-0 w-16 animate-spin"/></div><div class="bg-yellow fixed top-0 left-0 w-full h-100 slider" id="slider"></div><div class="relative justify-center m-auto flex flex-wrap lg:flex-nowrap hero container lg:justify-between"><div class="bg-white rounded-r-xl sm:rounded-xl overflow-hidden flex flex-col lg:flex-row p-8"><div class="z-10 overflow-hidden flex-none lg:-m-8 lg:mr-8 lg:w-56 w-auto h-auto"><img src="https://avatars1.githubusercontent.com/u/4694510?v=4" class="object-cover bg-gray-100 w-full h-full" alt="Ryan Castañeda's picture"/></div><div class="description max-w-xs flex flex-col justify-between"><section><h2 class="pb-1 pt-2">Ryan Castañeda</h2><p>Senior Javascript Engineer </p><p><i class="bi bi-envelope pr-1"></i><a href="mailto:[email protected]">[email protected]</a></p><p><i class="bi bi-phone pr-1"></i>+639059775410</p><p><i class="bi bi-geo-alt pr-1"></i>Manila, Philippines</p><p class="font-mono text-sm my-3">Crafting Seamless Digital Experiences: Elevating Frontend Development with Expertise, Efficiency, and Innovation</p></section><section><a href="/cv">Click here for my full CV.</a></section></div></div><div class="welcome lg:flex flex-col my-auto hidden flex-1 text-current text-right text-4xl opacity-0 translate-y-full font-serif"><p class="welcome-text mb-0 shad">Welcome</p><p class="welcome-text mb-0">to my</p><p class="welcome-text mb-0">Portfolio</p></div></div></div><div class="grid grid-cols-1 bg-sides relative challenges"><h1 class="text-3xl py-8 pl-4 sticky top-0 left-0 text-black z-20">Challenges</h1><div class="flex flex-wrap lg:px-28"><div class="flex-grow lg:w-1/3 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#55c6d7"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://exam-sooty.vercel.app/globe.svg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full lg:-translate-y-full translate-y-[-175%] transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">HowToo</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Simple website from a web design for HowToo Client</p></div><div class="flex flex-wrap space-y-2 mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">react</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vite</p></div></section><div class="flex justify-between items-center"><a href="https://exam-sooty.vercel.app/">Visit site</a></div></div></div></div></div><div class="flex-grow lg:w-1/3 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2 lg:pr-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#007bff"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://www.svgart.org/wp-content/uploads/2020/05/cat.jpg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full lg:-translate-y-full translate-y-[-175%] transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Cat Browser</h2><section class="overflow-ellipsis overflow-hidden"><div><p>A simple react application that lists cat breeds and displays cat description on each page.</p></div><div class="flex flex-wrap space-y-2 mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">react</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">tailwind</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vite</p></div></section><div class="flex justify-between items-center"><a href="https://iona.vercel.app/">Visit site</a></div></div></div></div></div><div class="flex-grow lg:w-1/3 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#0e1414"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="/nextjs.svg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full lg:-translate-y-full translate-y-[-175%] transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Ecommerce sample using Next.js</h2><section class="overflow-ellipsis overflow-hidden"><div><p>An ecommerce mockup site built using TailwindCSS and NextJS</p></div><div class="flex flex-wrap space-y-2 mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">nextjs</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">react</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">tailwind</p></div></section><div class="flex justify-between items-center"><a href="https://ecommerce-next-one-puce.vercel.app/">Visit site</a></div></div></div></div></div><div class="flex-grow lg:w-1/3 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2 lg:pr-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://mountains-nu.vercel.app/page1.jpg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full lg:-translate-y-full translate-y-[-175%] transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Mountains</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Static Site built on reactjs and tailwindcss displaying various mountain sites and schedules.</p></div><div class="flex flex-wrap space-y-2 mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">react</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">tailwind</p></div></section><div class="flex justify-between items-center"><a href="https://mountains-nu.vercel.app/">Visit site</a></div></div></div></div></div><div class="flex-grow lg:w-1/3 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#fff"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="/nuxtjs.svg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full lg:-translate-y-full translate-y-[-175%] transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Ecommerce sample using Nuxt.js</h2><section class="overflow-ellipsis overflow-hidden"><div><p>An ecommerce mockup site built using TailwindCSS and NuxtJS</p></div><div class="flex flex-wrap space-y-2 mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">nuxt</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vue</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">tailwind</p></div></section><div class="flex justify-between items-center"><a href="https://ecommerce-nuxt-two.vercel.app">Visit site</a></div></div></div></div></div><div class="flex-grow lg:w-1/3 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2 lg:pr-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#0e1414"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="/orchard.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full lg:-translate-y-full translate-y-[-175%] transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Orchard</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Simple website from a web design for Orchard</p></div><div class="flex flex-wrap space-y-2 mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p></div></section><div class="flex justify-between items-center"><a href="https://orchard-livid.vercel.app/">Visit site</a></div></div></div></div></div></div><button class="text-3xl py-8 pl-4 sticky bottom-0 right-0 cursor-pointer group animate-bounce text-black flex"><i class="bi bi-arrow-up ml-auto mr-8 group-hover:text-red-400"> </i></button></div><div class="projects grid grid-cols-1 bg-projects relative"><h1 class="text-3xl py-8 pl-4 sticky top-0 left-0 text-black z-20">Projects - <!-- -->Present</h1><div class="flex flex-wrap lg:px-28"><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#eef6f7"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://assets-global.website-files.com/613f5692829380bad5e1937f/614b83c175ac7c88e082d7fb_aon-logo-2021.svg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">AON Insurance</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Aon plc (NYSE:AON) is a leading global professional services firm providing a broad range of risk, retirement and health solutions.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">reactjs</p></div></section><div class="flex justify-between items-center"><p>2024</p><a href="https://www.aon.com/en/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#337b97"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="/santen-light.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Santen UK</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Santen is a Patient Support Programme for dry eye disease support and resources</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vuejs</p></div></section><div class="flex justify-between items-center"><p>2023</p><a href="https://seebeyondpsp.eu.atlantisontrack.com/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="relative flex flex-col lg:justify-center h-full items-center z-10" style="background-color:#ffdd6a"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="/adopt.svg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Action Adopt FR</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Adopt is a personalised programme, designed to be tailored to your needs, to support you along your treatment journey and enable you to better manage your allergy and its treatment.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">html</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">css</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">javascript</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vuejs</p></div></section><div class="flex justify-between items-center"><p>2023</p><a href="https://actionadopt.fr/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-production/gallery_picture/image_uploads/f04b8e89-5c73-44d1-ac60-47332d64592d/original.jpeg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Atlantis Health</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Secure and configurable relationship management systems driven by health-related data, proprietary algorithms and insights to deliver engagement and outcomes.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">Vuejs</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2"> C#</p></div></section><div class="flex justify-between items-center"><p>2023</p><a href="https://atlantishealth.com/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://mms.businesswire.com/media/20210803005141/en/895330/5/OneRail-Horizontal-TaglineTM-Black.jpg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">OneRail</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Real-time, detailed visibility into delivery status and location. No more guessing where parcels are.</p>
<p>A centralized view across all your supply chain solutions to understand information in aggregate. No need to log in to multiple platforms again.</p>
<p>Instant (and accurate) quotes for consistent pricing. Know what the cost implications will be from the outset.</p>
<p>Automated matching to couriers who are readily available, using a powerful API that integrates with your TMS. Avoid being limited by your own fleet, and have the ability to find available drivers quickly and easily.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">React</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2"> Nodejs</p></div></section><div class="flex justify-between items-center"><p>2023</p><a href="https://app.onerail.io/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://ogs.rbl.net/assets/rbl-long-1000.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">RBL AI</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Pick Your Path Driving Organization Effectiveness requires making improvements to all four areas below. But you can make an impact by improving any one of them. Consider the benefits, challenges and level of effort for each path to decide where you want to begin. You’ll also learn the advantages of inviting your team to join.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">angular</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2"> nestjs</p></div></section><div class="flex justify-between items-center"><p>2022</p><a href="https://rbl.ai/path/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/BMW.svg/600px-BMW.svg.png?20200406052529" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">BMW MAU</h2><section class="overflow-ellipsis overflow-hidden"><div><p>BMW MAU is an Internal HR system used by 3ci to manage one of their clients.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p></div></section><div class="flex justify-between items-center"><p>2022</p></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://s3.us-east-1.amazonaws.com/canopy-branding/Dev/banyan/canopy-login-bg.jpg" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://s3.us-east-1.amazonaws.com/canopy-branding/Dev/banyan/canopy-2018.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Canopy Portal</h2><section class="overflow-ellipsis overflow-hidden"><div><p>CanopyTM is an enterprise IoT platform that lets you centrally monitor, manage and control connected devices at scale. Its real-time dashboard, advanced features and configurable KPIs give you complete visibility into your network. Manage the overall health of your devices, address service issues before problems arise and delight customers with entirely new experiences.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p></div></section><div class="flex justify-between items-center"><p>2021</p><a href="https://portal.my-canopy.com/#/login">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://www.platypusshoes.com.au/media/wysiwyg/PLAT_New_Website_Careers_Desktop_464x618_3.jpg?auto=webp&quality=85&format=pjpg&width=800&crop=false&fit=cover" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://www.platypusshoes.com.au/logo-d89.svg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Platypus</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Housing an extensive collection of iconic global brands, we pride ourselves on stocking the latest and greatest footwear and apparel. Our ranges are carefully selected so you can find a treasured iconic style or a newly engineered silhouette.</p>
<p>With a team that walk and talk sneakers and a store base of over 122 locations spanning Australia and New Zealand, you're sure to find your perfect pair.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">reactjs</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">graphql</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">magento</p></div></section><div class="flex justify-between items-center"><p>2021</p><a href="https://www.platypusshoes.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://www.narta.com.au/wp-content/uploads/2019/02/ARMAGUARD-LOGO-NARTA.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Armaguard</h2><section class="overflow-ellipsis overflow-hidden"><div><p>As the nation's leading currency management service provider, Armaguard provides secure cash logistics and currency solutions to Australian businesses.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p></div></section><div class="flex justify-between items-center"><p>2020</p><a href="https://armaguard.frankly.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://assets.website-files.com/5c91b8f41aaad7952559c26f/5cb7cf0dae4a4d5ebee97c7f_Melb_B%26W%20(1).jpg" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://assets.website-files.com/5c91b8f41aaad7952559c26f/5c91b8f41aaad7470059c2b1_frankly-Logo-p-500.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Frankly</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Frankly is a performance marketing agency in Melbourne driven to generate more leads and more sales for your business. Stop wasting your marketing dollars</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p></div></section><div class="flex justify-between items-center"><p>2020</p><a href="https://frankly.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://upload.wikimedia.org/wikipedia/en/0/03/First_Ever_Pty_Ltd_official_logo.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">First Ever</h2><section class="overflow-ellipsis overflow-hidden"><div><p>First Ever is a leader in the Australian sports apparel industry. We are driven by our passion for sport and are proud to produce premium sports performance apparel, recognised by professional athletes.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">shopify</p></div></section><div class="flex justify-between items-center"><p>2020</p><a href="https://www.firstever.com/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://assets.website-files.com/5f726d6c6f72f970d460ac3c/5f72bf8bfbb8fc02ab345f9e_Kitchen%20with%20wooden%20cabinetry%20and%20marble%20benchtop.jpg" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://www.mjs.com.au/cdn/4xnfenn5py80o0o8/bypass" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Melbourne Joinery + Stone</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Melbourne’s experts in cabinetry and masonary, providing top drawer joinery and premium stone surfaces for your home or project.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p></div></section><div class="flex justify-between items-center"><p>2020</p><a href="https://mjs.frankly.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://cdn.nbl1.com.au/spacepod/images/nbl1-cex-australia-neg-1-4.svg?bypass" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://cdn.nbl1.com.au/spacepod/images/nbl1-cex-australia-neg-1-4.svg?bypass" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">National Basketball League</h2><section class="overflow-ellipsis overflow-hidden"><div><p>NBL1 is a collaboration between Basketball Victoria and the NBL, creating a new league to strengthen the pathway for Australia’s best basketball talent.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vuejs</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">laravel</p></div></section><div class="flex justify-between items-center"><p>2020</p><a href="https://nbl1.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://www.victorianchamber.com.au/cdn/9oipp4l3aaskskko/850" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="./vcci.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Victorian Chamber of Commerce and Industry</h2><section class="overflow-ellipsis overflow-hidden"><div><p>The Victorian Chamber is here for your business.
Whether you need assistance with workplace relations matters, health and safety management, or even if you are ready to take your business global, the Victorian Chamber has practical, tailored solutions that can help you succeed at every stage.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vuejs</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">php</p></div></section><div class="flex justify-between items-center"><p>2020</p><a href="https://vcci.frankly.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://www.amity.com.au/wp-content/uploads/18,1//image001-1.jpg" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="./amity.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Amity property group</h2><section class="overflow-ellipsis overflow-hidden"><div><p>When searching for Real Estate, it is useful to have a helping hand. Someone to let you know where to look, what to ask and how to – finally – buy your very own dream property.</p>
<p>Amity Property Group is that helping hand.</p>
<p>We provide advice and information to make sure you find the perfect property to meet your needs and interests.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">PHP</p></div></section><div class="flex justify-between items-center"><p>2019</p><a href="https://www.amity.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="http://www.hamiltonewell.com.au/images/p_vineyard.jpg" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="http://www.hamiltonewell.com.au/images/logo.gif" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Hamilton Ewell</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Hamilton's Ewell Vineyards selling premium grapes from the Barossa Valley, Eden Valley, Wrattonbully, Limestone Coast and the Lower Murray</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">responsive</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">shopify</p></div></section><div class="flex justify-between items-center"><p>2019</p><a href="www.hamiltonewell.com.au">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><img src="https://cdn.lkproperty.com.au/images/amity-4.jpg" class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0" alt=""/><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://cdn.lkproperty.com.au/images/lk-group-gold-1.svg" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">LK Property Group</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Founded by Larry Kestelman, one of Australia’s most well-known technology entrepreneurs who had success in the technology sector as the founder of Dodo. The Group had its genesis over twenty years ago when Larry began developing residential property in suburban Melbourne.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vuejs</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">php</p></div></section><div class="flex justify-between items-center"><p>2019</p><a href="https://www.lkg.com.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="https://strokefoundation.org.au/assets/global/images/logos/nsf-logo-25years.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Stroke Foundation</h2><section class="overflow-ellipsis overflow-hidden"><div><p>The Stroke Foundation is a national charity that partners with the community to prevent, treat and beat stroke. We stand alongside stroke survivors and their families, healthcare professionals and researchers.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">vuejs</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">stripe</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">php</p></div></section><div class="flex justify-between items-center"><p>2019</p><a href="https://strokefoundation.org.au/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen panel lg:pl-2"><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="./felix-removebg-preview.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Felix Vendor Marketplace</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Easily source subcontractors & hire equipment for construction & mining projects nationwide. Get quotes now on Felix Vendor Marketplace, formerly PlantMiner.</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">react</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">php</p></div></section><div class="flex justify-between items-center"><p>2018</p><a href="https://marketplace.felix.net/">Visit site</a></div></div></div></div></article><article class="flex-grow lg:w-1/2 w-full flex flex-col justify-center align-middle min-h-screen "><div class="relative overflow-hidden flex-none h-100" role="button" tabindex="0"><div class="absolute z-0 max-w-none object-cover bg-gray-100 w-full h-full left-0 top-0 mb-0"></div><div class="relative flex flex-col lg:justify-center h-full items-center z-10"><header class="flex justify-center h-28 mt-40 lg:mt-0"><img src="./freedom-removebg-preview.png" class="max-h-20 min-h-20 w-40" alt=""/></header></div><div class="absolute transform bg-gray-50 bg-opacity-75 bg z-20 w-full translate-y-0 transition-transform"><div class="flex flex-col justify-center p-4"><h2 class="font-bold text-center py-2 text-md">Freedom! MCN</h2><section class="overflow-ellipsis overflow-hidden"><div><p>Freedom! is a unique YouTube partnership network connecting people & tools - towards success</p></div><div class="flex mt-2"><p class="rounded-full py-1 px-3 bg-gray-700 text-white mr-2 p-2 text-xs">HTML+CSS</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">Angular</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">PHP</p><p class="rounded-full py-1 px-3 text-white bg-gray-700 text-xs mr-2">nodejs</p></div></section><div class="flex justify-between items-center"><p>2016</p></div></div></div></div></article></div><button class="text-3xl py-8 pl-4 sticky bottom-0 right-0 cursor-pointer group animate-bounce text-black flex"><i class="bi bi-arrow-up ml-auto mr-8 group-hover:text-red-400"> </i></button></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
<script
id="gatsby-chunk-mapping"
>
window.___chunkMapping="{\"app\":[\"/app-033492ddb6817905db0e.js\"],\"component---src-pages-404-tsx\":[\"/component---src-pages-404-tsx-7d2ab05664f1281dcb99.js\"],\"component---src-pages-cv-tsx\":[\"/component---src-pages-cv-tsx-87dd92a7caf42e501482.js\"],\"component---src-pages-index-tsx\":[\"/component---src-pages-index-tsx-d53e36ce4647de2b95fc.js\"]}";
</script>
<script>window.___webpackCompilationHash="85267caeeb9cc959ea66";</script><script src="/webpack-runtime-6b38078d6f1461132e0c.js" async></script><script src="/framework-106eaf75e588fec2b76f.js" async></script><script src="/app-033492ddb6817905db0e.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>