Sign-up - Carbonmade

<html> <head> <title>Sign-up - Carbonmade</title> <meta name="authenticityToken" content="AA.cYDIhQre3WMna0DUAq871w.Yi3UWvQKumtWgZSc0PUVtQGRkUDcb7e6L4SFUHd8HY8" /> <style id="root-styles"></style> <style id="global-styles"></style> <link rel="stylesheet" href="https://static.cmcdn.net/132/0.137.1/styles/all.css" /> <link rel="stylesheet" href="https://static.cmcdn.net/132/0.137.1/styles/onboard/all.css" /> <link rel="stylesheet" href="/styles/fonts.css"/> </head> <body data-site-id="" class="desktop onboarding trialing "> <div class="appContainer"> <div class="guts"></div> </div> <div class="phoneWrapper"> <iframe class="phoneFrame" style="width:370px;height:720px"></iframe> </div> <div class="interstitial"></div> <div class="sortingHint"> <p>Drag & drop the blocks to change the order.</p> </div> <div class="phoneHint"> <h1>This is looking nice!</h1> <p>Once your site is live you can also look at it on your phone.</p> <span class="pill">Your site is not live yet</span> </div> <div class="inline-celebration"> <span class="icon">🎉</span> <div> <h1 class="title">Welcome to the PRO trial</h1> <p class="description">Enjoy all the new features you just unlocked.</p> </div> </div> <div class="device desktop"> <div class="browser"> <div class="shield" on-click="browserShield:click"></div> <div class="bar"> <span class="address"> <div class="value">Go live to pick your URL.</div> </span> <div class="messagePublishedSuccess"> Your changes have been published. </div> </div> <div class="scrollable"> <div class="scrollbar" autohide> <div class="handle dark"></div> </div> <div class="content viewport"> <span class="itemBubble"> <span class="action upload background"> <input class="file" type="file" accept="application/pdf,image/*,video/*" on-change="background:upload"/> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/upload.svg');width:15px;height:15px;"></span> <span class="hint">Upload Background Image / Video</span> </span> <span class="action upload item"> <input class="file" type="file" accept="application/pdf,image/*,video/*" on-change="item:upload"/> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/upload.svg');width:15px;height:15px;"></span> <span class="hint">Upload Image / Video</span> </span> <span class="action link" on-click="item:addLink"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/link.svg');width:15px;height:15px;"></span> <span class="hint">Add Link</span> <form class="link-editor"> <input placeholder="http://yourlink.com" type="text"/> <button class="done-button"></button> </form> </span> <span class="action upload thumbnail" on-click="thumbnail:pick"> <input class="file" type="file" accept="application/pdf,image/*,video/*"/> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/upload.svg');width:15px;height:15px;"></span> <span class="hint">Upload Thumbnail</span> </span> <span class="action crop" on-click="thumbnail:crop"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/crop.svg');width:15px;height:15px;"></span> <span class="hint">Crop</span> </span> <span class="action crop-image" on-click="item:crop"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/crop.svg');width:15px;height:15px;"></span> <span class="hint">Crop</span> </span> <span class="action autoplay" on-click="item:toggleAutoPlay"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/autoplay.svg');width:15px;height:15px;"></span> <span class="hint">Auto play</span> </span> <span class="action loop" on-click="item:toggleLoop"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/loop.svg');width:15px;height:15px;"></span> <span class="hint">Loop</span> </span> <span class="action poster"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/poster.svg');width:15px;height:15px;"></span> <input class="file" type="file" accept="application/pdf,image/*" on-change="poster:upload"/> <span class="hint">Upload Custom Poster</span> </span> <span class="action attribution" on-click="attribution:edit"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/copyright.svg');width:15px;height:15px;"></span> <span class="hint">Attribute</span> <form class="editGuts" method="PATCH"> <div class="field"> <input name="name" placeholder="Attribution Name"/> </div> <div class="field"> <input name="url" placeholder="Attribution URL"/> </div> <button>save</button> </form> </span> </span> <div id="site_" data-min-contrast="0.05" class="site master "> <div>onboarding...</div> </div> </div> </div> </div> </div> <div class="siteControls"> <div class="bubble reorderControl" onclick="sort()"> <div class="action sortSwitcher" tooltip="Reorder"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/sort.svg');background-color:#000;width:20px;height:20px;"></span> </div> <button class="exitSortMode button solid purple">Done</button> </div> <div class="bubble deviceControl desktopSelected" on-click="device:toggle"> <div class="action desktop" tooltip="Mobile"> <span class="icon desktop" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/phone.svg');background-color:#000;width:20px;height:20px;"></span> </div> <button class="exitPhoneMode button solid purple"> <span class="icon phone" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/desktop.svg');background-color:#fff;width:24px;height:24px;"></span> Back to desktop </button> </div> <span class="go-live-container"> <a href="/go-live" class="publishControl button purple solid goLive"> Go Live </a> </span> </div> <div class="app-switcher"> <div class="edge"></div> <div class="logo-container" on-click="notifications:open"> <div class="dotContainer notificationsLink"> <span class="dot"> <span class="count">1</span> </span> <span class="pulse-container"> <div class="emitter"></div> <div class="pulse"></div> <div class="pulse pulse-delay"></div> <div class="icon"></div> </span> </div> <div> <span class="logo"></span> </div> </div> <ul class="apps"> <li class="projectAppLink"><a href="/projects"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/portfolio.svg');background-color:#fff;"></span> <span class="hint"><span class="text">projects</span></span> </a> </li> <li class="designAppLink"> <a href="/design"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/design.svg');background-color:#fff;"></span> <span class="hint"><span class="text">design</span></span> </a> </li> <li class="analyticsAppLink"> <a href="/analytics"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/analytics.svg');background-color:#fff;width:22px;height:22px;"></span> <span class="hint"><span class="text">analytics</span></span> </a> </li> <li class="notificationApp" style="display:none"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/bell.svg');background-color:#fff;"></span> </li> </ul> <div class="bottom"> <div style="margin-bottom:20px"> <a class="action" on-click="help:toggle"><span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/help.svg');background-color:#fff;"></span></a> </div> <a href="/account/profile"><span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/account.svg');background-color:#fff;"></span></a> <div class="toggle-full" style="margin-top:20px"> <a class="action" on-click="device:toggleFullwidth"><span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/eye.svg');background-color:#fff;"></span></a> </div> </div> </div> <div class="zoe blocks-introduction" style="left:200px;bottom:calc(50vh - 200px);z-index:50;width:300px;"> <div class="avatar"></div> <div class="guts"> <h3>Let's talk about Blocks.</h3> <p>Your page is made out of blocks. To add a new one, you simply just drag one from the left onto your page.</p> <video autoplay loop muted style="height:194px"> <source src="https://carbon-media.accelerator.net/0000000kLWj/jTvTbrF2or4dFA8L7uFk9G;video.mp4" type="video/mp4"/> </video> <div class="actions" on-click="blockIntroduction:dismiss"> <button>Okay, Got it!</button> <div class="tooth"></div> </div> </div> </div> <aside class="sidebar darkApp" on-insert="sidebar:setup"> <div class="asideMask"></div> <div class="projectManager wideApp darkApp"> <header class="app-header"> <h1>Projects</h1> <a class="button back" on-click="app:close"> <span class="icon arrow" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/arrow.svg');background-color:#9DA4AD;width:30px;height:30px;transform:rotate(180deg);"></span> Back </a> <a class="addProjectButton"> <button class="button rounded solid" on-click="project:new">+ Add a project</button> <span class="button solid rounded overlimitState" on-click="product#24:checkout"> <span class="d">Out of projects</span> <span class="h">Upgrade for more</span> </span> </a> </header> <div class="projectManagerContent"> <div class="scrollable"> <div class="scrollbar" autohide> <div class="handle"></div> </div> <div class="guts content"></div> </div> </div> </div> <div class="content"> <section class="guts pageGuts"> <div class="quickNav" on-insert="quickNav:setup"> <div class="top" on-click="quickNav:toggle"> <label>Currently Editing</label> <div class="title">Sign-up - Carbonmade</div> <span class="icon arrow" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/arrow.svg');background-color:#fff;width:20px;height:20px;transform:rotate(0deg);"></span> <div class="divider"></div> </div> <div class="guts"> <label>Pages</label> <ul> </ul> <div class="actions"> <a href="/projects" on-click="project:new" class="button outline full">+ Add Project</a> </div> </div> </div> <div class="b"> <nav class="tabs"> <ul> <li on-click="tab:select" data-name="blocks" class="active">Blocks</li> <li on-click="tab:select" data-name="settings" class="">Page Settings</li> </ul> <span class="underline"></span> </nav> <div style="position:relative;max-width:230px;height: calc(100vh - 100px - 23px)"> <div class="pageBlocks active"> <div class="scrollable " on-insert="scrollable:setup"> <div class="scrollbar" autohide> <div class="handle"></div> </div> <div class="content"> <div class="guts"> <div class="blockTemplates" data-type="master" on-insert="blockTemplateList:setup"></div> </div> </div> </div> </div> <div class="pageSettings" style="transform:translateX(-220px)"> <div class="scrollable " on-insert="scrollable:setup"> <div class="scrollbar" autohide> <div class="handle"></div> </div> <div class="content"> <div class="guts"> </div> </div> </div> </div> </div> </div> </section> <section class="guts pagesGuts"></section> <section class="guts designGuts"></section> <section class="guts nestedGuts"></section> </div> </aside> <div class="editBubble"> <span class="reorder tooltip-left tooltip-big" tooltip="Reorder"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/sort.svg');background-color:#fff;width:16px;height:16px;"></span> </span> <span class="edit tooltip-left tooltip-big" tooltip="Customize Block"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/settings.svg');background-color:#fff;width:24px;height:24px;"></span> </span> <span class="clone tooltip-left tooltip-big" tooltip="Clone Block"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/clone.svg');background-color:#fff;width:16px;height:16px;"></span> </span> <span class="delete tooltip-left tooltip-big" tooltip="Delete Block"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/delete.svg');background-color:#fff;width:16px;height:16px;"></span> </span> </div> <div class="popout main right"> <div class="guts"></div> </div> <div class="popout colorPickerPopout control right"> <header> <span class="option solidOption" data-type="solid" on-click="colorPicker:selectMode"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/color.svg');background-color:#fff;"></span> <label>Color</label> </span> <span class="option gradientOption" data-type="gradient" on-click="colorPicker:selectMode"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/gradient.svg');background-color:#fff;"></span> <label>Gradient</label> </span> </header> <div class="colorPicker"> </div> <div class="controls"> <div class="gradient-direction"> <div class="circle"> <span class="dot"></span> </div> </div> <div class="hexField"> <input class="hex" type="input" value="transparent"/> </div> <div> <span class="action transparency-toggle" tooltip="Transparent" on-click="colorPicker:toggleTransparency"></span> </div> </div> <div class="gradientControl"> <div class="stop nub" data-position="0" data-color="rgb(153,116,186)"></div> <div class="stop nub" data-position="0.2" data-color="rgb(194,234,9)" style="left:20%"></div> <div class="stop nub" data-position="0.8" data-color="rgb(0,203,227)" style="left:80%"></div> </div> <div class="actions"> <button class="done rounded button solid white" on-click="colorPicker:close">DONE</button> </div> </div> <div class="cropperControl popout"> <div class="cropper" style="width:0;height:0;"> <div class="viewport"> <div class="content" style="width:1920px;height:2880px;" data-width="1920" data-height="2880"></div> </div> <div class="actions"> <span class="icon plus" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/cropper/minus.svg');background-color:#fff;width:9px;height:1px;"></span> <span class="zoomer"> <span class="track"> <span class="handle"></span> </span> </span> <span class="icon minus" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/cropper/plus.svg');background-color:#fff;width:9px;height:10px;"></span> <span class="buttonWrapper"> <button class="done button solid" on-click="crop:done">done</button> </span> </div> </div> </div> <div class="text-editor-toolbar"> <span class="ql-tooltip-arrow"></span> <div class="link-editor"> <input placeholder="https://domain.com" type="text"/> <a class="done-button"></a> </div> <div class="group textControls ql-toolbar"> <div class="main"> <div class="actions"> <button class="ql-bold" data-type="bold"> <svg viewBox="0 0 18 18"> <path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"></path> <path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"></path> </svg> </button> <button class="ql-italic" data-type="italic"> <svg viewBox="0 0 18 18"> <line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"></line> <line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"></line> <line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"></line> </svg> </button> <button class="ql-underline" data-type="underline"> <svg viewBox="0 0 18 18"> <path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"></path> <rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"></rect> </svg> </button> <button class="ql-link"> <svg viewBox="0 0 18 18"> <line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"></line> <path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"></path> <path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"></path> </svg> </button> <div class="colorControl" style="position:relative;"> <button class="colorAction"> <span class="colorWell checkboard"> <span class="value" style="background:red;"></span> </span> </button> <span on-click="textEditor:resetColor" class="action reset"> <span class="icon" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/cross.svg');background-color:#fff;width:8px;height:8px;"></span> </span> </div> <button class="expand-text-options-button" on-click="textEditor:expandOptions"> <span class="icon fontOptions"></span> <span class="icon arrow"></span> </button> </div> </div> <div class="colorPickerContainer"> <div class="control" style="height:200px"></div> <div class="actionBar"> <div class="hexField"> <input name="hex"/> </div> <span class="icon done action" style="-webkit-mask-position:0 0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url('/icons/done.svg');background-color:#fff;width:30px;height:30px;"></span> </div> </div> <div class="textOptions expandable"> <div class="sliderControl fontSizeControl row control iconified scale"> <span class="slider " step="0.1" min="0.5" max="4" value="1"> <span class="track"> <span class="handle"></span> </span> </span> </div> <div class="split row"> <div class="sliderControl lineHeightControl control iconified lineHeight"> <span class="slider " step="0.01" min="0.1" max="2" value="1"> <span class="track"> <span class="handle"></span> </span> </span> </div> <div class="sliderControl letterSpacingControl control iconified letterSpacing"> <span class="slider " step="0.01" min="-0.1" max="0.5"> <span class="track"> <span class="handle"></span> </span> </span> </div> </div>  <div class="fontPicker"> <div class="search"> <input placeholder="Search fonts ..."/> </div> <div class="list scrollable" style="height:200px"> <div class="scrollbar"> <div class="handle"></div> </div> <div class="content"> <ul> </ul> </div> </div> </div> <div class="global-style-control"> <label>Enable global text styling </label> <span class="tip"> <span class="question-mark">?</span> <span class="tip-bubble">If you disable, any text styling changes you make will only apply to this block.</span> </span> <span class="rhs"> <div class="toggleControl control " on-change="textEditor:onEnableGlobalStyleChange"> <label></label> <span class="guts"> <span class="toggle switch " on-click="toggle:save"> <span class="handle"></span> </span> </span> </div> </span> </div> </div> </div> </div> <div class="mask dark"></div>  <template id="paddingControlTemplate"> <div class="paddingControl"> <span class="handleContainer"> <span class="handle"> <ul class="lines"> <li class="line"></li> <li class="line"></li> <li class="line"></li> </ul> </span> </span> </div> </template> <div class="primaryArea"> <div class="guts"></div> </div> <div class="paddingDetails"> <div class="inner"></div> </div> <script src="https://static.cmcdn.net/kits/288/d3/min.js"></script> <script src="https://static.cmcdn.net/libs/player/3.7.9/hls.js"></script> <script src="https://static.cmcdn.net/libs/corejs/2.9.0/corejs.js" integrity="sha256-H4af5AcfTSO9YmJ79ol6bab6+TzSWWmMXKM4fwdxRQU=" crossorigin></script> <script src="https://static.cmcdn.net/libs/router/1.6.0/router.js" integrity="sha256-4IUSi5DVzvBoIJVNfZ416+yuCOs+cry22iJG94eaqW8=" crossorigin></script> <script src="https://static.cmcdn.net/libs/forms/4.0.2/forms.js" integrity="sha256-GBwrpMjlOgCPfECaqKSY6jQZU4eKX9Uncc0w90muz94=" crossorigin></script> <script src="https://static.cmcdn.net/libs/slider/0.4.1/slider.js" integrity="sha256-DEtpvl+pXixgauxTLp7XVAqkYzNreq1uGCMMzjy9Vt4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/cropper/4.1.0/cropper.js" integrity="sha256-1HczCo13JwBYQ2V9es8OYmMmC8ZguQ6woAXHGMkM6is=" crossorigin></script> <script src="https://static.cmcdn.net/libs/scrollable/3.7.0/scrollable.js" integrity="sha256-+GroFl+wFE4ubHyyhDDilf/Mpi6RE0jf66ttyvTpEKQ=" crossorigin></script> <script src="https://static.cmcdn.net/libs/player/3.7.9/player.js" integrity="sha256-kwnXM4RzbXLa7VohM7RxMtFDTKRcQidgliCAm5y6uN4=" crossorigin></script> <script src="https://static.cmcdn.net/libs/uploader/3.17.0/uploader.js" integrity="sha256-bFMh5gvW5keM3hiOH9iv3rQ49XYI2fwh3EmrwJja0/g=" crossorigin></script> <script src="https://static.cmcdn.net/libs/gestures/0.6.0/gestures.js" integrity="sha256-ylEa69hezIFUAga1cMRcngK6Tf9K+HJgzHUSPswYKoU=" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/anime.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/swiper.js" crossorigin></script> <script src="https://static.cmcdn.net/libs/lightbox/0.19.0/lightbox.js" integrity="sha256-7sOuCqbh+S4w+MmAtFIxxahyg54CSpBBu/FAuqsO1Q0=" crossorigin></script> <script src="https://static.cmcdn.net/libs/lazyjs/2.7.0/lazyjs.js" integrity="sha256-LKzXP6kCFe7HjJizvZTZVZw9VUMXTvJ983WmdTBf5+o=" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/quill.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/quill.extensions.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/chroma.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/joe.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/fitty.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/vimeo.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/contrast.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/editable.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/functions.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/sortable.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Cloud.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/StyleManager.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/blocks.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/uni.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/controls.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Captions.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Device.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/transitions.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Interstitial.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Accordion.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Flipbook.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/GalleryManager.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Expandable.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/FontPicker.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/TextEditorToolbar.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/TextEditor.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/PaddingControl.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Sidebar.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/DirectionControl.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/ColorPicker.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/EditBubble.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/UploadControl.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/ProjectManager.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/PageManager.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/NavPresetControl.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/CropperControl.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/SocialLinkManager.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/VideoLightbox.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Zoe.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/BeforeAfterBlock.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/site/Navigation.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/components/Browser.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/onboard.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/billing.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/vendor/rickshaw.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/apps/notifications.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/apps/account.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/apps/analytics.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/BlockList.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/export.js" crossorigin></script> <script src="https://static.cmcdn.net/132/0.137.1/scripts/app.js" crossorigin></script> <script> Carbon.controllers['help'] = { open() { if (!beaconConfigured) { configureBeacon(); } Beacon("open"); }, toggle() { if (!beaconConfigured) { configureBeacon(); } Beacon("toggle"); } }; let beaconConfigured = false; function configureBeacon() { beaconConfigured = true; !function(e,t,n){ function a(){ var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e) }if(e.Beacon=n=function(t,n,a){ e.Beacon.readyQueue.push({ method:t,options:n,data:a }) },n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1) }(window,document,window.Beacon||function(){ }); Beacon('config', { display: { position: 'left', style: 'manual' }, }); Beacon('on', 'open', () => { document.querySelector('.BeaconContainer iframe').style.setProperty('left', '35px', 'important'); }); window.Beacon('init', '344e49c7-846b-4cff-961a-54d8bc088cc7') } </script> <div class="restoreBlockControl"> <span class="text">Block deleted!</span> <span class="action" on-click="block:restore">Undo</span> </div> <dialog class="export-modal escapable"> <div class="box"> <div class="step step-1"> <h2>Export your portfolio</h2> <p>Your export will include the files you've uploaded to your portfolio.</p> <button class="button" on-click="export:selectDirectory">SELECT FOLDER TO EXPORT</button> <small>Export only works in the latest version of Chrome or Edge.</small> <p class="nevermind" on-click="exportModal:close">nevermind</p> </div> <div class="step step-2 hide"> <h2>Portfolio backup in progress…</h2> <p class="orange">Do not close this window otherwise your transfer will be interrupted.</p> <div class="progress-bar"> <span></span> </div> <small>Transfer in progress. <span class="export-percent">0%</span> completed.</a></small> </div> <div class="step step-3 hide"> <h2>Portfolio backup completed</h2> <button class="button" on-click="exportModal:close">CLOSE</button> </div> </div> </dialog> </body> </html>

CINXE.COM

Sign-up - Carbonmade