https://quarkly.io/component---src-pages-lp-drag-and-drop-web-page-editor-js-a84996a8e7962e6df380.js
1"use strict";(self.webpackChunkquarkly_export=self.webpackChunkquarkly_export||[]).push([[17240],{62736:function(e,t,r){r.r(t);var a=r(67294),o=r(55916),n=r(11522),i=r(81417),l=r(15124),s=r(25995),p=r(84288),m=r(61552),c=r(37524),d=r(25509),g=r(35414),u=r(1095),h=r(5982),y=r(93759),x=r(44085),f=r(56507),b=r(89289);t.default=function(){return a.createElement(n.ZP,{theme:o.Z},a.createElement(u.F,{pageUrl:"lp/drag-and-drop-web-page-editor"}),a.createElement(g.q,null,a.createElement("title",null,"Drag and drop web page editor | Quarkly"),a.createElement("meta",{name:"description",content:"Get all the power of graphic design tools and website builders. Publish your website online or export it to Github. Use pre-made React components or build your own"}),a.createElement("meta",{property:"og:title",content:"Drag and drop web page editor | Quarkly"}),a.createElement("meta",{property:"og:description",content:"Get all the power of graphic design tools and website builders. Publish your website online or export it to Github. Use pre-made React components or build your own"}),a.createElement("meta",{property:"og:image",content:"https://uploads.quarkly.io/landing/q-og-1200.png"}),a.createElement("link",{rel:"shortcut icon",href:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/favicon.png?v=2020-09-25T11:53:45.486Z",type:"image/x-icon"}),a.createElement("link",{rel:"apple-touch-icon",href:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/favicon-152w.png?v=2020-09-25T11:53:45.538Z"}),a.createElement("link",{rel:"apple-touch-icon",sizes:"76x76",href:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/favicon-152w.png?v=2020-09-25T11:53:45.538Z"}),a.createElement("link",{rel:"apple-touch-icon",sizes:"152x152",href:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/favicon-152w.png?v=2020-09-25T11:53:45.538Z"}),a.createElement("link",{rel:"apple-touch-startup-image",href:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/favicon-152w.png?v=2020-09-25T11:53:45.538Z"}),a.createElement("meta",{name:"msapplication-TileImage",content:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/favicon-270w.png?v=2020-09-25T11:53:45.477Z"})),a.createElement(i.Z,{"text-decoration-line":"initial","quarkly-title":"Evangelist banner",href:"/dev-advocate",display:"none"}," ",a.createElement(l.Z,{font:"--captureSm",padding:"12px 0px 12px 0px",color:"--light",background:"--color-darkL1",display:"flex","align-items":"center","justify-content":"center"}," ","Developer Advocate wanted ð¤","\n ")),a.createElement(b.nn,null),a.createElement(b.h4,null),a.createElement(s.Z,{padding:"100px 0 50px 0","background-image":"linear-gradient(0deg, #0E1317 0%, #22262E 100%)","lg-text-align":"left","md-text-align":"left","sm-padding":"40px 0 50px 0","md-padding":"40px 0 50px 0","text-align":"center"}," ",a.createElement(p.ZP,{margin:"20px 0 30px 0",color:"--light","sm-font":"--h1Sm","lg-text-align":"left",as:"h1",font:"--h1"},"Drag and drop web page editor",a.createElement(m.c,{"overflow-wrap":"normal","word-break":"normal","white-space":"normal","text-indent":"0","text-overflow":"clip",hyphens:"manual"},".")," ","It is"," ",a.createElement(c.Z,{"overflow-wrap":"normal","word-break":"normal",color:"--secondary","white-space":"normal","text-indent":"0","text-overflow":"clip",hyphens:"manual"},"Quarkly"),a.createElement(m.c,{"overflow-wrap":"normal","word-break":"normal","white-space":"normal","text-indent":"0","text-overflow":"clip",hyphens:"manual"},"."))," ",a.createElement(p.ZP,{"sm-font":"--baseSm","lg-margin-left":"0px",as:"p",font:"normal 400 24px/1.5 --fontFamily-googleSourceSansPro",color:"--light",margin:"0 auto 48px auto","sm-margin":"0 auto 32px 0px","max-width":"540px","lg-text-align":"left"},"Get all the power of graphic design tools and website builders. Publish your website online or export it to Github. Use pre-made React components or build your own")," ",a.createElement(b.DO,{href:"/auth/sign-up",color:"--light",display:"inline-block",font:"--capture","text-decoration-line":"initial","lg-margin-left":"0px","lg-text-align":"left",transform:"translateY(0)","background-color":"--darkL1","hover-transform":"translateY(-8px)","letter-spacing":"2px",margin:"0 auto","text-transform":"uppercase",transition:"transform 0.2s ease-in-out",border:"5px solid #2D8FDD","border-radius":"100px","font-weight":"700",padding:"16px 40px"}," ","Create Project"," \n ")),a.createElement(s.Z,{"background-color":"--color-darkL1","text-align":"left"}," ",a.createElement(l.Z,{height:"0px",margin:"24px 0px 24px 0px",position:"relative",width:"100%","padding-bottom":"56.25%","box-shadow":"0 10px 15px -3px rgba(0, 0, 0, 0.3),0 4px 6px -2px rgba(0, 0, 0, 0.1)",background:"--color-darkL1 url(https://uploads.quarkly.io/landing/promo-video-poster.png) 0% 0%/cover no-repeat","border-radius":"4px","margin-top":"96px","sm-margin-top":"64px"}," ",a.createElement(b.tL,{height:"100%",left:"0",top:"0",videoId:"Rzgdz1mbLbE",position:"absolute",width:"100%"})," ")),a.createElement(s.Z,{padding:"100px 0","background-color":"--color-darkL1",position:"relative","text-align":"left","font-weight":"300","md-padding-top":"60px","md-padding-bottom":"60px","padding-top":"60px","padding-bottom":"60px"}," ",a.createElement(p.ZP,{"letter-spacing":"4px",display:"inline-block",font:"--capture",color:"--primary","text-transform":"uppercase"}," ","DESIGNER","\n ")," ",a.createElement(p.ZP,{as:"h2",font:"--h2",margin:"4px 0 48px 0",color:"--light","sm-font":"--h2Sm"},"Complete"," ",a.createElement(c.Z,{color:"--secondary"},"design")," ","control.")," ",a.createElement(h.Z,{gap:"12px"}," ",a.createElement(y.Z,{width:"100%","lg-width":"100%"},a.createElement(x.Z,{slot:"StackItemContent","border-radius":"12px","padding-bottom":"36px","flex-direction":"column",background:"--color-darkL2"})," "," ",a.createElement(l.Z,{overflow:"hidden",position:"relative"}," ",a.createElement(l.Z,{"border-radius":"12px 12px 0 0",top:"0",right:"0",bottom:"auto",left:"0","z-index":"1","background-image":"linear-gradient(180deg, #22262E 0%, transparent 50%)",height:"374px",position:"absolute"})," ",a.createElement(l.Z,{"margin-top":"0px",background:"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-webdesigner-all.png) 60% 40%/160% no-repeat scroll padding-box","lg-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-webdesigner-all.png) 50% 40%/250% no-repeat scroll padding-box","flex-direction":"row-reverse",height:"374px",display:"flex","border-radius":"12px 12px 0 0","padding-top":"0px","md-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-webdesigner-all.png) 60% 40%/180% no-repeat scroll padding-box",width:"100%","flex-wrap":"wrap","align-content":"flex-start","xl-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-webdesigner-all.png) 50% 40%/200% no-repeat scroll padding-box","sm-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-webdesigner-all.png) 60% 30%/220% no-repeat scroll padding-box"})," ")," ",a.createElement(p.ZP,{as:"p",font:"--capture","sm-margin-bottom":"24px","sm-font":"--baseSm","text-align":"center","z-index":"2",color:"--greyL2",margin:"24px 36px 32px 36px","md-margin":"24px 36px 24px 36px"}," ",a.createElement(c.Z,{"word-break":"normal","text-overflow":"clip",hyphens:"manual",color:"--light","font-weight":"700","overflow-wrap":"normal","white-space":"normal","text-indent":"0",font:'500 18px/25.2px "Source Sans Pro", sans-serif'}," ","Features"," \n ")," ",a.createElement("br",null),"Now your website will be noticed! Use our unique animations, catchy layouts, and transformations.")," ")," ",a.createElement(b.by,{width:"50%","sm-width":"100%","md-width":"100%","lg-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Primitives","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Basic components which are similar to HTML tags like Text, Image, Box, and others."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-content-primitives.svg",alt:"Quarkly Features. Several components from Primitives group: Image, Text, Icon, Button, Box"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"50%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Creating components on a page","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"On the page or on the Layer panel, choose an element (or a group of elements) and convert them into a component. Add component copies to the page. All the props will be inherited."),a.createElement(x.Z,{slot:"image",alt:"Quarkly Features. Three card components",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-components-on-a-page.svg"})," "," "," "," ")," ",a.createElement(b.by,{"sm-width":"100%","md-width":"50%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Displaying custom props on the panel","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Any property belonging to a custom component can be shown on the right panel."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-components-custom-props.svg",alt:"Quarkly Features. Displaying custom props on the panel"})," "," "," "," ")," ",a.createElement(y.Z,{"sm-width":"100%",width:"50%","md-width":"50%","lg-width":"50%"},a.createElement(x.Z,{slot:"StackItemContent",background:"--color-darkL2","border-radius":"12px","flex-direction":"column",padding:"0px 0px 36px 0px"})," "," ",a.createElement(b.et,{overflow:"hidden","border-radius":"12px 12px 0 0"})," ",a.createElement(p.ZP,{margin:"24px 36px 36px 36px","sm-margin-bottom":"24px",as:"p",font:"--capture",color:"--greyL2","sm-font":"--baseSm"}," ",a.createElement(c.Z,{color:"--light","font-weight":"700",font:'500 18px/25.2px "Source Sans Pro", sans-serif'}," ","Themes","\n ")," ",a.createElement("br",null),"With themes, you can craft a consistent site design")," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"50%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Your website is completely responsive to mobile devices by using different design solutions for elements at breakpoints."),a.createElement(x.Z,{slot:"image",alt:"Quarkly Features. Example of how page looks with different breakpoints",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-adaptive-design-customizing.svg"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Customizing design with breakpoints","\n ")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"50%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Adding and editing breakpoints","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Use your custom breakpoints or choose one of the existing ones."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-adaptive-design-editing-ad
1ding-breakpoints.svg",alt:"Quarkly Features. Part of Quarkly interface featuring breakpoint settings "})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-dnd.svg",alt:"Quarkly Features. Drag'n'Drop of elements"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Drag'n'Drop","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Arrange elements however you want on the page, drop them on the desired area, or nest them in other elements.")," "," "," "," ")," ",a.createElement(b.by,{itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%","sm-width":"100%",itemscope:!0},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Multiselect","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"You can select multiple elements to set their styles, drag'n'drop them to another place, remove, etc."),a.createElement(x.Z,{slot:"image",src:"https://uploads.quarkly.io/landing/quarkly-features-multiselect.svg",alt:"Quarkly Features. Select of multiple elements (button and text)",itemprop:"contentUrl"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Text editor","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"You can edit part of the text making it bold or italic, turning it into a link or converting to span, as well as appyling any style to it."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-text-editor.svg",alt:"Quarkly Features. Partly styled text with text edit panel"})," "," "," "," ")," ",a.createElement(b.by,{width:"33.33%","md-width":"50%","sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject"},a.createElement(x.Z,{slot:"text1",itemprop:"description"},"You can go up and down the hierarchy of elements using the double click. If you want to dive into the hierarchy, on Windows hold down the Ctrl key and on MacOs the Cmd key."),a.createElement(x.Z,{slot:"image",alt:"Quarkly Features. Spacing display",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-deepselect.svg?v=2021-02-10T07:52:47.636Z"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Deep select","\n ")," "," "," "," ")," ",a.createElement(b.by,{"md-width":"50%","sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%"},a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Quarkly supports the most advanced approaches to frontend coding."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-flex-grid.svg",alt:"Quarkly Features. Abstract examples of flexbox and grid"}),a.createElement(x.Z,{slot:"text",itemprop:"name",font:"--capture"}," ","Support of Flexbox and Grid","\n ")," "," "," "," ")," ",a.createElement(b.by,{"md-width":"50%","sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%"},a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-pseudo-class.svg?ver=1",alt:"Quarkly Features. Example of buttons with different styles depending on pseudo-class"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Configuring styles of pseudo-classe
1s hover/active/focus, etc.","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},'If you want to change the element look, for instance, how it appears on hover, enable "hover" and configure the desired props.')," "," "," "," ")," ",a.createElement(b.by,{"md-width":"50%","sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%"},a.createElement(x.Z,{slot:"text",itemprop:"name",font:"--capture"}," ","Google Fonts Connection","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Make your website look more vibrant by using fonts from a library with over 990 font families."),a.createElement(x.Z,{slot:"image",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-google-fonts.png",alt:"Quarkly Features. Google Fonts Logo",itemprop:"contentUrl"})," "," "," "," ")," ",a.createElement(b.by,{"sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name",font:"--capture"}," ","Unsplash images","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Unsplash is one of the most trending free image stocks. Browse its collection and choose images directly from the Quarkly interface."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-unsplash.svg",alt:"Quarkly Features. Unsplash Logo"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Props panel","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Enjoy categorized style and functional properties."),a.createElement(x.Z,{slot:"image",alt:"Quarkly Features. Part of Quarkly interface featuring the props panel",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-props-panel.svg"})," "," "," "," ")," ",a.createElement(b.by,{itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%",itemscope:!0},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Layout","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Check out this section to use element display properties."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-layout.svg",alt:"Quarkly Features. Example of changing properties from Layout group"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Typography","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"To change text styles, use special properties in this section"),a.createElement(x.Z,{slot:"image",alt:"Quarkly Features. Example of changing properties from Typography group",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-typography.svg"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Indents","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Open these settings to configure margins and paddings."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-indents.svg",alt:"Quarkly Features. Example of changing properies from the Indents group"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}
1," ","Background","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This section contains props that help set element backgrounds."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-background.svg",alt:"Quarkly Features. Example of changing properies from Background group"})," "," "," "," ")," ",a.createElement(b.by,{itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%",itemscope:!0},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Borders","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This section allows you to adjust borders and border radius."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-border.svg",alt:"Quarkly Features. Example of changing properies from Borders group"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Position","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This category allows you to adjust element position and z-index settings."),a.createElement(x.Z,{slot:"image",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-position.svg",alt:"Quarkly Features. Example of changing properies from Position group",itemprop:"contentUrl"})," "," "," "," ")," ",a.createElement(b.by,{"md-width":"50%","sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Blend mode","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This property gives you additional design opportunities."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-blending.svg",alt:"Quarkly Features. Example of changing properies from Effects group"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-shadow.svg",alt:"Quarkly Features. Example of changing Box shadow property from Effects group"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Box shadow","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This property lets you configure the element shadow.")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Transition","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This property makes an element transit smoothly from one state to another."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-transition.svg",alt:"Quarkly Features. Example of changing Transition property from Effects group"})," "," "," "," ")," ",a.createElement(b.by,{itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%",itemscope:!0},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Transform","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"With this property, you can transform the element, for instance, rotate or zoom."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-transform.svg",alt:"Quarkly Features. Example of changing Transform property from Effects group"})," "," "," "," ")," ",a.createElement(b.by,{"sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Filter","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This property will help you apply a wide range of visual effects."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-styles-filter.svg",alt:"Quarkly Features. Example of changing Filter property from Effects group"})," "," "," "," ")," ")," ",a.createElement(b.DO,{color:"--light",display:"inline-block",href:"/auth/sign-up",transition:"transform 0.2s ease-in-out","hover-transform":"translateY(-8px)",font:"--capture","font-weight":"700","letter-spacing":"2px",padding:"16px 40px","sm-margin":"20px auto 0 0px","text-decoration-line":"initial","text-transform":"uppercase",border:"5px solid --color-light","border-radius":"100px",margin:"50px auto 0 auto",transform:"translateY(0)","background-color":"--darkL1"}," ","Create project","\n ")),a.createElement(s.Z,{"background-color":"--color-darkL1","font-weight":"300",position:"relative","md-
1padding-top":"50px","md-padding-bottom":"50px","padding-top":"60px","padding-bottom":"60px","text-align":"left",padding:"100px 0"}," ",a.createElement(p.ZP,{font:"--capture",color:"--primary","text-transform":"uppercase","letter-spacing":"4px",display:"inline-block"}," ","DEVELOPER","\n ")," ",a.createElement(p.ZP,{font:"--h2",margin:"4px 0 48px 0",color:"--light","sm-font":"--h2Sm",as:"h2"},"Great tools for"," ",a.createElement(c.Z,{color:"--secondary"},"React.js Developers"),".")," ",a.createElement(h.Z,{gap:"12px"}," ",a.createElement(y.Z,{"lg-width":"100%",width:"100%"},a.createElement(x.Z,{slot:"StackItemContent","border-radius":"12px","padding-bottom":"36px","flex-direction":"column",background:"--color-darkL2"})," "," ",a.createElement(l.Z,{"md-flex-direction":"column",display:"flex","box-sizing":"border-box","border-radius":"12px 12px 0 0",overflow:"hidden","margin-bottom":"24px","sm-max-height":"340px"}," ",a.createElement(l.Z,{"background-repeat":"no-repeat",background:"linear-gradient(180deg,transparent 73.3%,--color-darkL2 99%) 0 0 no-repeat,rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/own-component-code.png) 0% 0% /cover no-repeat scroll padding-box","border-radius":"0px",position:"relative","margin-left":0,"margin-right":"16px",height:"400px",width:"50%","md-width":"100%","background-size":"contain"})," ",a.createElement(b.vB,{"margin-right":0,"justify-content":"flex-start","margin-left":"16px",padding:"7% 0px 0px 0px",color:"--secondary","xl-font":"100 120px/1 --fontFamily-googleSourceSansPro",mode:"smooth","md-width":"100%","sm-min-height":"138px",display:"block",move:"enable","align-items":"flex-start","flex-wrap":"wrap","padding-top":0,width:"50%",font:"100 120px/1 --fontFamily-googleSourceSansPro"},a.createElement(x.Z,{slot:"Text","word-break":"keep-all",margin:"16px 18px 16px 0px",color:"--secondary","white-space":"nowrap"}," ","This is user's newsticker component!","\n ")," "," ")," ")," ",a.createElement(p.ZP,{as:"p",font:"--capture",color:"--greyL2",margin:"24px 36px 36px 36px","sm-font":"--baseSm","sm-margin-bottom":"24px"}," ",a.createElement(c.Z,{font:'500 18px/18px "Source Sans Pro", sans-serif',"white-space":"normal","text-indent":"0","text-overflow":"clip","font-weight":"700","overflow-wrap":"normal","word-break":"normal",hyphens:"manual",color:"--light"},"Creating custom React components in the code editor")," ",a.createElement("br",null),"You can make your own React components in the Quarkly code editor and add them to the page.")," ")," ",a.createElement(b.by,{width:"33.33%","sm-width":"100%","md-width":"50%",itemscope:!0,itemtype:"http://schema.org/ImageObject"},a.createElement(x.Z,{slot:"text",itemprop:"name"},"Developer's Guide"),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Useful tutorials on how to build apps, develop components for Quarkly, and more."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-guide-for-developers.svg?v=2021-08-03T14:19:01.761Z",alt:"Quarkly Features. NPM logo and example of string with module import"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Hot import of NPM modules","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Importing modules to your component from NPM has never been easier."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-components-hot-npm-import.svg",alt:"Quarkly Features. NPM logo and example of string with module import"})," "," "," "," ")," ",a.createElement(b.by,{width:"33.33%","md-width":"50%","sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Export to Create React App","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"If you need to complete or host your project on your own server, it's easy: just export it into an archive with a create-react-app project."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-export-cra.svg",alt:"Quarkly Features. React.js logo"})," "," "," "," ")," ",a.createElement(b.by,{"sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Export to Gatsby Project","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Export your projects to Gatsby â one of the most famous static-site generation web frameworks"),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-export-gatsby.svg",alt:"Quarkly Features. Gatsby logo"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-github.svg?v=2020-10-26T15:07:30.957Z"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Pushing commits to your GitHub repository","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"If needed, you can create a GitHub repository for your project and commit changes.")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Publication on Netlify","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Publish your site on Netlify when it's ready. A technical domain will be generated automatically, for instance: https://inspiring-beaver-d128ed.netlify.app."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-netlify.svg?v=2020-10-26T13:40:01.248Z"})," "," "," "," ")," ",a.createElement(b.by,{width:"25%","md-width":"50%","sm-width":"100%",itemscope:!0,itemtype:"http://schema.org/ImageObject"},a.createElement(x.Z,{slot:"text1",itemprop:"description"},"The editor displays all the entities of the page."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-code-editor-base.svg",alt:"Quarkly Features. Code in Quarkly editor"}),a.createElement(x.Z,{slot:"text",itemprop:"name",font:"--capture"}," ","Modern built-in code editor","\n ")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Debugger","\n ",a.createElement("br",null)," "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Our debug console will help you track errors in the component code and pages."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-code-editor-debugger.svg",alt:"Quarkly Features. Example of errors in Debugger"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-code-editor-hints.svg",alt:"Quarkly Features. Example of hint in Quarkly code editor"}),a.createElement(x.Z,{slot:"text",itemprop:"name"},"Tips in the code"),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"If you need help when spelling a property, start typing and the editor will auto-complete what you've written.")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","md-width":"50%","sm-width":"100%"},a.createElement(x.Z,{slot:"text",itemprop:"name"},"Synched pages and code editor"),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Whatever changes you make to the pages, they all will be displayed in the code and vice versa."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-code-editor-sync.svg",alt:"Quarkly Features. Example of synchronization between code and page"})," "," "," "," ")," ")," ",a.createElement(b.DO,{display:"inline-block","background-color":"--darkL1","sm-margin":"20px auto 0 0px",href:"/auth/sign-up",color:"--light",font:"--capture","text-decoration-line":"initial","text-transform":"uppercase",transform:"translateY(0)","border-radius":"100px","font-weight":"700","hover-transform":"translateY(-8px)","letter-spacing":"2px",margin:"50px auto 0 auto",padding:"16px 40px",transition:"transform 0.2s ease-in-out",border:"5px solid --color-light"}," ","Create project","\n ")),a.createElement(s.Z,{"font-weight":"300","padding-top":"60px","padding-bottom":"60px","text-align":"left","background-color":"--color-darkL1","md-padding-top":"50px","md-padding-bottom":"50px",padding:"100px 0 150px 0",position:"relative"}," ",a.createElement(p.ZP,{display:"inline-block",font:"--capture",color:"--primary","text-transform":"uppercase","letter-spacing":"4px"}," ","WEB Entrepreneur","\n ")," ",a.createElement(p.ZP,{as:"h2",font:"--h2",margin:"4px 0 48px 0",color:"--light","sm-font":"--h2Sm"},"Wonderful opportunities for"," ",a.createElement(c.Z,{color:"--secondary"},"business"),".")," ",a.createElement(h.Z,{gap:"12px"}," ",a.createElement(y.Z,{width:"100%","md-width":"100%"},a.createElement(x.Z,{slot:"StackItemContent",padding:"54px 36px 36px",background:"--color-darkL2","border-radius":"12px","padding-bottom":"36px","flex-direction":"column"})," "," ",a.createElement(d.Z,{src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/collaboration-illustration.svg?v=2020-11-04T20:28:52.010Z",height:"320px",margin:"0px 0px 24px 0px",width:"100%"})," ",a.createElement(p.ZP,{as:"p",color:"--greyL2","lg-text-align":"left","md-text-align":"left",font:"--capture","sm-font":"--baseSm",margin:"24px 0px 36px 0px","sm-margin-bottom":"24px","text-align":"center"}," ",a.createElement(c.Z,{font:'500 18px/25.2px "Source Sans Pro", sans-serif',"font-weight":"700",color:"--light","text-align":"center","overflow-wrap":"normal","text-indent":"0",hyphens:"manual","word-break":"normal","white-space":"normal","text-overflow":"clip"},"Work together as a team")," ",a.createElement("br",null),"Benefit from the Quarkly collaboration tool: work on a project with your team by just sending them an invite.")," ")," ",a.createElement(y.Z,{width:"50%","lg-width":"100%"},a.createElement(x.Z,{slot:"StackItemContent",background:"--color-darkL2","padding-bottom":"36px","flex-direction":"column","border-radius":"12px"})," "," ",a.createElement(l.Z,{"margin-bottom":"24px",height:"380px",margin:"0px 0px 16px 0px",overflow:"hidden",position:"relative"}," ",a.createElement(l.Z,{position:"absolute","border-radius":"12px 12px 0 0",top:"0",right:"0",bottom:"0",left:"0","z-index":"1","background-image":"linear-gradient(180deg, #22262E 0%, transparent 50%)"})," ",a.createElement(l.Z,{"align-content":"flex-start","padding-top":"0px","md-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-all.png) 60% 40%/180% no-repeat scroll padding-box","sm-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-all.png) 60% 30%/220% no-repeat scroll padding-box",width:"100%","margin-top":"0px","xl-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-all.png) 50% 40%/200% no-repeat scroll padding-box","lg-background":"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-all.png) 50% 40%/250% no-repeat scroll padding-box",height:"400px","flex-wrap":"wrap",background:"rgba(0, 0, 0, 0) url(https://uploads.quarkly.io/landing/resources-all.png) 60% 40%/200% no-repeat scroll padding-box",display:"flex","flex-direction":"row-reverse","border-radius":"12px 12px 0 0"})," ")," ",a.createElement(p.ZP,{as:"p",color:"--greyL2",margin:"0px 36px 32px 36px","md-margin":"24px 36px 24px 36px","sm-margin-bottom":"24px","sm-font":"--baseSm",font:"--capture","z-index":"2","text-align":"left"}," ",a.createElement(c.Z,{"overflow-wrap":"normal","text-overflow":"clip",color:"--light","font-weight":"700","text-indent":"0",hyphens:"manual",font:'500 18px/25.2px "Source Sans Pro", sans-serif',"word-break":"normal","white-space":"normal"},"Add content")," ",a.createElement("br",null),"Make use of the ready-made blocks: pop-ups, maps, videos, and many more!")," ")," ",a.createElement(b.by,{width:"50%","sm-width":"100%","md-width":"50%",itemscope:!0,itemtype:"http://schema.org/ImageObject"},a.createElement(x.Z,{slot:"image",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-familiar-workflow.svg?v=2021-08-03T15:37:06.477Z",alt:"Quarkly Features. List of categories and example of blocks",itemprop:"contentUrl"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Familiar workflow","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"No need to climb a steep learning curve since you deal with the workflow you already know")," "," "," "," ")," ",a.createElement(b.by,{itemtype:"http://schema.org/ImageObject",width:"50%","sm-width":"100%","md-width":"50%",itemscope:!0},a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-content-thematic-blocks.svg",alt:"Quarkly Features. List of categories and example of blocks"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Ready-to-go themed blocks","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Benefit from component blocks with thematic cont
1ent. Customize them the way you like as you do with regular components.")," "," "," "," ")," ",a.createElement(b.by,{"sm-width":"100%","md-width":"50%",itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"},"Catalog with components"),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"A rich library of more than 40 components which is updated on a regular basis"),a.createElement(x.Z,{slot:"image",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-content-quarkly-component-catalog.svg?v=2021-05-20T10:54:25.910Z",alt:"Quarkly Features. Several components from Quarkly UI library: Formspree, Map, SocialMedia",itemprop:"contentUrl"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"image",src:"https://uploads.quarkly.io/landing/quarkly-features-SEO-semantic-tags.svg",alt:'Quarkly Features. Part of Quarkly interface featuring "as" property of Text element',itemprop:"contentUrl"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Semantic tags","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"All components can act as a tag. Just select the necessary âasâ property value.")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Schema.org","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"In the code editor, you can assign necessary attributes to elements."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-SEO-schema.svg",alt:"Quarkly Features. Quarkly code editor, adding Schema.org attributes to Box element"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"33.33%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Image ALT","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"A separate property belonging to the âImageâ element."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://uploads.quarkly.io/landing/quarkly-features-SEO-image-alt.svg",alt:"Quarkly Features. Part of Quarkly editor, editing value of Alt property of Image attribute"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Favicons","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"This feature helps you install unique icons for all devices and individual tile background color for Windows 10."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-SEO-favicons.svg?v=2020-10-26T14:32:40.948Z"})," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-SEO-meta-tags.svg?v=2020-10-26T14:33:02.448Z"}),a.createElement(x.Z,{slot:"text",itemprop:"name"}," ","Open graph and meta tags","\n "),a.createElement(x.Z,{slot:"text1",itemprop:"description"},"These settings will help your site display correctly on social networks and in search engines.")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"text1",itemprop:"description"},"Make sure you use human-readable URLs to improve your site's SEO."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-SEO-friendly-url.svg?v=2020-10-26T14:33:12.395Z"}),a.createElement(x.Z,{slot:"text",itemprop:"name"},"User-friendly URL")," "," "," "," ")," ",a.createElement(b.by,{itemscope:!0,itemtype:"http://schema.org/ImageObject",width:"25%","sm-width":"100%","md-width":"50%"},a.createElement(x.Z,{slot:"text1",itemprop:"description"},"These files are created automatically. But you can edit them if needed."),a.createElement(x.Z,{slot:"image",itemprop:"contentUrl",src:"https://test-upl.quarkly.io/5e60efa12db4d10024432a9f/images/quarkly-features-robots-sitemap.svg?v=2021-08-02T10:03:21.769Z"}),a.createElement(x.Z,{slot:"text",itemprop:"name"},"Sitemap.xml and robots.txt")," "," "," "," ")," ")),a.createElement(s.Z,{padding:"100px 0 100px 0","background-color":"--light",position:"relative",background:"--color-indigo","sm-padding-top":"60px","sm-padding-bottom":"60px","sm-text-align":"left","text-align":"center"}," ",a.createElement(p.ZP,{font:"--h2",margin:"4px 0 36px 0",color:"--dark","sm-font-size":"60px","sm-line-height":"1.2",as:"h2"}," ","Use it for"," \n ",a.createElement(c.Z,{color:"--light","overflow-wrap":"normal","word-break":"normal","white-space":"normal","text-indent":"0","text-overflow":"clip",hyphens:"manual"}," ","free","\n ",a.createElement(m.c,{"overflow-wrap":"normal","word-break":"normal","white-space":"normal","text-indent":"0","text-overflow":"clip",hyphens:"manual"}," ",".","\n ")," ")," ")," ",a.createElement(p.ZP,{font:"--h3",margin:"0 auto 58px auto",color:"--dark","max-width":"800px","sm-font":"--h3Sm","sm-margin-bottom":"36px",as:"p"}," ","We give you Quarkly for"," \n ",a.createElement(c.Z,{"text-overflow":"clip",hyphens:"manual",color:"--light","overflow-wrap":"normal","word-break":"normal","white-space":"normal","text-indent":"0"}," ","free","\n ")," ","as long as we can, and then offer"," \n ",a.createElement(c.Z,{color:"--light"}," ","the lowest price","\n ")," ","among our competitors.","\n ")," ",a.createElement(b.DO,{"hover-transform":"translateY(-8px)",padding:"16px 40px","border-radius":"100px",color:"--light",display:"inline-block",margin:"20px auto 0 auto","margin-top":"0px",href:"/auth/sign-up","background-color":"--darkL1",border:"5px solid --color-light","letter-spacing":"2px","text-transform":"uppercase",transition:"transform 0.2s ease-in-out","text-decoration-line":"initial",transform:"translateY(0)",font:"--capture","font-weight":"700","sm-margin":"20px auto 0 0px"}," ","Create project","\n ")),a.createElement(b.dP,null,a.createElement(x.Z,{slot:"text","sm-width":"100%"}),a.createElement(x.Z,{slot:"socialMedia"},a.createElement(x.Z,{slot:"link-discord","hover-background":"#6D86DA"})," "," "),a.createElement(x.Z,{slot:"stackItem2/StackItemContent","justify-content":"flex-end"}),a.createElement(x.Z,{slot:"single-link","justify-content":"center","align-items":"center",padding:"7px 12px 11px 12px"})," "," "," "," "),a.createElement(b.KC,{position:"relative"}),a.createElement(b.R,null,a.createElement(x.Z,{slot:"image","box-shadow":"--xl","border-radius":"12px","sm-border-radius":"8px"})," "),a.createElement(f.Z,null,a.createElement("style",{place:"endOfHead",rawKey:"6112594f4be044a4afc89e95"},":root {\n box-sizing: border-box;\n}\n\n* {\n box-sizing: inherit;\n}\n\nh1::selection, p::selection, h1 span::selection, h2::selection, div::selection, strong::selection, span::selection, a::selection {\nbackground-color: #F54C3C;\ncolor: white;\n}\n"),a.createElement("script",{async:!1,src:"",place:"endOfBody",rawKey:"62d3457ba4c93897c6f6eb52"},'(function (w, d, s, l, i) {\n w[l] = w[l] || [];\n w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });\n var f = d.getElementsByTagName(s)[0],\n j = d.createElement(s),\n dl = l != "dataLayer" ? "&l=" + l : "";\n j.async = true;\n j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;\n f.parentNode.insertBefore(j, f);\n})(window, document, "script", "dataLayer", "GTM-KQK6W7P");\n')))}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.