"use strict";(self.webpackChunkquarkly_export=self.webpackChunkquarkly_export||[]).push([[670],{6907:function(e,t,a){a.r(t);var n=a(3696),i=a(4929),r=a(2997),o=a(3317),l=a(6938),p=a(7785),x=a(605),s=a(4068),c=a(6395),d=a(3043),m=a(5033),g=a(2898),u=a(267),h=a(9022),y=a(1153);t.default=()=>n.createElement(r.Ay,{theme:i.A},n.createElement(m.c,{pageUrl:"work"}),n.createElement(d.m,null,n.createElement("title",null,"Work | Website Example"),n.createElement("meta",{name:"description",content:"It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something bigger. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference."}),n.createElement("meta",{property:"og:title",content:"Work | Website Example"}),n.createElement("meta",{property:"og:description",content:"It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something bigger. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference."}),n.createElement("meta",{property:"og:image",content:"https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/website-example-quarkly.png?v=2020-11-05T19:48:01.806Z"}),n.createElement("link",{rel:"shortcut icon",href:"https://uploads.quarkly.io/readme/cra/favicon-32x32.ico",type:"image/x-icon"})),n.createElement(s.A,{"quarkly-title":"Header","align-items":"center","justify-content":"center",padding:"16px 0 16px 0"},n.createElement(u.A,{slot:"SectionContent",display:"grid","grid-template-columns":"repeat(3, 1fr)","md-grid-template-columns":"repeat(2, 1fr)",margin:"0px 32px 0px 32px",width:"100%","md-margin":"0px 16px 0px 16px"}),n.createElement(c.A,{href:"/",position:"relative",transition:"opacity 200ms ease","quarkly-title":"Link"},n.createElement(o.A,{src:"https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-logo.svg?v=2020-11-06T17:26:21.226Z",width:"120px","z-index":"3"})),n.createElement(h.p,{"md-display":"flex","md-align-items":"center","md-justify-content":"flex-end"},n.createElement(u.A,{slot:"menu","md-width":"100%","align-items":"center","justify-content":"center","lg-transition":"transform 400ms ease 0s","md-position":"fixed",display:"flex","md-top":0,"lg-transform":"translateY(0px) translateX(0px)","md-left":0,"md-height":"100%",padding:"0px 0 0px 0"},n.createElement(u.A,{slot:"item",padding:"8px 20px 8px 20px","md-padding":"16px 40px 16px 40px",display:"inline-block","text-transform":"uppercase","text-align":"center"}),n.createElement(u.A,{slot:"item-404","lg-display":"none",display:"none"}),n.createElement(u.A,{slot:"item-index","lg-display":"none",display:"none"}),n.createElement(u.A,{slot:"link","md-color":"--dark","md-font":"16px/24px sans-serif","letter-spacing":"0.5px","md-opacity":".5",font:"--base","text-decoration-line":"initial",color:"--dark",opacity:".5","md-active-opacity":"1",transition:"opacity .15s ease 0s","md-transition":"opacity .15s ease 0s","md-hover-opacity":"1","hover-opacity":"1","text-transform":"initial"}),n.createElement(u.A,{slot:"link-active",opacity:"1",color:"--primary",cursor:"default","md-opacity":"1","md-cursor":"default"})),n.createElement(u.A,{slot:"icon,icon-close",category:"md",icon:y.vIB}),n.createElement(u.A,{slot:"icon","md-position":"relative",category:"md",icon:y.vIB,size:"36px","md-right":"0px"}),n.createElement(u.A,{slot:"menu-open","md-bottom":0,"md-display":"flex","md-flex-direction":"column","md-align-items":"center","md-justify-content":"center","md-top":0}),n.createElement(u.A,{slot:"icon-open","md-position":"fixed","md-top":"18px","md-right":"18px"})),n.createElement(l.A,{font:"--base","letter-spacing":"0.5px","border-radius":"0px",transition:"transform --transitionDuration-fast --transitionTimingFunction-easeInOut 0s","justify-self":"end",padding:"8px 18px 8px 18px","z-index":"5",background:"--color-primary","md-display":"none","white-space":"nowrap","hover-transform":"translateY(-4px)"},"Contact Us")),n.createElement(s.A,{padding:"25px 0 75px 0","lg-padding":"25px 0 25px 0","justify-content":"center","quarkly-title":"Hero"},n.createElement(u.A,{slot:"SectionContent",width:"100%",margin:"0px 32px 0px 32px","md-margin":"0px 16px 0px 16px","min-width":"auto"}),n.createElement(x.A,{"sm-min-height":"180px",width:"100%","min-height":"480px",display:"flex","align-items":"center","justify-content":"center",background:"radial-gradient(at center,--color-darkL2 23.3%,rgba(0,0,0,0) 82.4%),linear-gradient(180deg,rgba(155, 108, 252, 0.15) 0%,transparent 100%) 0 0 no-repeat,--color-darkL2","md-min-height":"360px"},n.createElement(p.Ay,{"justify-content":"center","quarkly-title":"Title","text-align":"center","sm-text-align":"center","md-font":"--headline2",font:"--headline1",margin:"0px 0px 0px 0px",display:"flex","align-items":"center",color:"--light","sm-font":"normal 900 42px/1.2 -apple-system, system-ui, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif","lg-font":"--headline2"},"Our Works."))),n.createElement(s.A,{"border-color":"--color-lightD2","border-style":"solid","border-width":"1px 0px 1px 0px","sm-padding":"24px 0 24px 0","quarkly-title":"About","box-sizing":"border-box",background:"--color-lightD1",padding:"90px 0px 100px 0px","lg-padding":"50px 0px 50px 0px","justify-content":"center"},n.createElement(u.A,{slot:"SectionContent","align-items":"center",margin:"0px 32px 0px 32px",width:"100%","md-margin":"0px 16px 0px 16px","min-width":"auto"}),n.createElement(p.Ay,{color:"--dark","lg-text-align":"center","lg-margin":"0px 0px 6px 0px","quarkly-title":"Title","text-transform":"uppercase","text-align":"center",font:"--base",opacity:"0.6","letter-spacing":"1px",margin:"0px 0px 10px 0px"},"OUR PROJECTS"),n.createElement(p.Ay,{"text-align":"center",width:"85%","lg-font":"--lead","sm-font":"--base",font:"--headline3",margin:"0px 0px 0px 0px","letter-spacing":"1px",color:"--dark"},"We’re a group of creatives who've built a business to make the world a better place.")),n.createElement(s.A,{"lg-padding":"60px 0 60px 0","quarkly-title":"Info","justify-content":"center",padding:"100px 0 80px 0"},n.createElement(u.A,{slot:"SectionContent",width:"100%","md-margin":"0px 16px 0px 16px","min-width":"auto",margin:"0px 32px 0px 32px"}),n.createElement(x.A,{"grid-gap":"32px","grid-template-columns":"2fr 3fr","lg-grid-template-columns":"1fr",display:"grid"},n.createElement(x.A,{"min-width":"100px","min-height":"100px",display:"flex","flex-direction":"column","align-items":"flex-start"},n.createElement(p.Ay,{margin:"0px 0px 10px 0px",color:"--dark",opacity:"0.6","lg-text-align":"center","text-transform":"uppercase",font:"--base","letter-spacing":"1px","lg-margin":"0px 0px 6px 0px","quarkly-title":"Title"},"Web design"),n.createElement(p.Ay,{color:"--dark","lg-text-align":"center","md-margin":"0px 0px 16px 0px","md-font":"--headline3",font:"--headline2",margin:"0px 0px 28px 0px"},"Project #1"),n.createElement(p.Ay,{"md-font":"--base",font:"--lead",margin:"0px 0px 20px 0px",color:"--darkL2",opacity:"0.6","lg-text-align":"left"},"It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something bigger. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference."),n.createElement(c.A,{margin:"9px 0px 0px 0px","hover-transform":"translateY(-4px)",transition:"transform --transitionDuration-fast --transitionTimingFunction-easeInOut 0s",color:"--light",padding:"8px 18px 8px 18px",font:"--base","letter-spacing":"0.5px","text-align":"center",href:"/contact","text-decoration-line":"initial",background:"--color-primary"},"I Want One Too!")),n.createElement(x.A,{transition:"background --transitionDuration-normal --transitionTimingFunction-easeInOut 0s","lg-order":"-1",width:"100%",background:"--color-lightD2 url(https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-illustration-sea-first.svg?v=2020-11-06T16:37:39.391Z) center center/100% no-repeat",margin:"0px 0px 0px 0px",padding:"0px 0px 60% 0px",height:"0px","hover-background":"--color-lightD2 url(https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-illustration-sea-first.svg?v=2020-11-06T16:37:39.391Z) center center/110% no-repeat"})),n.createElement(x.A,{display:"grid","grid-gap":"32px","grid-template-columns":"2fr 3fr",margin:"92px 0px 0px 0px","lg-grid-template-columns":"1fr","lg-margin":"56px 0px 0px 0px"},n.createElement(x.A,{"min-width":"100px","min-height":"100px",display:"flex","flex-direction":"column","align-items":"flex-start"},n.createElement(p.Ay,{"quarkly-title":"Title",font:"--base",color:"--dark","lg-margin":"0px 0px 6px 0px","lg-text-align":"center",margin:"0px 0px 10px 0px","letter-spacing":"1px",opacity:"0.6","text-transform":"uppercase"},"Mobile app"),n.createElement(p.Ay,{margin:"0px 0px 28px 0px",color:"--dark","lg-text-align":"center","md-margin":"0px 0px 16px 0px","md-font":"--headline3",font:"--headline2"},"Project #2"),n.createElement(p.Ay,{opacity:"0.6","lg-text-align":"left","md-font":"--base",font:"--lead",margin:"0px 0px 20px 0px",color:"--darkL2"},"It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something bigger. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference."),n.createElement(c.A,{href:"/contact",color:"--light","letter-spacing":"0.5px",margin:"9px 0px 0px 0px",background:"--color-primary","hover-transform":"translateY(-4px)",transition:"transform --transitionDuration-fast --transitionTimingFunction-easeInOut 0s","text-decoration-line":"initial",padding:"8px 18px 8px 18px",font:"--base","text-align":"center"},"I Want One Too!")),n.createElement(x.A,{transition:"background --transitionDuration-normal --transitionTimingFunction-easeInOut 0s","lg-order":"-1",width:"100%",background:"--color-lightD2 url(https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-illustration-sea-second.svg?v=2020-11-06T17:14:59.136Z) center center/100% no-repeat",margin:"0px 0px 0px 0px",padding:"0px 0px 60% 0px",height:"0px","hover-background":"--color-lightD2 url(https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-illustration-sea-second.svg?v=2020-11-06T17:14:59.136Z) center center/110% no-repeat"})),n.createElement(x.A,{display:"grid","grid-gap":"32px","grid-template-columns":"2fr 3fr",margin:"92px 0px 0px 0px","lg-grid-template-columns":"1fr","lg-margin":"56px 0px 0px 0px"},n.createElement(x.A,{"min-width":"100px","min-height":"100px",display:"flex","flex-direction":"column","align-items":"flex-start"},n.createElement(p.Ay,{"letter-spacing":"1px",opacity:"0.6","quarkly-title":"Title","lg-margin":"0px 0px 6px 0px","text-transform":"uppercase",font:"--base",margin:"0px 0px 10px 0px",color:"--dark","lg-text-align":"center"},"Web app"),n.createElement(p.Ay,{"md-font":"--headline3",font:"--headline2",margin:"0px 0px 28px 0px",color:"--dark","lg-text-align":"center","md-margin":"0px 0px 16px 0px"},"Project #3"),n.createElement(p.Ay,{"lg-text-align":"left","md-font":"--base",font:"--lead",margin:"0px 0px 20px 0px",color:"--darkL2",opacity:"0.6"},"It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference."),n.createElement(c.A,{background:"--color-primary","text-decoration-line":"initial","text-align":"center",padding:"8px 18px 8px 18px",font:"--base","letter-spacing":"0.5px",transition:"transform --transitionDuration-fast --transitionTimingFunction-easeInOut 0s",margin:"9px 0px 0px 0px","hover-transform":"translateY(-4px)",href:"/contact",color:"--light"},"I Want One Too!")),n.createElement(x.A,{background:"--color-lightD2 url(https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-illustration-sea-third.svg?v=2020-11-06T17:15:50.700Z) center center/100% no-repeat",margin:"0px 0px 0px 0px",padding:"0px 0px 60% 0px",height:"0px","hover-background":"--color-lightD2 url(https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-illustration-sea-third.svg?v=2020-11-06T17:15:50.700Z) center center/110% no-repeat",transition:"background --transitionDuration-normal --transitionTimingFunction-easeInOut 0s","lg-order":"-1",width:"100%"}))),n.createElement(s.A,{"box-sizing":"border-box","quarkly-title":"About",background:"--color-lightD1","border-style":"solid","border-color":"--color-lightD2","lg-padding":"50px 0px 50px 0px",padding:"80px 0px 80px 0px","border-width":"1px 0px 1px 0px","justify-content":"center"},n.createElement(u.A,{slot:"SectionContent","align-items":"center",width:"100%",margin:"0px 32px 0px 32px","md-margin":"0px 16px 0px 16px","min-width":"auto"}),n.createElement(x.A,{display:"grid","grid-template-columns":"1fr 2fr","lg-grid-template-columns":"1fr","grid-gap":"32px",width:"100%"},n.createElement(p.Ay,{color:"--darkL2","lg-margin":"0px 0px 0px 0px",font:"--headline3",margin:"0px 0px 10px 0px",display:"inline-block"},"Hi! I'm a paragraph."," "),n.createElement(p.Ay,{display:"inline-block",opacity:"0.6",color:"--darkL2","lg-text-align":"left","text-align":"left",font:"--base",margin:"0px 0px 0px 0px"},"Click here to add your own text and edit me. It’s a piece of cake. I’m a great space for you to tell a story and let your site visitors know more about you. Talk about your business and what products and services you offer."))),n.createElement(s.A,{padding:"75px 0 50px 0","lg-padding":"50px 0 25px 0","lg-height":"auto","justify-content":"center","quarkly-title":"USP"},n.createElement(u.A,{slot:"SectionContent",width:"100%",margin:"0px 32px 0px 32px","md-margin":"0px 16px 0px 16px","min-width":"auto"}),n.createElement(x.A,{"flex-direction":"column","lg-min-height":"420px","sm-min-height":"280px","min-height":"480px",padding:"36px 24px 36px 24px",display:"flex","align-items":"center","justify-content":"center",background:"linear-gradient(180deg,rgba(24, 29, 34, 0.5) 0%,transparent 100%) 0 0 no-repeat,--color-lightD1 url(https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-fireworks.svg?v=2020-11-06T17:22:27.801Z) center center/cover no-repeat","md-min-height":"360px"},n.createElement(p.Ay,{font:"--headline2","text-align":"center","quarkly-title":"Title",color:"--light","md-font":"--headline3",margin:"10px 0px 15px 0px"},"Make It Work."),n.createElement(p.Ay,{margin:"0px 0px 28px 0px",font:"--lead",opacity:"0.6","text-align":"center","quarkly-title":"Description",color:"--light","max-width":"720px"},"Good design adds value faster than it adds cost."),n.createElement(l.A,{margin:"10px auto 0px auto",width:"fit-content",color:"--darkL2",transition:"opacity .15s ease 0s","z-index":"5","active-box-shadow":"none",background:"--color-light",opacity:"1","md-font":"--base",padding:"8px 36px 8px 36px","letter-spacing":"0.5px",position:"relative","hover-box-shadow":"none",font:"--lead","hover-opacity":".85","focus-box-shadow":"none"},"Start Now"))),n.createElement(s.A,{margin:"0 0 0 0",padding:"16px 0 16px 0","box-sizing":"border-box","quarkly-title":"Footer","justify-content":"center"},n.createElement(u.A,{slot:"SectionContent","min-width":"auto",width:"100%",margin:"0px 32px 0px 32px","md-margin":"0px 16px 0px 16px"}),n.createElement(x.A,{width:"100%","grid-template-columns":"repeat(2, 1fr)","sm-grid-gap":"16px",display:"grid","grid-gap":"32px"},n.createElement(x.A,{display:"flex","align-items":"center","sm-flex-wrap":"wrap"},n.createElement(o.A,{width:"28px",height:"28px",src:"https://uploads.quarkly.io/5f44d0da669357001e60ed14/images/default-website-quarkly-logo-grey.svg?v=2020-11-06T17:24:35.270Z"}),n.createElement(c.A,{opacity:"0.6","text-decoration-line":"initial","text-align":"left","hover-text-decoration-line":"underline",font:"--base",color:"--dark","white-space":"nowrap",href:"https://quarkly.io/",margin:"1px 0px 0px 10px"},"Made on Quarkly")),n.createElement(g.A,{facebook:"https://www.facebook.com/quarklyapp/",twitter:"https://twitter.com/quarklyapp",youtube:"https://www.youtube.com/channel/UCK5bXs2L0bbSMQ82BQ3hIkw","justify-content":"flex-end"},n.createElement(u.A,{slot:"link",background:"none","border-radius":"50%"}),n.createElement(u.A,{slot:"icon",color:"--dark"})))))}}]);
//# sourceMappingURL=component---src-pages-work-js-27c44a7a9429970d5174.js.map