-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
1 lines (1 loc) · 10.9 KB
/
404.html
1
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.dbd483222cbc43c7fb41.css" id="gatsby-global-css">@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans&display=swap);.card{width:100%;height:250px;overflow:hidden!important;display:flex;align-items:center;justify-content:center;background-size:cover;background-repeat:no-repeat;background-position:50%}.card .content{font-family:Open Sans;text-align:center;padding:10px;opacity:0;transition:all .5s ease-in-out;-webkit-transform:translateY(20px);transform:translateY(20px);cursor:pointer}.card .content h1{font-size:14px;color:#fff}.card .content p{font-size:10px;color:#fff;margin-bottom:20px}.card .content .btn{background-color:#000;color:#fff;padding:10px;text-decoration:none}.card .content:hover{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.navbar-wrapper{width:80vw;margin-top:10vh;display:flex;align-items:center;justify-content:space-between}.navbar-wrapper .name{font-weight:600}.navbar-wrapper .links-wrapper button{text-decoration:none;padding:10px;font-family:Open Sans;opacity:.6;transition:all .2s ease-in-out;font-size:12px;background-color:transparent;outline:none;border:0;cursor:pointer}.navbar-wrapper .links-wrapper button:hover{opacity:1}.navbar-wrapper .links-wrapper .active{color:#000}.header-wrapper{width:80vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center}.header-wrapper h2{font-size:1rem;text-align:center}@media (min-width:320px) and (max-width:424px){.header-wrapper h2{font-size:14px}}@media (min-width:425px) and (max-width:767px){.header-wrapper h2{font-size:16px}}@media (min-width:768px) and (max-width:1023px){.header-wrapper h2{font-size:16px}}.header-wrapper .heading-wrapper h1{font-size:4rem;text-align:center;line-height:20px}@media (min-width:320px) and (max-width:424px){.header-wrapper .heading-wrapper h1{font-size:1.5rem;line-height:10px}}@media (min-width:425px) and (max-width:767px){.header-wrapper .heading-wrapper h1{font-size:1.5rem;line-height:10px}}@media (min-width:768px) and (max-width:1023px){.header-wrapper .heading-wrapper h1{font-size:2.5rem}}.header-wrapper p{width:50%;text-align:center;overflow:hidden}@media (min-width:320px) and (max-width:424px){.header-wrapper p{font-size:12px;width:100%}}@media (min-width:425px) and (max-width:767px){.header-wrapper p{font-size:12px;width:100%}}@media (min-width:768px) and (max-width:1023px){.header-wrapper p{font-size:14px;width:100%}}.work-wrapper{width:80vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center}.work-wrapper h1{font-size:3rem;line-height:20px}.work-wrapper .grid{display:grid;margin-top:20px;grid-template-columns:repeat(3,1fr);grid-gap:10px}@media (min-width:320px) and (max-width:424px){.work-wrapper .grid{grid-template-columns:1fr}}@media (min-width:425px) and (max-width:767px){.work-wrapper .grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.work-wrapper .grid{grid-template-columns:1fr 1fr}}.about-section{width:80vw;margin-top:10vh;display:flex;justify-content:space-between}@media (min-width:320px) and (max-width:424px){.about-section{flex-direction:column-reverse}}@media (min-width:425px) and (max-width:767px){.about-section{flex-direction:column-reverse}}@media (min-width:768px) and (max-width:1023px){.about-section{flex-direction:column-reverse;align-items:center}}.about-section .content{width:50%}@media (min-width:320px) and (max-width:424px){.about-section .content{width:100%}}@media (min-width:425px) and (max-width:767px){.about-section .content{width:100%}}@media (min-width:768px) and (max-width:1023px){.about-section .content{width:100%}}.about-section .content h1{font-size:3rem;line-height:20px}@media (min-width:768px) and (max-width:1023px){.about-section .content h1,.about-section .content p{text-align:center}}.about-section .image-wrapper{width:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (min-width:320px) and (max-width:424px){.about-section .image-wrapper{width:100%}}@media (min-width:425px) and (max-width:767px){.about-section .image-wrapper{width:100%}}@media (min-width:768px) and (max-width:1023px){.about-section .image-wrapper{width:100%}}.skills-container{width:80vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center}.skills-container h1{font-size:3rem;line-height:20px}.skills-container .skills-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;grid-gap:20px}@media (min-width:320px) and (max-width:424px){.skills-container .skills-grid{grid-template-columns:1fr}}@media (min-width:425px) and (max-width:767px){.skills-container .skills-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.skills-container .skills-grid{grid-template-columns:1fr 1fr}}.skills-container .skills-grid .skill{display:flex;flex-direction:column;align-items:center;text-align:center}.skills-container .skills-grid .skill img{height:5rem}.skills-container .skills-grid .skill p{font-size:14px}.promotion-container{width:80vw;margin-top:10vh;display:flex;flex-direction:column;align-items:center;text-align:center}.promotion-container h1{font-size:3rem;line-height:20px}.footer-container{width:80vw;margin-top:10vh;margin-bottom:10vh;display:flex;flex-direction:column;align-items:center}.footer-container h1{font-size:3rem;line-height:20px}.footer-container h2{font-size:1.5rem;overflow:hidden}@media (min-width:320px) and (max-width:424px){.footer-container h2{display:none}}@media (min-width:425px) and (max-width:767px){.footer-container h2{font-size:14px}}@media (min-width:768px) and (max-width:1023px){.footer-container h2{font-size:1.2rem}}.footer-container .email-link{font-size:1.5rem;color:#000}.footer-container .social-icons{margin-top:20px}.footer-container .social-icons img{height:2rem;margin:10px}.footer-container span{margin-top:10px}.footer-container icon{color:red}*{font-family:Montserrat}body{margin:0;padding:0;overflow-y:scroll;overflow-x:hidden}.section{width:100vw;height:auto;overflow:hidden}.container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.primary-btn{margin:10px;padding:10px;background-color:#000;color:#fff;border:0;transition:all .2s ease-in-out;text-decoration:none;cursor:pointer}.primary-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}</style><meta name="generator" content="Gatsby 2.32.13"/><title data-react-helmet="true">404: Not found | Gatsby Default Starter</title><meta data-react-helmet="true" name="description" content="Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need."/><meta data-react-helmet="true" property="og:title" content="404: Not found"/><meta data-react-helmet="true" property="og:description" content="Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need."/><meta data-react-helmet="true" property="og:type" content="website"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:creator" content="@gatsbyjs"/><meta data-react-helmet="true" name="twitter:title" content="404: Not found"/><meta data-react-helmet="true" name="twitter:description" content="Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need."/><link rel="icon" href="/favicon-32x32.png?v=4a9773549091c227cd2eb82ccd9c5e3a" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><meta name="theme-color" content="#663399"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=4a9773549091c227cd2eb82ccd9c5e3a"/><link as="script" rel="preload" href="/webpack-runtime-f30eb3f950bb72058675.js"/><link as="script" rel="preload" href="/framework-d585a04b7d285a7760d6.js"/><link as="script" rel="preload" href="/app-8953a75cc3ec0c9b758d.js"/><link as="script" rel="preload" href="/styles-e9d24b1846c7d6eb9685.js"/><link as="script" rel="preload" href="/commons-8cddd9a865519903b38c.js"/><link as="script" rel="preload" href="/component---src-pages-404-js-9c04155390b493ad90ef.js"/><link as="fetch" rel="preload" href="/page-data\404.html\page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/63159454.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data\app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="section"><div class="container"><div class="navbar-wrapper"><div role="button" class="name" tabindex="0">Portfolio.</div><div class="links-wrapper"><button>Work</button><button>About</button><button>Contact</button></div></div></div></div><main><h1>404: Not Found</h1><p>You just hit a route that doesn't exist... the sadness.</p></main></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="/404.html";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-79abd7c50267fa169289.js"],"app":["/app-8953a75cc3ec0c9b758d.js"],"component---src-pages-404-js":["/component---src-pages-404-js-9c04155390b493ad90ef.js"],"component---src-pages-index-js":["/component---src-pages-index-js-15ba87e65bc70272af54.js"]};/*]]>*/</script><script src="/polyfill-79abd7c50267fa169289.js" nomodule=""></script><script src="/component---src-pages-404-js-9c04155390b493ad90ef.js" async=""></script><script src="/commons-8cddd9a865519903b38c.js" async=""></script><script src="/styles-e9d24b1846c7d6eb9685.js" async=""></script><script src="/app-8953a75cc3ec0c9b758d.js" async=""></script><script src="/framework-d585a04b7d285a7760d6.js" async=""></script><script src="/webpack-runtime-f30eb3f950bb72058675.js" async=""></script></body></html>