CINXE.COM

<!DOCTYPE html> <html lang="en-US" data-semplice="5.2.4"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>Portfolio Examples made with Carbonmade</title> <meta name="description" content="There are unlimited ways to build your online portfolio with Carbonmade. Here are just a few examples of what you can do with our layout blocks." /> <meta name="robots" content="index, follow" /> <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <link rel="canonical" href="https://carbonmade.com/examples" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Portfolio Examples made with Carbonmade" /> <meta property="og:description" content="There are unlimited ways to build your online portfolio with Carbonmade. Here are just a few examples of what you can do with our layout blocks." /> <meta property="og:url" content="https://carbonmade.com/examples" /> <meta property="og:site_name" content="Carbonmade" /> <meta property="article:modified_time" content="2020-07-15T02:27:34+00:00" /> <meta property="og:image" content="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/06/facebook_share.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Portfolio Examples made with Carbonmade" /> <meta name="twitter:description" content="There are unlimited ways to build your online portfolio with Carbonmade. Here are just a few examples of what you can do with our layout blocks." /> <meta name="twitter:image" content="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/06/twitter_share.jpg" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://carbonmade.com/#website","url":"https://carbonmade.com/","name":"Carbonmade","description":"Show off your work\u2122","potentialAction":[{"@type":"SearchAction","target":"https://carbonmade.com/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://carbonmade.com/examples#webpage","url":"https://carbonmade.com/examples","name":"Portfolio Examples made with Carbonmade","isPartOf":{"@id":"https://carbonmade.com/#website"},"datePublished":"2019-06-20T23:14:10+00:00","dateModified":"2020-07-15T02:27:34+00:00","description":"There are unlimited ways to build your online portfolio with Carbonmade. Here are just a few examples of what you can do with our layout blocks.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://carbonmade.com/examples"]}]}]}</script>  <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https://carbonmade.com/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://carbonmadeassets.b-cdn.net/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://carbonmadeassets.b-cdn.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.1' type='text/css' media='all' /> <link rel='stylesheet' id='semplice-stylesheet-css' href='https://carbonmadeassets.b-cdn.net/wp-content/themes/semplice5/style.css?ver=5.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='semplice-frontend-stylesheet-css' href='https://carbonmadeassets.b-cdn.net/wp-content/themes/semplice5/assets/css/frontend.min.css?ver=5.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://carbonmadeassets.b-cdn.net/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' /> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://carbonmade.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://carbonmade.com/wp-json/wp/v2/pages/103" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://carbonmade.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel='shortlink' href='https://carbonmade.com/?p=103' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://carbonmade.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcarbonmade.com%2Fexamples" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://carbonmade.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcarbonmade.com%2Fexamples&format=xml" /> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><link rel="stylesheet" href="https://use.typekit.net/qbl7jmb.css"><link rel='preconnect' href='https://fonts.googleapis.com'> <link rel='preconnect' href='https://fonts.gstatic.com' crossorigin> <link href='https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400&display=swap' rel='stylesheet'><style type="text/css" id="semplice-webfonts-selfhosted">@font-face { font-family: 'inter-light'; url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/Inter-Thin-BETA.woff') format('woff'), url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/Inter-Thin-BETA.woff2') format('woff2'), }@font-face { font-family: 'pano'; src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/pano_bold.eot'); src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/pano_bold.eot?#iefix') format('embedded-opentype'), url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/pano_bold.woff2') format('woff2'), url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/pano_bold.woff') format('woff'), url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/pano_bold.ttf') format('truetype'); }@font-face {font-family: 'MaisonNeueExtended-ExtraBold';src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/06/MaisonNeueExtended-ExtraBold.woff2') format('woff2');src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/06/MaisonNeueExtended-ExtraBold.woff') format('woff');}@font-face {font-family: 'MaisonNeueExtended-Black';src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/06/MaisonNeueExtended-Black.woff') format('woff');src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/06/MaisonNeueExtended-Black.woff2') format('woff2');}@font-face {font-family: 'MaisonNeueExtended-Bold';src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/06/MaisonNeueExtended-Bold.woff2') format('woff2');src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/06/MaisonNeueExtended-Bold.woff') format('woff');}@font-face {font-family: 'Avenir-Book';src: url('https://carbonmadeassets.b-cdn.net/wp-content/uploads/2021/07/Avenir-Book.woff2') format('woff2');}</style><style type="text/css" id="semplice-webfonts-css">.font_n8bq2h2fn, [data-font="font_n8bq2h2fn"], [data-font="font_n8bq2h2fn"] li a {font-family: "Roboto", sans-serif;font-weight: 400;font-style: normal;}.font_89jm5mna8, [data-font="font_89jm5mna8"], [data-font="font_89jm5mna8"] li a {font-family: "proxima-nova", sans-serif;font-weight: 100;font-style: normal;}.font_pk48393pj, [data-font="font_pk48393pj"], [data-font="font_pk48393pj"] li a {font-family: "proxima-nova", sans-serif;font-weight: 400;font-style: normal;}.font_vehz7ejqk, [data-font="font_vehz7ejqk"], [data-font="font_vehz7ejqk"] li a {font-family: "pano-bold", sans-serif;font-weight: 400;font-style: normal;}.font_maqho6pcm, [data-font="font_maqho6pcm"], [data-font="font_maqho6pcm"] li a {font-family: "inter-light", sans-serif;font-weight: 400;font-style: normal;}.font_kzoov3keo, [data-font="font_kzoov3keo"], [data-font="font_kzoov3keo"] li a, #content-holder h1, #content-holder h2 {font-family: "pano", sans-serif;font-weight: 400;font-style: normal;}.font_9r7l2bb3d, [data-font="font_9r7l2bb3d"], [data-font="font_9r7l2bb3d"] li a {font-family: "Nunito", sans-serif;font-weight: 400;font-style: normal;}.font_p5jhkeh52, [data-font="font_p5jhkeh52"], [data-font="font_p5jhkeh52"] li a {font-family: "Nunito", sans-serif;font-weight: 300;font-style: normal;}.font_ahkalpax9, [data-font="font_ahkalpax9"], [data-font="font_ahkalpax9"] li a {font-family: "MaisonNeueExtended-ExtraBold", sans-serif;font-weight: 400;font-style: normal;}.font_ssj3swver, [data-font="font_ssj3swver"], [data-font="font_ssj3swver"] li a {font-family: "MaisonNeueExtended-Black", sans-serif;font-weight: 400;font-style: normal;}.font_7z705dito, [data-font="font_7z705dito"], [data-font="font_7z705dito"] li a {font-family: "MaisonNeueExtended-Bold", sans-serif;font-weight: 400;font-style: normal;}.font_2dz7875h1, [data-font="font_2dz7875h1"], [data-font="font_2dz7875h1"] li a {font-family: "Nunito", sans-serif;font-weight: 200;font-style: normal;}.font_y88bl6c7p, [data-font="font_y88bl6c7p"], [data-font="font_y88bl6c7p"] li a {font-family: "Avenir-Book", sans-serif;font-weight: 400;font-style: normal;}</style> <style type="text/css" id="semplice-custom-css"> .container { max-width: 1310px; } @media screen and (min-width: 992px) and (max-width: 1169.98px) { }@media screen and (min-width: 768px) and (max-width: 991.98px) { }@media screen and (min-width: 544px) and (max-width: 767.98px) { }@media screen and (max-width: 543.98px) { } .project-panel { background: #f5f5f5; padding: 2.5rem 0rem; } [data-pp-gutter="no"] .project-panel .pp-thumbs, .project-panel .pp-thumbs { margin-bottom: -1.666666666666667rem; } #content-holder .panel-label, .projectnav-preview .panel-label { color: #000000; font-size: 1.777777777777778rem; text-transform: none; padding-left: 0rem; padding-bottom: 1.666666666666667rem; text-align: left; line-height: 1; } .project-panel .pp-title { padding: 0.5555555555555556rem 0rem 1.666666666666667rem 0rem; } .project-panel .pp-title a { color: #000000; font-size: 0.7222222222222222rem; text-transform: none; } .project-panel .pp-title span { color: #999999; font-size: 0.7222222222222222rem; text-transform: none; } .semplice-next-prev { background: #ffffff; padding: 0rem 0rem 0rem 0rem; } .semplice-next-prev .np-inner { height: 10rem; } .semplice-next-prev .np-inner .np-link .np-prefix, .semplice-next-prev .np-inner .np-link .np-label { color: #000000; font-size: 1.555555555555556rem; text-transform: none; letter-spacing: 0rem; } .semplice-next-prev .np-inner .np-link .np-text-above { padding-bottom: 2px; } .semplice-next-prev .np-inner .np-link .np-label-above { color: #aaaaaa; font-size: 0.7777777777777778rem; text-transform: uppercase; letter-spacing: 1px; } .semplice-next-prev .np-inner .np-link .np-text { padding: 0rem 0rem; } .semplice-next .np-text { margin-right: -0rem; } .semplice-next-prev .nextprev-seperator { width: 1px; margin: 1.666666666666667rem -0px; background: #000000; } .np-link:hover { background: #ffffff; } .np-link:hover .np-text .np-label, .np-link:hover .np-text .np-prefix { color: #000000 !important; } .np-link:hover .np-label-above { color: #000000 !important; } .wpcf7 input, .wpcf7 textarea { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; padding: 30px 32px !important; border-radius: 5px !important; } .wpcf7 label { font-family: "Avenir Next", "Avenir Next Pro", "Avenir"; font-size: 14px !important; line-height: 17px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; font-weight: 500 !important; color: #9DA4AD !important; } .wpcf7 .wpcf7-form-control-wrap { display: block !important; padding-top: 10px !important; } .wpcf7 .wpcf7-submit { background-color: #9974ba !important; color: #fff !important; letter-spacing: 0.2em !important; transition: box-shadow 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), transform 0.25s cubic-bezier(0.02, 0.01, 0.47, 1), background-color 250ms ease-in-out, color 250ms ease-in-out !important; height: auto !important; text-transform: uppercase !important; font-family: "Avenir Next", "Avenir Next Pro", "Avenir" !important; font-size: 12px !important; font-weight: 500 !important; text-transform: uppercase !important; text-align: center !important; border: none !important; padding: 20px 20px !important; border-radius: 40px !important; display: block !important; cursor: pointer; width: 300px; margin: 30px auto 0 auto !important; font-size: 1rem !important; letter-spacing: 0.19444444444444445rem !important; color: #fcfcfc !important; border-radius: 2.388888888888889rem !important; padding-right: 1.8333333333333333rem !important; padding-left: 1.8333333333333333rem !important; padding-top: 0.6666666666666666rem !important; padding-bottom: 0.6666666666666666rem !important; } .wpcf7 .wpcf7-submit:hover { transform: translate3d(0, -2px, 0); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .wpcf7 p {margin-bottom: 20px !important;} div.wpcf7 .ajax-loader.is-active { margin: 20px auto 0 auto !important; display: block !important; } .start-free-trial-button a span { font-size: 14px !important; background: #9974ba !important; border-radius: 2.388888888888889rem !important; padding: 10px 24px !important; letter-spacing: 1px !important; } .start-free-trial-button:hover a span { background: white !important; color: #9974ba !important; } #overlay-menu .start-free-trial-button a span { margin-top: 20px !important; color: #9974ba !important; font-size: 13px !important; background: white !important; border-radius: 2.388888888888889rem !important; padding: 20px 34px !important; letter-spacing: 1px !important; } .nav_83qgwohkr .start-free-trial-button a span { color: #9974ba !important; background: white !important; } .nav_83qgwohkr .start-free-trial-button:hover a span { color: white !important; background: #020101 !important; } .nav_p7qhcsjt0 .start-free-trial-button a span { color: white !important; background: #9974ba !important; } .nav_p7qhcsjt0 .start-free-trial-button:hover a span { color: white !important; background: #000 !important; } .blog .semplice-navbar {background: rgba(153, 116, 186, 1) !important;} /* Review hover effect */ .review-section-column .content-wrapper { transition: ease 0.25s all !important; transition-delay: 0.1s !important; } .review-section-column:hover .content-wrapper { transform: translateY(-18px) !important; box-shadow: 15px 15px 37px rgba(0, 0, 0, 0.15); cursor: pointer; } /* Misc */ .section-gradient-top:before { content: ''; top: 0; left: 0; width: 100%; position: absolute; height: 100px; opacity: 0.2; background: linear-gradient(0deg, rgba(98,80,65,0) 0%, rgba(98,80,65,1) 100%); } .rounded-column .content-wrapper, .rounded-row .row { background: white; box-shadow: 0px 0px 44px rgba(0, 0, 0, 0.08); border-radius: 10px; } .drop-shadow-text span { text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.07); } .remove-shadow, .remove-shadow .content-wrapper { box-shadow: none !important; } .rounded-column-gray .content-wrapper { background: #F1F2F4 !important; } .rounded-columm-gradient .content-wrapper { background: linear-gradient(216.06deg, #9974BA -1.07%, #89DAED 138.13%) !important; } .offset-column-bottom { margin-bottom: -20px; } .offset-row-top .row { margin-top: -120px; } .zoe-bio img {max-width: 100px !important; margin: 0 auto !important;} .question-row p {min-height: 50px !important;} .sp-wrapper {display: none !important; width: 100% !important;} .sp-slider {cursor: pointer !important; pointer-events: none !important;} .sp-slider3 .ce-image img {pointer-events: auto !important;} .icon-row img {max-width: 120px !important; min-height: 200px !important; margin: 0 auto !important;} .icon-row .icon-wider img {max-width: 200px !important;} .icon-row h1, .icon-row h2, .icon-row h3, .icon-row h4, .icon-row p {max-width: 300px !important; margin: 0 auto !important;} @media only screen and (max-width: 768px) { .logo-row .column { width: 25% !important; max-width: 25% !important; flex-basis: 25% !important; } .five-reasons-for-carbonmade {transform: scale(1.2) !important;} } /* Portfolio video settings */ .portfolio-video {pointer-events: none !important;} .portfolio-video .ce-video .mejs-container { background: transparent !important; background-color: transparent !important; } .portfolio-video .video {border-radius: 12px; box-shadow: 14.0662px 14.0662px 16.0757px rgba(0, 0, 0, 0.09);} .portfolio-video .mejs-layers {display: none !important;} @media screen and (max-width: 678px) { .portfolio-video .video {border-radius: 4px;} } @media screen and (min-width: 1170px){.show-for-mobile-only { display: none !important; }}@media screen and (min-width: 992px) and (max-width: 1169.98px){.show-for-mobile-only { display: none !important; }}@media screen and (min-width: 768px) and (max-width: 991.98px){.show-for-mobile-only { display: none !important; }}@media screen and (min-width: 544px) and (max-width: 767.98px){/* center Button for Mobile */ .center-button-for-mobile .ce-button { text-align: center !important; } .disable-motion-for-mobile { transform: none !important; opacity: 1 !important; padding-top: 0 !important; } .hide-for-mobile {display: none !important;} .center-text-for-mobile p, .center-text-for-mobile p span, .center-text-for-mobile h1, .center-text-for-mobile h1 span, .center-text-for-mobile h2, .center-text-for-mobile h2 span, .center-text-for-mobile h3, .center-text-for-mobile h3 span, .center-text-for-mobile h4, .center-text-for-mobile h4 span {text-align: center !important;} .hide-for-mobile {display: none !important;}}@media screen and (max-width: 543.98px){/* center Button for Mobile */ .center-button-for-mobile .ce-button { text-align: center !important; } .small-button-on-mobile a {font-size: 14px !important;} .disable-motion-for-mobile { transform: none !important; opacity: 1 !important; padding-top: 0 !important; } .center-text-for-mobile p, .center-text-for-mobile p span, .center-text-for-mobile h1, .center-text-for-mobile h1 span, .center-text-for-mobile h2, .center-text-for-mobile h2 span, .center-text-for-mobile h3, .center-text-for-mobile h3 span, .center-text-for-mobile h4, .center-text-for-mobile h4 span {text-align: center !important;} .hide-for-mobile {display: none !important;}}#nprogress .bar { background: #9974ba; } </style> <style type="text/css" id="103-post-css"> #content-103 #section_g831xz4yv {padding-top: 5.555555555555555rem;padding-bottom: 16.666666666666668rem;background-color: #f7f7f7;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_g831xz4yv {padding-top: 4.722222222222222rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_g831xz4yv {padding-top: 3.888888888888889rem;padding-bottom: 15.555555555555555rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_g831xz4yv {padding-top: 4.444444444444445rem;padding-bottom: 8.88888888888889rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_g831xz4yv {padding-top: 3.3333333333333335rem;padding-bottom: 10.61111111111111rem;}}#content-103 #content_agqsarxnv {padding-bottom: 1.9444444444444444rem;}#content-103 #content_agqsarxnv .is-content {}#content-103 #content_llhq7udle {padding-right: 0rem;padding-left: 0rem;opacity: 0.75;}#content-103 #content_llhq7udle .is-content {}#content-103 #section_jiydhmz61 {padding-top: 0rem;margin-top: 0rem;padding-bottom: 4.166666666666667rem;background-color: transparent;}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_jiydhmz61 {padding-bottom: 2.7222222222222223rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_jiydhmz61 {padding-bottom: 0rem;}}#content-103 #content_woldmfx5j {padding-top: 0rem;margin-top: -8.333333333333334rem;}#content-103 #content_woldmfx5j .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_woldmfx5j {margin-top: -5.555555555555555rem;}#content-103 #content_woldmfx5j .is-content {}}#content-103 #content_j1clyjl79 {padding-top: 0rem;margin-top: 0rem;padding-bottom: 1.9444444444444444rem;}#content-103 #content_j1clyjl79 .is-content {box-shadow: 1.1666666666666667rem 1.0555555555555556rem 3.5555555555555554rem 1.1666666666666667rem rgba(37,36,60,0.24);}#content-103 #content_bnmpvxlb3 {padding-top: 0rem;padding-bottom: 1.6666666666666667rem;margin-left: 0rem;}#content-103 #content_bnmpvxlb3 .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #content_bnmpvxlb3 {padding-bottom: 2.2222222222222223rem;}#content-103 #content_bnmpvxlb3 .is-content {}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_bnmpvxlb3 {padding-bottom: 2.2222222222222223rem;margin-left: 0rem;}#content-103 #content_bnmpvxlb3 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_bnmpvxlb3 {padding-top: 1.6666666666666667rem;padding-bottom: 2.5rem;}#content-103 #content_bnmpvxlb3 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_bnmpvxlb3 {padding-top: 1.6666666666666667rem;padding-right: 2.2222222222222223rem;padding-bottom: 2.111111111111111rem;padding-left: 2.2222222222222223rem;margin-left: 0rem;}#content-103 #content_bnmpvxlb3 .is-content {}}#content-103 #content_nt5upwgrd {}#content-103 #content_nt5upwgrd .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);} #content-103 #content_44cdadb1f .is-content {background-color: #9974ba;border-radius: 2.388888888888889rem;} #content-103 #content_44cdadb1f .is-content:hover {color: #fcfcfc !important;background-color: #ffffff !important;} #content-103 #content_44cdadb1f .is-content a{font-size: 1rem;letter-spacing: 0.19444444444444445rem;margin-right: -0.19444444444444445rem;color: #fcfcfc;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_44cdadb1f .is-content:hover a {color: #9974ba !important;} .is-frontend #content-103 #content_44cdadb1f .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.18); }#content-103 #content_44cdadb1f {padding-top: 1.6666666666666667rem;}#content-103 #content_44cdadb1f .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.25);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_44cdadb1f {padding-bottom: 4.666666666666667rem;}#content-103 #content_44cdadb1f .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_44cdadb1f {padding-bottom: 5rem;}#content-103 #content_44cdadb1f .is-content {}}#content-103 #column_x96ruqtko{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(-5.5555555555556rem) translateX(0rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #section_ren4zsqrv {padding-top: 5.555555555555555rem;padding-bottom: 4.444444444444445rem;background-color: #eff0f5;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_ren4zsqrv {padding-top: 5.555555555555555rem;padding-bottom: 5.555555555555555rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_ren4zsqrv {padding-top: 4.444444444444445rem;padding-bottom: 3.3333333333333335rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_ren4zsqrv {padding-bottom: 1.9444444444444444rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_ren4zsqrv {padding-top: 5.777777777777778rem;padding-right: 0rem;padding-bottom: 1.1111111111111112rem;padding-left: 0rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #column_z7trtyr9d {order: 2;}}@media screen and (max-width: 543.98px) { #content-103 #column_z7trtyr9d {order: 1;}}#content-103 #content_kr25nct9y {padding-bottom: 2.2222222222222223rem;}#content-103 #content_kr25nct9y .is-content {}#content-103 #content_y5m9aepwo {padding-right: 0rem;padding-bottom: 1.6666666666666667rem;opacity: 0.75;}#content-103 #content_y5m9aepwo .is-content {}#content-103 #content_waydmlxd4 {padding-bottom: 1.1111111111111112rem;}#content-103 #content_waydmlxd4 .is-content {} #content-103 #content_k88tp38ap .is-content {background-color: transparent;border-radius: 2.388888888888889rem;border-color: #000000;border-width: 0.05555555555555555rem;} #content-103 #content_k88tp38ap .is-content:hover {color: #000000 !important;background-color: #9974ba !important;border-color: #9974ba !important;} #content-103 #content_k88tp38ap .is-content a{font-size: 0.7222222222222222rem;letter-spacing: 0.1388888888888889rem;margin-right: -0.1388888888888889rem;color: #000000;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_k88tp38ap .is-content:hover a {color: #ffffff !important;} .is-frontend #content-103 #content_k88tp38ap .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.2); }#content-103 #content_k88tp38ap {padding-top: 1.6666666666666667rem;}#content-103 #content_k88tp38ap .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_k88tp38ap {padding-bottom: 4.166666666666667rem;}#content-103 #content_k88tp38ap .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_k88tp38ap {padding-bottom: 4.166666666666667rem;}#content-103 #content_k88tp38ap .is-content {}}#content-103 #column_67nsot71j {}#content-103 #content_ac85z274w {margin-top: 6.666666666666667rem;padding-right: 0rem;padding-left: 0rem;margin-left: 3.888888888888889rem;z-index: 1;}#content-103 #content_ac85z274w .is-content {box-shadow: 0rem 0.6666666666666666rem 1.6666666666666667rem 0rem rgba(0,0,0,0.12);}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #content_ac85z274w {margin-top: 4.444444444444445rem;}#content-103 #content_ac85z274w .is-content {}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_ac85z274w {margin-left: 2.2222222222222223rem;}#content-103 #content_ac85z274w .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_ac85z274w {margin-top: 0rem;}#content-103 #content_ac85z274w .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_ac85z274w {padding-top: 0rem;margin-top: 0rem;padding-right: 2.2777777777777777rem;padding-left: 2.2222222222222223rem;margin-left: 0rem;}#content-103 #content_ac85z274w .is-content {}}#content-103 #content_248nogxur {padding-top: 5.277777777777778rem;margin-left: 3.888888888888889rem;}#content-103 #content_248nogxur .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_248nogxur {margin-left: 3.888888888888889rem;}#content-103 #content_248nogxur .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_248nogxur {padding-top: 2.5rem;padding-bottom: 5.555555555555555rem;}#content-103 #content_248nogxur .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_248nogxur {padding-top: 2.7777777777777777rem;padding-right: 2.2222222222222223rem;padding-bottom: 4.444444444444445rem;padding-left: 2.2222222222222223rem;margin-left: 0rem;}#content-103 #content_248nogxur .is-content {}}#content-103 #column_67nsot71j{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0rem) translateX(6.6667rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #content_ac85z274w{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;box-shadow: 0rem 0.6667rem 1.6667rem 0rem rgba(0,0,0,0.12);background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0) translateX(0) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1.3,1.3);}#content-103 #section_g3obopqyx {padding-top: 6.666666666666667rem;padding-bottom: 6.666666666666667rem;background-color: #eff0f5;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_g3obopqyx {padding-top: 4.444444444444445rem;padding-bottom: 5.5rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_g3obopqyx {padding-top: 4.444444444444445rem;padding-bottom: 4.444444444444445rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_g3obopqyx {padding-top: 0rem;padding-bottom: 1.9444444444444444rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_g3obopqyx {padding-top: 0rem;padding-bottom: 1.1111111111111112rem;}}#content-103 #content_8zckdbte7 {margin-top: 0rem;padding-right: 0rem;margin-right: 0rem;padding-left: 0rem;margin-left: -3.888888888888889rem;z-index: 1;}#content-103 #content_8zckdbte7 .is-content {box-shadow: 0rem 0.6666666666666666rem 2.2222222222222223rem 0rem rgba(0,0,0,0.12);}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #content_8zckdbte7 {margin-top: 0rem;}#content-103 #content_8zckdbte7 .is-content {}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_8zckdbte7 {margin-left: -2.2222222222222223rem;}#content-103 #content_8zckdbte7 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_8zckdbte7 {padding-bottom: 4.166666666666667rem;}#content-103 #content_8zckdbte7 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_8zckdbte7 {padding-top: 0rem;margin-top: 1.6666666666666667rem;padding-right: 2.2777777777777777rem;padding-bottom: 3.888888888888889rem;padding-left: 2.2777777777777777rem;margin-left: 0rem;}#content-103 #content_8zckdbte7 .is-content {}}#content-103 #content_4r66lqonw {padding-bottom: 2.2222222222222223rem;}#content-103 #content_4r66lqonw .is-content {}#content-103 #content_foc13yijs {padding-right: 0rem;padding-bottom: 1.6666666666666667rem;opacity: 0.75;}#content-103 #content_foc13yijs .is-content {}#content-103 #content_1o38w14xc {padding-bottom: 1.1111111111111112rem;}#content-103 #content_1o38w14xc .is-content {} #content-103 #content_ng75x88iz .is-content {background-color: transparent;border-radius: 2.388888888888889rem;border-color: #000000;border-width: 0.05555555555555555rem;} #content-103 #content_ng75x88iz .is-content:hover {color: #000000 !important;background-color: #9974ba !important;border-color: #9974ba !important;} #content-103 #content_ng75x88iz .is-content a{font-size: 0.7222222222222222rem;letter-spacing: 0.1388888888888889rem;margin-right: -0.1388888888888889rem;color: #000000;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_ng75x88iz .is-content:hover a {color: #ffffff !important;} .is-frontend #content-103 #content_ng75x88iz .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.2); }#content-103 #content_ng75x88iz {padding-top: 1.6666666666666667rem;}#content-103 #content_ng75x88iz .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_ng75x88iz {padding-bottom: 4.166666666666667rem;}#content-103 #content_ng75x88iz .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_ng75x88iz {padding-bottom: 4.111111111111111rem;}#content-103 #content_ng75x88iz .is-content {}}#content-103 #column_jqa58vkn0{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0rem) translateX(-6.6666666666667rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #content_8zckdbte7{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;box-shadow: 0rem 0.6667rem 2.2222rem 0rem rgba(0,0,0,0.12);background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0) translateX(0) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1.3,1.3);}#content-103 #section_zqg2befis {padding-top: 4.444444444444445rem;padding-bottom: 6.666666666666667rem;background-color: #eff0f5;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_zqg2befis {padding-top: 5.555555555555555rem;padding-bottom: 7.777777777777778rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_zqg2befis {padding-top: 3.3333333333333335rem;padding-bottom: 5.555555555555555rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_zqg2befis {padding-top: 0rem;padding-bottom: 1.9444444444444444rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_zqg2befis {padding-top: 0rem;padding-bottom: 1.1111111111111112rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #column_p29cr9y81 {order: 1;}}@media screen and (max-width: 543.98px) { #content-103 #column_p29cr9y81 {order: 1;}}#content-103 #content_bsy1iq8aw {padding-bottom: 2.2222222222222223rem;}#content-103 #content_bsy1iq8aw .is-content {}#content-103 #content_bdbi937rp {padding-right: 0rem;padding-bottom: 1.6666666666666667rem;opacity: 0.75;}#content-103 #content_bdbi937rp .is-content {}#content-103 #content_e2pkr4tnb {padding-bottom: 1.0555555555555556rem;}#content-103 #content_e2pkr4tnb .is-content {} #content-103 #content_h0rhbwyzp .is-content {background-color: transparent;border-radius: 2.388888888888889rem;border-color: #000000;border-width: 0.05555555555555555rem;} #content-103 #content_h0rhbwyzp .is-content:hover {color: #000000 !important;background-color: #9974ba !important;border-color: #9974ba !important;} #content-103 #content_h0rhbwyzp .is-content a{font-size: 0.7222222222222222rem;letter-spacing: 0.1388888888888889rem;margin-right: -0.1388888888888889rem;color: #000000;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_h0rhbwyzp .is-content:hover a {color: #ffffff !important;} .is-frontend #content-103 #content_h0rhbwyzp .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.2); }#content-103 #content_h0rhbwyzp {padding-top: 1.6666666666666667rem;}#content-103 #content_h0rhbwyzp .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_h0rhbwyzp {padding-bottom: 4.111111111111111rem;}#content-103 #content_h0rhbwyzp .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_h0rhbwyzp {padding-top: 1.6666666666666667rem;padding-bottom: 4.111111111111111rem;}#content-103 #content_h0rhbwyzp .is-content {}}#content-103 #content_vc6expcmy {margin-top: 6.666666666666667rem;padding-right: 0rem;padding-left: 0rem;margin-left: 3.888888888888889rem;z-index: 1;}#content-103 #content_vc6expcmy .is-content {box-shadow: 0rem 0.6666666666666666rem 2.7222222222222223rem 0rem rgba(0,0,0,0.12);}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #content_vc6expcmy {margin-top: 4.444444444444445rem;}#content-103 #content_vc6expcmy .is-content {}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_vc6expcmy {margin-left: 2.2222222222222223rem;}#content-103 #content_vc6expcmy .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_vc6expcmy {margin-top: 0rem;}#content-103 #content_vc6expcmy .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_vc6expcmy {padding-top: 0rem;margin-top: 1.6666666666666667rem;padding-right: 2.2777777777777777rem;padding-left: 2.2777777777777777rem;margin-left: 0rem;}#content-103 #content_vc6expcmy .is-content {}}#content-103 #content_sgk6p1xz0 {padding-top: 5.277777777777778rem;margin-left: 3.888888888888889rem;}#content-103 #content_sgk6p1xz0 .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_sgk6p1xz0 {margin-left: 3.888888888888889rem;}#content-103 #content_sgk6p1xz0 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_sgk6p1xz0 {padding-top: 2.5rem;padding-bottom: 5.555555555555555rem;margin-left: 3.888888888888889rem;}#content-103 #content_sgk6p1xz0 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_sgk6p1xz0 {padding-top: 2.7777777777777777rem;padding-right: 2.2222222222222223rem;padding-bottom: 4.444444444444445rem;padding-left: 2.2222222222222223rem;margin-left: 0rem;}#content-103 #content_sgk6p1xz0 .is-content {}}#content-103 #column_fgjstqxwa{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0rem) translateX(6.6667rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #content_vc6expcmy{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;box-shadow: 0rem 0.6667rem 2.7222rem 0rem rgba(0,0,0,0.12);background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0) translateX(0) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1.3,1.3);}#content-103 #section_i03z3oxd3 {padding-top: 0rem;padding-bottom: 6.666666666666667rem;background-color: #eff0f5;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_i03z3oxd3 {padding-bottom: 7.777777777777778rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_i03z3oxd3 {padding-bottom: 5.555555555555555rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_i03z3oxd3 {padding-bottom: 0rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_i03z3oxd3 {padding-top: 0rem;padding-bottom: 1.1111111111111112rem;}}#content-103 #content_rit50zujb {margin-top: 6.666666666666667rem;padding-right: 0rem;margin-right: 0rem;padding-left: 0rem;margin-left: -3.888888888888889rem;z-index: 1;}#content-103 #content_rit50zujb .is-content {box-shadow: 0rem 0.6666666666666666rem 2.2222222222222223rem 0rem rgba(0,0,0,0.12);}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #content_rit50zujb {margin-top: 4.444444444444445rem;}#content-103 #content_rit50zujb .is-content {}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_rit50zujb {margin-left: -2.2222222222222223rem;}#content-103 #content_rit50zujb .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_rit50zujb {margin-top: 0rem;}#content-103 #content_rit50zujb .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_rit50zujb {padding-top: 0rem;margin-top: 1.6111111111111112rem;padding-right: 2.2777777777777777rem;padding-left: 2.2777777777777777rem;margin-left: 0rem;}#content-103 #content_rit50zujb .is-content {}}#content-103 #content_7hpv71mmn {padding-top: 5.277777777777778rem;margin-left: -3.888888888888889rem;}#content-103 #content_7hpv71mmn .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_7hpv71mmn {margin-left: -3.888888888888889rem;}#content-103 #content_7hpv71mmn .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_7hpv71mmn {padding-top: 2.5rem;padding-bottom: 5.555555555555555rem;margin-left: -3.888888888888889rem;}#content-103 #content_7hpv71mmn .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_7hpv71mmn {padding-top: 2.7777777777777777rem;padding-right: 2.2222222222222223rem;padding-bottom: 4.444444444444445rem;padding-left: 2.2222222222222223rem;margin-left: 0rem;}#content-103 #content_7hpv71mmn .is-content {}}#content-103 #content_n0fszoerw {margin-top: 0rem;padding-bottom: 2.2222222222222223rem;}#content-103 #content_n0fszoerw .is-content {}#content-103 #content_u4s27m5m7 {padding-right: 0rem;padding-bottom: 1.6666666666666667rem;opacity: 0.75;}#content-103 #content_u4s27m5m7 .is-content {}#content-103 #content_4e0a8xjrq {padding-bottom: 1.1111111111111112rem;}#content-103 #content_4e0a8xjrq .is-content {} #content-103 #content_s2gdsq46v .is-content {background-color: transparent;border-radius: 2.388888888888889rem;border-color: #000000;border-width: 0.05555555555555555rem;} #content-103 #content_s2gdsq46v .is-content:hover {color: #000000 !important;background-color: #9974ba !important;border-color: #9974ba !important;} #content-103 #content_s2gdsq46v .is-content a{font-size: 0.7222222222222222rem;letter-spacing: 0.1388888888888889rem;margin-right: -0.1388888888888889rem;color: #000000;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_s2gdsq46v .is-content:hover a {color: #ffffff !important;} .is-frontend #content-103 #content_s2gdsq46v .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.2); }#content-103 #content_s2gdsq46v {padding-top: 1.6666666666666667rem;}#content-103 #content_s2gdsq46v .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_s2gdsq46v {padding-bottom: 4.166666666666667rem;}#content-103 #content_s2gdsq46v .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_s2gdsq46v {padding-bottom: 4.055555555555555rem;}#content-103 #content_s2gdsq46v .is-content {}}#content-103 #column_cvrna96tt{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0rem) translateX(-6.6666666666667rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #content_rit50zujb{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;box-shadow: 0rem 0.6667rem 2.2222rem 0rem rgba(0,0,0,0.12);background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0) translateX(0) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1.3,1.3);}#content-103 #section_p3jbgn6tj {padding-top: 0rem;padding-bottom: 6.666666666666667rem;background-color: #eff0f5;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_p3jbgn6tj {padding-bottom: 5.555555555555555rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_p3jbgn6tj {padding-bottom: 5.555555555555555rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_p3jbgn6tj {padding-bottom: 1.9444444444444444rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_p3jbgn6tj {padding-top: 0rem;padding-bottom: 1.1111111111111112rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #column_q13y5sjj5 {order: 1;}}@media screen and (max-width: 543.98px) { #content-103 #column_q13y5sjj5 {order: 1;}}#content-103 #content_yv4kd3cig {padding-bottom: 2.2222222222222223rem;}#content-103 #content_yv4kd3cig .is-content {}#content-103 #content_zant3oqdf {padding-right: 0rem;padding-bottom: 1.6666666666666667rem;opacity: 0.75;}#content-103 #content_zant3oqdf .is-content {}#content-103 #content_u730e4ubz {padding-bottom: 1.1111111111111112rem;}#content-103 #content_u730e4ubz .is-content {} #content-103 #content_uwxmzb1g6 .is-content {background-color: transparent;border-radius: 2.388888888888889rem;border-color: #000000;border-width: 0.05555555555555555rem;} #content-103 #content_uwxmzb1g6 .is-content:hover {color: #000000 !important;background-color: #9974ba !important;border-color: #9974ba !important;} #content-103 #content_uwxmzb1g6 .is-content a{font-size: 0.7222222222222222rem;letter-spacing: 0.1388888888888889rem;margin-right: -0.1388888888888889rem;color: #000000;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_uwxmzb1g6 .is-content:hover a {color: #ffffff !important;} .is-frontend #content-103 #content_uwxmzb1g6 .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.2); }#content-103 #content_uwxmzb1g6 {padding-top: 1.6666666666666667rem;}#content-103 #content_uwxmzb1g6 .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_uwxmzb1g6 {padding-bottom: 4.166666666666667rem;}#content-103 #content_uwxmzb1g6 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_uwxmzb1g6 {padding-bottom: 5rem;}#content-103 #content_uwxmzb1g6 .is-content {}}#content-103 #content_ys1jlvfp0 {margin-top: 6.666666666666667rem;padding-right: 0rem;padding-left: 0rem;margin-left: 3.888888888888889rem;z-index: 1;}#content-103 #content_ys1jlvfp0 .is-content {box-shadow: 0rem 0.6666666666666666rem 2.388888888888889rem 0rem rgba(0,0,0,0.12);}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #content_ys1jlvfp0 {margin-top: 4.444444444444445rem;}#content-103 #content_ys1jlvfp0 .is-content {}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_ys1jlvfp0 {margin-left: 2.2222222222222223rem;}#content-103 #content_ys1jlvfp0 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_ys1jlvfp0 {margin-top: 0rem;}#content-103 #content_ys1jlvfp0 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_ys1jlvfp0 {padding-top: 0rem;margin-top: 1.5555555555555556rem;padding-right: 2.2777777777777777rem;padding-left: 2.2777777777777777rem;margin-left: 0rem;}#content-103 #content_ys1jlvfp0 .is-content {}}#content-103 #content_poxfkv2i6 {padding-top: 5.277777777777778rem;margin-left: 3.888888888888889rem;}#content-103 #content_poxfkv2i6 .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_poxfkv2i6 {margin-left: 3.888888888888889rem;}#content-103 #content_poxfkv2i6 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_poxfkv2i6 {padding-top: 2.5rem;padding-bottom: 5.555555555555555rem;margin-left: 3.888888888888889rem;}#content-103 #content_poxfkv2i6 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_poxfkv2i6 {padding-top: 2.7777777777777777rem;padding-right: 2.1666666666666665rem;padding-bottom: 4.5rem;padding-left: 2.2777777777777777rem;margin-left: 0rem;}#content-103 #content_poxfkv2i6 .is-content {}}#content-103 #column_jfrcjjr1r{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0rem) translateX(6.6667rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #content_ys1jlvfp0{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;box-shadow: 0rem 0.6667rem 2.3889rem 0rem rgba(0,0,0,0.12);background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0) translateX(0) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1.3,1.3);}#content-103 #section_q97zo74wg {padding-top: 0rem;padding-bottom: 6.666666666666667rem;background-color: #eff0f5;}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_q97zo74wg {padding-right: 0rem;padding-left: 0rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_q97zo74wg {padding-bottom: 5.555555555555555rem;}}#content-103 #content_ymonucfem .spacer { background-color: #000000; }#content-103 #content_ymonucfem .spacer { height: 0.05555555555555555rem; }#content-103 #content_ymonucfem {padding-bottom: 3.3333333333333335rem;opacity: 0.2;}#content-103 #content_ymonucfem .is-content {}#content-103 #content_8jgypslhn {padding-bottom: 3.3333333333333335rem;}#content-103 #content_8jgypslhn .is-content {}@media screen and (max-width: 543.98px) { #content-103 #content_8jgypslhn {padding-bottom: 3.3333333333333335rem;}#content-103 #content_8jgypslhn .is-content {}}#content-103 #section_fo4rbrcea {background-color: #ffffff;} #content-103 #content_a5p1of4sm .is-content {background-color: #9974ba;border-radius: 2.388888888888889rem;} #content-103 #content_a5p1of4sm .is-content:hover {color: #fcfcfc !important;background-color: #ffffff !important;} #content-103 #content_a5p1of4sm .is-content a{font-size: 1rem;letter-spacing: 0.19444444444444445rem;margin-right: -0.19444444444444445rem;color: #fcfcfc;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_a5p1of4sm .is-content:hover a {color: #9974ba !important;} .is-frontend #content-103 #content_a5p1of4sm .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.18); }#content-103 #content_a5p1of4sm {padding-top: 0rem;margin-top: -1.4444444444444444rem;margin-bottom: 0rem;z-index: 2;}#content-103 #content_a5p1of4sm .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.25);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_a5p1of4sm {padding-bottom: 4.666666666666667rem;}#content-103 #content_a5p1of4sm .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_a5p1of4sm {padding-bottom: 5rem;}#content-103 #content_a5p1of4sm .is-content {}}#content-103 #content_60zdabuie {padding-top: 6.666666666666667rem;padding-bottom: 1.8888888888888888rem;}#content-103 #content_60zdabuie .is-content {}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #content_60zdabuie {padding-top: 5rem;padding-bottom: 2.5555555555555554rem;}#content-103 #content_60zdabuie .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_60zdabuie {padding-top: 1.1111111111111112rem;padding-bottom: 1.8888888888888888rem;}#content-103 #content_60zdabuie .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_60zdabuie {padding-top: 0.2777777777777778rem;padding-bottom: 2.7222222222222223rem;}#content-103 #content_60zdabuie .is-content {}}#content-103 #section_4krgs8bfj {padding-top: 3.2222222222222223rem;padding-bottom: 17.22222222222222rem;background-color: #ffffff;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_4krgs8bfj {padding-bottom: 16.11111111111111rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #section_4krgs8bfj {padding-bottom: 20.833333333333332rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_4krgs8bfj {padding-top: 0.6666666666666666rem;padding-bottom: 6.722222222222222rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_4krgs8bfj {padding-top: 0rem;padding-bottom: 6.944444444444445rem;}}#content-103 #content_0dic041xb {}#content-103 #content_0dic041xb .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_3h68octm6 {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_3h68octm6 .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_3h68octm6 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_3h68octm6 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_3h68octm6 {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_3h68octm6 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_3h68octm6 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_3h68octm6 .is-content {}}#content-103 #content_gxedy1kxd {}#content-103 #content_gxedy1kxd .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_bh3kfi3iq {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_bh3kfi3iq .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_bh3kfi3iq {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_bh3kfi3iq .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_bh3kfi3iq {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_bh3kfi3iq .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_bh3kfi3iq {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_bh3kfi3iq .is-content {}}#content-103 #content_7crunvo1d {padding-top: 2.7777777777777777rem;padding-right: 3.3333333333333335rem;padding-bottom: 8.333333333333334rem;padding-left: 2.7777777777777777rem;background-color: #eff0f5;}#content-103 #content_7crunvo1d .is-content {border-radius: 1.3333333333333333rem;border-color: #eff0f5;}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_7crunvo1d {padding-right: 1.6666666666666667rem;padding-left: 1.6666666666666667rem;}#content-103 #content_7crunvo1d .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_7crunvo1d {padding-bottom: 8.666666666666666rem;}#content-103 #content_7crunvo1d .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_7crunvo1d {padding-bottom: 8.333333333333334rem;}#content-103 #content_7crunvo1d .is-content {}} #content-103 #content_w9dm1rexf .is-content {background-color: #9974ba;border-radius: 2.388888888888889rem;} #content-103 #content_w9dm1rexf .is-content:hover {color: #fcfcfc !important;background-color: #ffffff !important;} #content-103 #content_w9dm1rexf .is-content a{font-size: 1rem;letter-spacing: 0.19444444444444445rem;margin-right: -0.19444444444444445rem;color: #fcfcfc;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_w9dm1rexf .is-content:hover a {color: #9974ba !important;} .is-frontend #content-103 #content_w9dm1rexf .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.18); }#content-103 #content_w9dm1rexf {padding-top: 0rem;margin-top: -6.388888888888889rem;margin-bottom: 0rem;margin-left: 2.2222222222222223rem;z-index: 2;}#content-103 #content_w9dm1rexf .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.25);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_w9dm1rexf {padding-bottom: 4.666666666666667rem;}#content-103 #content_w9dm1rexf .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_w9dm1rexf {padding-bottom: 5rem;}#content-103 #content_w9dm1rexf .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_n2wd0qa18 {margin-top: 2.2222222222222223rem;}#content-103 #content_n2wd0qa18 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_n2wd0qa18 {margin-top: 1.4444444444444444rem;}#content-103 #content_n2wd0qa18 .is-content {}}#content-103 #content_usdmwwp51 {}#content-103 #content_usdmwwp51 .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.7222222222222222rem 0rem rgba(0,0,0,0.08);}@media screen and (max-width: 543.98px) { #content-103 #content_usdmwwp51 {margin-top: 0rem;}#content-103 #content_usdmwwp51 .is-content {}}#content-103 #content_hfotr00g6 {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_hfotr00g6 .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_hfotr00g6 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_hfotr00g6 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_hfotr00g6 {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_hfotr00g6 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_hfotr00g6 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_hfotr00g6 .is-content {}}#content-103 #content_gfrmhyjfi {}#content-103 #content_gfrmhyjfi .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_gwl7redwg {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_gwl7redwg .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_gwl7redwg {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_gwl7redwg .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_gwl7redwg {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_gwl7redwg .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_gwl7redwg {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_gwl7redwg .is-content {}}#content-103 #content_rvemd6j41 {}#content-103 #content_rvemd6j41 .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_uvel6bddj {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.2222222222222223rem;padding-left: 2.7777777777777777rem;}#content-103 #content_uvel6bddj .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_uvel6bddj {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_uvel6bddj .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_uvel6bddj {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_uvel6bddj .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_uvel6bddj {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_uvel6bddj .is-content {}}#content-103 #section_4vjebeybh {padding-top: 0rem;margin-top: 0rem;padding-bottom: 6.111111111111111rem;background-color: transparent;}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_4vjebeybh {padding-bottom: 5.555555555555555rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_4vjebeybh {padding-bottom: 3.611111111111111rem;}}#content-103 #content_qjk5xtp5i {padding-top: 0rem;margin-top: -8.333333333333334rem;}#content-103 #content_qjk5xtp5i .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_qjk5xtp5i {margin-top: -5.555555555555555rem;}#content-103 #content_qjk5xtp5i .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_qjk5xtp5i {margin-top: -5.555555555555555rem;}#content-103 #content_qjk5xtp5i .is-content {}}#content-103 #content_dizrjfooq {padding-bottom: 1.6666666666666667rem;}#content-103 #content_dizrjfooq .is-content {box-shadow: 1.1111111111111112rem 1.1111111111111112rem 2.7777777777777777rem 0rem rgba(0,0,0,0.25);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_dizrjfooq {margin-top: 0.05555555555555555rem;}#content-103 #content_dizrjfooq .is-content {}}#content-103 #content_3ofycruwk {padding-bottom: 1.6666666666666667rem;}#content-103 #content_3ofycruwk .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);}#content-103 #content_idfumyzd0 {}#content-103 #content_idfumyzd0 .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);}#content-103 #column_nvm9duero{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(-5.5555555555556rem) translateX(0rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #section_q9bt0l2f4 {padding-top: 5.555555555555555rem;padding-bottom: 17.22222222222222rem;background-color: #ffffff;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-103 #section_q9bt0l2f4 {padding-bottom: 18.333333333333332rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_q9bt0l2f4 {padding-top: 4.722222222222222rem;padding-bottom: 6.666666666666667rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_q9bt0l2f4 {padding-top: 3.3333333333333335rem;padding-bottom: 6.944444444444445rem;}}#content-103 #content_wt5qbyve3 {}#content-103 #content_wt5qbyve3 .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_sxtttg2mz {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_sxtttg2mz .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_sxtttg2mz {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_sxtttg2mz .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_sxtttg2mz {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_sxtttg2mz .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_sxtttg2mz {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_sxtttg2mz .is-content {}}#content-103 #content_frsijdh9v {}#content-103 #content_frsijdh9v .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_n657lsmzb {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_n657lsmzb .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_n657lsmzb {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_n657lsmzb .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_n657lsmzb {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_n657lsmzb .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_n657lsmzb {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_n657lsmzb .is-content {}}#content-103 #content_86qjgme2p {}#content-103 #content_86qjgme2p .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_qcm3x5jv9 {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.2222222222222223rem;padding-left: 2.7777777777777777rem;}#content-103 #content_qcm3x5jv9 .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_qcm3x5jv9 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_qcm3x5jv9 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_qcm3x5jv9 {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_qcm3x5jv9 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_qcm3x5jv9 {padding-bottom: 0rem;}#content-103 #content_qcm3x5jv9 .is-content {}}#content-103 #content_a1kj1epay {}#content-103 #content_a1kj1epay .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_dmikmu6f8 {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_dmikmu6f8 .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_dmikmu6f8 {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_dmikmu6f8 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_dmikmu6f8 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-103 #content_dmikmu6f8 .is-content {}}#content-103 #content_q0zrw9oly {padding-top: 2.7777777777777777rem;padding-right: 3.3333333333333335rem;padding-bottom: 8.333333333333334rem;margin-bottom: 0rem;padding-left: 2.7777777777777777rem;background-color: #eff0f5;}#content-103 #content_q0zrw9oly .is-content {border-radius: 1.3333333333333333rem;border-color: #eff0f5;} #content-103 #content_jk2pj0vqv .is-content {background-color: #9974ba;border-radius: 2.388888888888889rem;} #content-103 #content_jk2pj0vqv .is-content:hover {color: #fcfcfc !important;background-color: #ffffff !important;} #content-103 #content_jk2pj0vqv .is-content a{font-size: 1rem;letter-spacing: 0.19444444444444445rem;margin-right: -0.19444444444444445rem;color: #fcfcfc;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_jk2pj0vqv .is-content:hover a {color: #9974ba !important;} .is-frontend #content-103 #content_jk2pj0vqv .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.18); }#content-103 #content_jk2pj0vqv {padding-top: 0rem;margin-top: -6.388888888888889rem;margin-bottom: 6.111111111111111rem;margin-left: 2.2222222222222223rem;z-index: 2;}#content-103 #content_jk2pj0vqv .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.25);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_jk2pj0vqv {padding-bottom: 4.333333333333333rem;margin-bottom: 2.7777777777777777rem;}#content-103 #content_jk2pj0vqv .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_jk2pj0vqv {padding-bottom: 3.1666666666666665rem;margin-bottom: 2.611111111111111rem;}#content-103 #content_jk2pj0vqv .is-content {}}#content-103 #content_ls3nat3o0 {}#content-103 #content_ls3nat3o0 .is-content {box-shadow: 0.4444444444444444rem 0.6666666666666666rem 0.6666666666666666rem 0rem rgba(0,0,0,0.08);}#content-103 #content_2bwgziuy6 {padding-top: 1.3888888888888888rem;margin-top: 0rem;padding-right: 2.7777777777777777rem;margin-bottom: 2.7777777777777777rem;padding-left: 2.7777777777777777rem;}#content-103 #content_2bwgziuy6 .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_2bwgziuy6 {padding-right: 5.555555555555555rem;padding-left: 5.555555555555555rem;}#content-103 #content_2bwgziuy6 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_2bwgziuy6 {padding-right: 0.5555555555555556rem;padding-bottom: 1.4444444444444444rem;padding-left: 0.5555555555555556rem;}#content-103 #content_2bwgziuy6 .is-content {}}#content-103 #section_uken2cwb5 {padding-top: 0rem;margin-top: 0rem;padding-bottom: 6.111111111111111rem;background-color: transparent;}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_uken2cwb5 {padding-bottom: 4.722222222222222rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_uken2cwb5 {padding-bottom: 3.4444444444444446rem;}}#content-103 #content_imydirob3 {padding-top: 0rem;margin-top: -8.333333333333334rem;}#content-103 #content_imydirob3 .is-content {}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-103 #content_imydirob3 {margin-top: -7.222222222222222rem;}#content-103 #content_imydirob3 .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_imydirob3 {margin-top: -5.555555555555555rem;}#content-103 #content_imydirob3 .is-content {}}#content-103 #content_2nf3mn7g3 {padding-bottom: 1.6666666666666667rem;}#content-103 #content_2nf3mn7g3 .is-content {box-shadow: 1.1111111111111112rem 1.1111111111111112rem 2.7777777777777777rem 0rem rgba(0,0,0,0.25);}#content-103 #content_rdgaj3dwt {padding-bottom: 1.6666666666666667rem;}#content-103 #content_rdgaj3dwt .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);}#content-103 #content_70ed7zyk2 {}#content-103 #content_70ed7zyk2 .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);}#content-103 #column_bvkxptjt2{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(-5.5555555555556rem) translateX(0rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-103 #section_30wy6ddfs {padding-top: 5.555555555555555rem;padding-bottom: 6.666666666666667rem;background-color: #000000;}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #section_30wy6ddfs {padding-top: 1.6666666666666667rem;padding-bottom: 2.2222222222222223rem;}}@media screen and (max-width: 543.98px) { #content-103 #section_30wy6ddfs {padding-top: 0.2777777777777778rem;padding-bottom: 1.7777777777777777rem;}}#content-103 #content_hxpbhk2m2 {padding-top: 0rem;padding-bottom: 0rem;}#content-103 #content_hxpbhk2m2 .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_hxpbhk2m2 {padding-top: 3.611111111111111rem;}#content-103 #content_hxpbhk2m2 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_hxpbhk2m2 {padding-top: 4rem;}#content-103 #content_hxpbhk2m2 .is-content {}}#content-103 #content_kb9kl6sil {padding-top: 1.1111111111111112rem;opacity: 1;}#content-103 #content_kb9kl6sil .is-content {text-shadow: 0rem 0.2777777777777778rem 0.6666666666666666rem rgba(0,0,0,0.2);} #content-103 #content_p1cpkweez .is-content {background-color: #9974ba;border-radius: 2.388888888888889rem;} #content-103 #content_p1cpkweez .is-content:hover {color: #fcfcfc !important;background-color: #ffffff !important;} #content-103 #content_p1cpkweez .is-content a{font-size: 1rem;letter-spacing: 0.19444444444444445rem;margin-right: -0.19444444444444445rem;color: #fcfcfc;border-radius: 2.388888888888889rem;padding-right: 1.8333333333333333rem;padding-left: 1.8333333333333333rem;padding-top: 0.6666666666666666rem;padding-bottom: 0.6666666666666666rem;} #content-103 #content_p1cpkweez .is-content:hover a {color: #9974ba !important;} .is-frontend #content-103 #content_p1cpkweez .is-content:hover { box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.18); }#content-103 #content_p1cpkweez {padding-top: 1.6666666666666667rem;padding-bottom: 0rem;}#content-103 #content_p1cpkweez .is-content {box-shadow: 0.6666666666666666rem 0.6111111111111112rem 1.7777777777777777rem 0rem rgba(0,0,0,0.25);}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-103 #content_p1cpkweez {padding-bottom: 4.666666666666667rem;}#content-103 #content_p1cpkweez .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_p1cpkweez {padding-bottom: 5rem;}#content-103 #content_p1cpkweez .is-content {}}#content-103 .transition-wrap {background-image: url(https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/soft-gradient-fullsize.jpg);background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;background-attachment: fixed;background-color: #eff0f5;}.gradient-top:before { content: ''; top: 0; left: 0; height: 500px; width: 100%; position: absolute; background: linear-gradient(180deg, rgba(247,247,247,0.5) 0%, rgba(247,247,247,0) 50%); } .browser-top:before { content: ''; top: -25px; left: 0; height: 25px; width: 100%; position: absolute; background: url(https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/browser-tab-1.svg); background-size: cover; } @media only screen and (max-width: 600px) { .browser-top:before { display: none !important; } } .round-corners { border-radius: 12px !important; } .ce-video .mejs-container { background: transparent !important; background-color: transparent !important; }#content-103 #section_27086c7d5 {padding-top: 4.333333333333333rem;padding-bottom: 4.833333333333333rem;background-color: #ffffff;}@media screen and (max-width: 543.98px) { #content-103 #content_c40dada51 {margin-top: -1.3888888888888888rem;}#content-103 #content_c40dada51 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_9d0ef05b3 {padding-top: 1.6666666666666667rem;}#content-103 #content_9d0ef05b3 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_a511b1e71 {padding-top: 1.6666666666666667rem;}#content-103 #content_a511b1e71 .is-content {}}@media screen and (max-width: 543.98px) { #content-103 #content_788a69b06 {padding-top: 1.6666666666666667rem;}#content-103 #content_788a69b06 .is-content {}} .nav_p7qhcsjt0 { background-color: rgba(255, 255, 255, 1);; }.nav_p7qhcsjt0 { height: 4.111111111111111rem; }.is-frontend #content-103 .sections { margin-top: 4.111111111111111rem; }.nav_p7qhcsjt0 { padding-top: 0rem; }.nav_p7qhcsjt0 { padding-bottom: 0rem; }.nav_p7qhcsjt0 .logo img, .nav_p7qhcsjt0 .logo svg { width: 8.61111111111111rem; }.nav_p7qhcsjt0 .navbar-inner .logo { align-items: center; }.nav_p7qhcsjt0 .navbar-inner .hamburger { align-items: center; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon span { background-color: #000000; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon { width: 24; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon span { height: 2px; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.open-menu span::before { transform: translateY(-6px); }.nav_p7qhcsjt0 .navbar-inner .hamburger a.open-menu span::after { transform: translateY(6px); }.nav_p7qhcsjt0 .navbar-inner .hamburger a.open-menu:hover span::before { transform: translateY(-8px); }.nav_p7qhcsjt0 .navbar-inner .hamburger a.open-menu:hover span::after { transform: translateY(8px); }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }.nav_p7qhcsjt0 .navbar-inner nav ul li a span { font-size: 1.0555555555555556rem; }.nav_p7qhcsjt0 .navbar-inner nav ul li a span { color: #020202; }.nav_p7qhcsjt0 .navbar-inner nav ul li a span { text-transform: none; }.nav_p7qhcsjt0 .navbar-inner nav ul li a span { letter-spacing: 0.011111111111111112rem; }.nav_p7qhcsjt0 .navbar-inner nav ul li a:hover span, .navbar-inner nav ul li.current-menu-item a span, .navbar-inner nav ul li.current_page_item a span, .nav_p7qhcsjt0 .navbar-inner nav ul li.wrap-focus a span { color: #020101; }.nav_p7qhcsjt0 .navbar-inner nav ul li.current-menu-item a span { color: #020101; }.nav_p7qhcsjt0 .navbar-inner nav ul li.current_page_item a span { color: #020101; }[data-post-type="project"] .navbar-inner nav ul li.portfolio-grid a span, [data-post-type="post"] .navbar-inner nav ul li.blog-overview a span { color: #020101; }.nav_p7qhcsjt0 .navbar-inner nav ul li a:hover span { border-bottom-color: #ffffff; }.nav_p7qhcsjt0 .navbar-inner nav ul li.current-menu-item a span { border-bottom-color: #ffffff; }.nav_p7qhcsjt0 .navbar-inner nav ul li.current_page_item a span { border-bottom-color: #ffffff; }[data-post-type="project"] .navbar-inner nav ul li.portfolio-grid a span, [data-post-type="post"] .navbar-inner nav ul li.blog-overview a span { border-bottom-color: #ffffff; }#overlay-menu { background-color: rgba(153, 116, 186, 1); }#overlay-menu .overlay-menu-inner nav { padding-top: 1.7777777777777777rem; }#overlay-menu .overlay-menu-inner nav ul li a span { font-size: 1.3333333333333333rem; }#overlay-menu .overlay-menu-inner nav ul li a span { color: #ffffff; }#overlay-menu .overlay-menu-inner nav ul li a { padding-top: 0.94444444444444rem; }#overlay-menu .overlay-menu-inner nav ul li a { padding-bottom: 0.94444444444444rem; }@media screen and (min-width: 992px) and (max-width: 1169.98px) { .nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }}@media screen and (min-width: 768px) and (max-width: 991.98px) { .nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }}@media screen and (min-width: 544px) and (max-width: 767.98px) { .nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }}@media screen and (max-width: 543.98px) { .nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_p7qhcsjt0 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }} </style> <style>html{margin-top:0px!important;}#wpadminbar{top:auto!important;bottom:0;}</style> <link rel="shortcut icon" type="image/png" href="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/favico2.png" sizes="32x32"> </head> <body class="page-template-default page page-id-103 is-frontend static-mode static-transitions mejs-semplice-ui"bgcolor="#020202" data-post-type="page" data-post-id="103"> <div id="content-holder" data-active-post="103"> <header class="nav_p7qhcsjt0 semplice-navbar active-navbar sticky-nav " data-cover-transparent="disabled" data-bg-overlay-visibility="visible" data-mobile-fallback="enabled"> <div class="container" data-nav="logo-left-menu-right"> <div class="navbar-inner menu-type-text" data-xl-width="12" data-navbar-type="container"> <div class="logo navbar-left"><a href="https://carbonmade.com" title="Carbonmade"><img src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/08/c4_logo_black.svg" alt="logo"></a></div> <nav class="standard navbar-right" data-font="font_pk48393pj"><ul class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-103 current_page_item menu-item-122"><a href="https://carbonmade.com/examples" aria-current="page"><span>Examples</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-537"><a href="https://carbonmade.com/features"><span>Features</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-153"><a target="_blank" href="https://carbonmade.com/portfolios"><span>Talent Pool</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-154"><a target="_blank" href="https://carbonmade.app"><span>Sign In</span></a></li> <li class="start-free-trial-button menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="https://carbonmade.com/signup"><span>START FREE TRIAL</span></a></li> </ul></nav> <div class="hamburger navbar-right semplice-menu"><a class="open-menu menu-icon"><span></span></a></div> </div> </div> </header> <div id="overlay-menu"> <div class="overlay-menu-inner" data-xl-width="12"> <nav class="overlay-nav" data-justify="center" data-align="align-top" data-font="font_kzoov3keo"> <ul class="container"><li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-103 current_page_item menu-item-122"><a href="https://carbonmade.com/examples" aria-current="page"><span>Examples</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-537"><a href="https://carbonmade.com/features"><span>Features</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-153"><a target="_blank" href="https://carbonmade.com/portfolios"><span>Talent Pool</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-154"><a target="_blank" href="https://carbonmade.app"><span>Sign In</span></a></li> <li class="start-free-trial-button menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="https://carbonmade.com/signup"><span>START FREE TRIAL</span></a></li> </ul> </nav> </div> </div> <div id="content-103" class="content-container active-content hide-on-init"> <div class="transition-wrap"> <div class="sections"> <section id="section_g831xz4yv" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-valign="center" data-justify="center" > <div class="container"><div id="row_7tlhibgtl" class="row"><div id="column_ld7u5hgpd" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_agqsarxnv" class="column-content" data-module="text" > <div class="is-content"><h1 data-mce-style="text-align: center; font-size: 1.778rem; line-height: 2.111rem;" style="text-align: center; font-size: 1.778rem; line-height: 2.111rem;" data-font-size-xl="4.778rem" data-line-height-xl="4.778rem" data-font-size-lg="3.889rem" data-line-height-lg="4.000rem" data-font-size-md="2.778rem" data-line-height-md="3.000rem" data-font-size-sm="2.111rem" data-line-height-sm="2.333rem" data-font-size-xs="1.778rem" data-line-height-xs="2.111rem"><span data-mce-style="color: #000000;" style="color: #000000;">   Build your online portfolio with Carbonmade.</span></h1></div> </div> </div> </div></div><div id="row_qge3t7enf" class="row"><div id="column_n9xlzjbpx" class="column" data-xl-width="8" data-lg-width="5" data-md-width="6" > <div class="content-wrapper"> <div id="content_llhq7udle" class="column-content" data-module="text" > <div class="is-content"><p style="text-align: center; font-size: 1.444rem; line-height: 2.111rem;" data-mce-style="text-align: center; font-size: 1.444rem; line-height: 2.111rem;" data-font-size-xl="1.444rem" data-line-height-xl="2.111rem"><span class="font_pk48393pj">✓  Unlimited images & videos. <br>✓ Unlimited layout possibilities.<br>✓ Unlimited potential.<br>✓ No coding needed.</span><br></p></div> </div> </div> </div></div></div> </section> <section id="section_jiydhmz61" class="content-block gradient-top" data-column-mode-sm="single" data-column-mode-xs="single" data-height="dynamic" data-justify="center" > <div class="container"><div id="row_335seczs4" class="row"><div id="column_x96ruqtko" class="column disable-motion-for-mobile" data-xl-width="12" > <div class="content-wrapper"> <div id="content_woldmfx5j" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_j1clyjl79" class="column-content disable-motion-for-mobile" data-module="video" > <div class="ce-video" data-hide-controls="on" style="width: 100%; max-width: 100%"> <video class="video" width="1914" height="1076" webkit-playsinline playsinline preload="none" loop autoplay muted > <source src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/allen-laseter-carbon-portfolio-01.mp4" type="video/mp4"> <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p> </video> </div> </div> <div id="content_bnmpvxlb3" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-mce-style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-font-size-xl="0.889rem" data-line-height-xl="1.500rem" data-font-size-xs="0.833rem" data-line-height-xs="1.333rem"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">Portfolio by Allen Laseter, Designer & Animator → <a data-mce-href="https://allenlaseter.carbonmade.com/" href="https://allenlaseter.carbonmade.com/" target="_blank" rel="noopener" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">VISIT PORTFOLIO</a></span></p></div> </div> </div> </div></div><div id="row_b4jmvsfsl" class="row"><div id="column_r116mhiwp" class="column" data-xl-width="8" data-lg-width="10" > <div class="content-wrapper"> <div id="content_nt5upwgrd" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.556rem; line-height: 2rem; text-align: center;" data-mce-style="font-size: 1.556rem; line-height: 2rem; text-align: center;" data-font-size-xl="1.556rem" data-line-height-xl="2.000rem" data-font-size-xs="1.333rem" data-line-height-xs="1.889rem"><span style="color: rgb(255, 255, 255);" data-mce-style="color: rgb(255, 255, 255);" class="font_pk48393pj">Start with a foundation based on the work you do, then customize as much as you want. No limiting templates.</span></p></div> </div> <div id="content_44cdadb1f" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="center"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">TRY IT FOR FREE</a> </div> </div> </div> </div> </div></div></div> </section> <section id="section_ren4zsqrv" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="grid" data-gutter="yes" data-valign="center" > <div class="container"><div id="row_5w1ak2fv9" class="row"><div id="column_z7trtyr9d" class="column" data-xl-width="4" data-md-width="5" data-lg-width="4" > <div class="content-wrapper"> <div id="content_kr25nct9y" class="column-content scroll-reveal" data-module="text" > <div class="is-content"><h2 style="font-size: 1.444rem; line-height: 1.667rem;" data-mce-style="font-size: 1.444rem; line-height: 1.667rem;" data-font-size-xl="2.222rem" data-line-height-xl="2.333rem" data-font-size-lg="2.000rem" data-line-height-lg="2.111rem" data-font-size-md="1.444rem" data-line-height-md="1.667rem" data-font-size-xs="1.889rem" data-line-height-xs="2.000rem"><span style="color: rgb(0, 0, 0);" data-mce-style="color: rgb(0, 0, 0);">Made for illustrators & graphic designers</span></h2></div> </div> <div id="content_y5m9aepwo" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.222rem; line-height: 1.556rem;" data-mce-style="font-size: 1.222rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem"><span class="font_pk48393pj">If you're a designer, illustrator, comic artist, or just love making beautiful visuals, Carbonmade is for you. </span></p></div> </div> <div id="content_waydmlxd4" class="column-content scroll-reveal-sequence" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.444rem;" data-mce-style="font-size: 1.111rem; line-height: 1.444rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-lg="1.111rem" data-line-height-lg="1.444rem" data-font-size-md="0.944rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Unlimited photos & galleries</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Tons of typeface options</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Image grids & sliders</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> No file size limit</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Blocks for easy layouts</span></p></div> </div> <div id="content_k88tp38ap" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">START CREATING</a> </div> </div> </div> </div> </div><div id="column_012u713op" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_67nsot71j" class="column disable-motion-for-mobile" data-xl-width="7" data-md-width="6" data-lg-width="7" > <div class="content-wrapper"> <div id="content_ac85z274w" class="column-content browser-top" data-module="video" > <div class="ce-video" data-hide-controls="on" style="width: 100%; max-width: 100%"> <video class="video" width="16" height="9" webkit-playsinline playsinline preload="none" loop autoplay muted > <source src="https://carbon-media.accelerator.net/00000000001/3cr027SC7ypbV8PR0EuLYK;960x540.mp4" type="video/mp4"> <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p> </video> </div> </div> <div id="content_248nogxur" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 0.833rem; line-height: 1.333rem; text-align: center;" data-mce-style="font-size: 0.833rem; line-height: 1.333rem; text-align: center;" data-font-size-xl="0.889rem" data-line-height-xl="1.500rem" data-font-size-xs="0.833rem" data-line-height-xs="1.333rem"><span style="color: rgb(135, 135, 135);" data-mce-style="color: rgb(135, 135, 135);">Portfolio by Jeez Vanilla, Illustrator → <a data-mce-href="https://www.jeezvanilla.com/" href="https://www.jeezvanilla.com/" target="_blank" rel="noopener" style="color: rgb(135, 135, 135);" data-mce-style="color: rgb(135, 135, 135);">VISIT PORTFOLIO</a></span></p></div> </div> </div> </div></div></div> </section> <section id="section_g3obopqyx" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="grid" data-gutter="yes" data-valign="center" > <div class="container"><div id="row_lv1djqt03" class="row"><div id="column_jqa58vkn0" class="column disable-motion-for-mobile" data-xl-width="7" data-md-width="6" > <div class="content-wrapper"> <div id="content_8zckdbte7" class="column-content browser-top" data-module="video" > <div class="ce-video" data-hide-controls="on" style="width: 100%; max-width: 100%"> <video class="video" width="16" height="9" webkit-playsinline playsinline preload="none" loop autoplay muted > <source src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/UX-designer-examples-footage-02.mp4" type="video/mp4"> <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p> </video> </div> </div> </div> </div><div id="column_s0fis37pm" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_9vedmulz5" class="column" data-xl-width="4" data-md-width="5" data-lg-width="4" > <div class="content-wrapper"> <div id="content_4r66lqonw" class="column-content scroll-reveal" data-module="text" > <div class="is-content"><h2 style="font-size: 1.444rem; line-height: 1.667rem;" data-mce-style="font-size: 1.444rem; line-height: 1.667rem;" data-font-size-xl="2.222rem" data-line-height-xl="2.333rem" data-font-size-lg="2.000rem" data-line-height-lg="2.111rem" data-font-size-md="1.444rem" data-line-height-md="1.667rem" data-font-size-xs="1.889rem" data-line-height-xs="2.000rem">Made for UX & product designers</h2></div> </div> <div id="content_foc13yijs" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.222rem; line-height: 1.556rem;" data-mce-style="font-size: 1.222rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem">Share your prototypes and UI / UX designs with beautiful case studies.</p></div> </div> <div id="content_1o38w14xc" class="column-content scroll-reveal-sequence" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.556rem;" data-mce-style="font-size: 1.111rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-lg="1.111rem" data-line-height-lg="1.556rem" data-font-size-md="0.944rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Embed your prototypes</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Unlimited photos & videos</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Add captions to images</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> No file size limit</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Content blocks for case studies</span></p></div> </div> <div id="content_ng75x88iz" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">START BUILDING</a> </div> </div> </div> </div> </div></div></div> </section> <section id="section_zqg2befis" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="grid" data-gutter="yes" data-valign="center" > <div class="container"><div id="row_74axqtcjw" class="row"><div id="column_p29cr9y81" class="column" data-xl-width="4" data-md-width="5" data-lg-width="4" > <div class="content-wrapper"> <div id="content_bsy1iq8aw" class="column-content scroll-reveal" data-module="text" > <div class="is-content"><h2 style="font-size: 1.444rem; line-height: 1.667rem;" data-mce-style="font-size: 1.444rem; line-height: 1.667rem;" data-font-size-xl="2.222rem" data-line-height-xl="2.333rem" data-font-size-lg="2.000rem" data-line-height-lg="2.111rem" data-font-size-md="1.444rem" data-line-height-md="1.667rem" data-font-size-xs="1.889rem" data-line-height-xs="2.000rem">Made for makeup artists & photo-graphers</h2></div> </div> <div id="content_bdbi937rp" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.222rem; line-height: 1.556rem;" data-mce-style="font-size: 1.222rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem">Perfect for image-heavy sites. Drag & drop images from your desktop, add captions and you're done. </p></div> </div> <div id="content_e2pkr4tnb" class="column-content scroll-reveal-sequence" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.556rem;" data-mce-style="font-size: 1.111rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-lg="1.111rem" data-line-height-lg="1.556rem" data-font-size-md="0.944rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Unlimited photos & galleries</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Easy image upload & cropping</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Photo grids & sliders</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> No file size limit</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Custom photo blocks</span></p></div> </div> <div id="content_h0rhbwyzp" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">SIGN UP FOR FREE</a> </div> </div> </div> </div> </div><div id="column_j5nmu6801" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_fgjstqxwa" class="column disable-motion-for-mobile" data-xl-width="7" data-md-width="6" data-lg-width="7" > <div class="content-wrapper"> <div id="content_vc6expcmy" class="column-content browser-top" data-module="video" > <div class="ce-video" data-hide-controls="on" style="width: 100%; max-width: 100%"> <video class="video" width="16" height="9" webkit-playsinline playsinline preload="none" loop autoplay muted > <source src="https://carbon-media.accelerator.net/00000000001/8FdC3TBqDdwewYftUNo4F0;960x540.mp4" type="video/mp4"> <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p> </video> </div> </div> <div id="content_sgk6p1xz0" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-mce-style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-font-size-xl="0.889rem" data-line-height-xl="1.500rem" data-font-size-xs="0.833rem" data-line-height-xs="1.333rem"><span style="color: rgb(135, 135, 135);" data-mce-style="color: #878787;">Portfolio by Kristia Maria Tuevi, Photographer → <a data-mce-href="https://kristimaria.carbonmade.com/" href="https://kristimaria.carbonmade.com/" target="_blank" rel="noopener" style="color: rgb(135, 135, 135);" data-mce-style="color: #878787;">VISIT PORTFOLIO</a></span></p></div> </div> </div> </div></div></div> </section> <section id="section_i03z3oxd3" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="grid" data-gutter="yes" data-valign="center" > <div class="container"><div id="row_7423s238j" class="row"><div id="column_cvrna96tt" class="column disable-motion-for-mobile" data-xl-width="7" data-md-width="6" > <div class="content-wrapper"> <div id="content_rit50zujb" class="column-content browser-top" data-module="video" > <div class="ce-video" data-hide-controls="on" style="width: 100%; max-width: 100%"> <video class="video" width="16" height="9" webkit-playsinline playsinline preload="none" loop autoplay muted > <source src="https://carbon-media.accelerator.net/00000000001/lbPC7JlrUbCbBqxAIlu79M;960x540.mp4" type="video/mp4"> <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p> </video> </div> </div> <div id="content_7hpv71mmn" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-mce-style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-font-size-xl="0.889rem" data-line-height-xl="1.500rem" data-font-size-xs="0.833rem" data-line-height-xs="1.333rem"><span style="color: rgb(135, 135, 135);" data-mce-style="color: #878787;">Portfolio by Aran Quinn, Motion Desinger  → <a data-mce-href="https://aranquinn.com/" href="https://aranquinn.com/" target="_blank" rel="noopener" style="color: rgb(135, 135, 135);" data-mce-style="color: #878787;" data-mce-selected="1">VISIT PORTFOLIO</a></span></p></div> </div> </div> </div><div id="column_68dghvd8q" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_qvd67acdg" class="column" data-xl-width="4" data-md-width="4" data-lg-width="4" > <div class="content-wrapper"> <div id="content_n0fszoerw" class="column-content scroll-reveal" data-module="text" > <div class="is-content"><h2 style="font-size: 1.444rem; line-height: 1.667rem;" data-mce-style="font-size: 1.444rem; line-height: 1.667rem;" data-font-size-xl="2.222rem" data-line-height-xl="2.333rem" data-font-size-lg="1.889rem" data-line-height-lg="2.000rem" data-font-size-md="1.444rem" data-line-height-md="1.667rem" data-font-size-xs="1.889rem" data-line-height-xs="2.000rem">Made for motion designers & filmmakers</h2></div> </div> <div id="content_u4s27m5m7" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.222rem; line-height: 1.556rem;" data-mce-style="font-size: 1.222rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem">Upload videos and GIFs straight to your site, no limits or size restrictions.</p></div> </div> <div id="content_4e0a8xjrq" class="column-content scroll-reveal-sequence" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.556rem;" data-mce-style="font-size: 1.111rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-lg="1.111rem" data-line-height-lg="1.556rem" data-font-size-md="0.944rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Unlimited videos & GIFS</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Auto-play & loop features</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Background videos </span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Mobile videos </span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> No file size limit</span></p></div> </div> <div id="content_s2gdsq46v" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">START CREATING</a> </div> </div> </div> </div> </div></div></div> </section> <section id="section_p3jbgn6tj" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="grid" data-gutter="yes" data-valign="center" > <div class="container"><div id="row_rqqqe191w" class="row"><div id="column_q13y5sjj5" class="column" data-xl-width="4" data-md-width="5" data-lg-width="4" > <div class="content-wrapper"> <div id="content_yv4kd3cig" class="column-content scroll-reveal" data-module="text" > <div class="is-content"><h2 style="font-size: 1.389rem; line-height: 1.667rem;" data-mce-style="font-size: 1.389rem; line-height: 1.667rem;" data-font-size-xl="2.222rem" data-line-height-xl="2.333rem" data-font-size-lg="2.000rem" data-line-height-lg="2.111rem" data-font-size-md="1.389rem" data-line-height-md="1.667rem" data-font-size-xs="1.889rem" data-line-height-xs="2.000rem">Made for 3D artists</h2></div> </div> <div id="content_zant3oqdf" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.222rem; line-height: 1.556rem;" data-mce-style="font-size: 1.222rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem">Game designers, 3D artists, concept artists rejoice! This is built for you.</p></div> </div> <div id="content_u730e4ubz" class="column-content scroll-reveal-sequence" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.556rem;" data-mce-style="font-size: 1.111rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-lg="1.111rem" data-line-height-lg="1.556rem" data-font-size-md="0.944rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Full-width images</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Background videos</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Autoplay & loop features</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Mobile videos</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Unlimited videos & GIFs</span></p></div> </div> <div id="content_uwxmzb1g6" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">START BUILDING</a> </div> </div> </div> </div> </div><div id="column_6tw997fwm" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_jfrcjjr1r" class="column disable-motion-for-mobile" data-xl-width="7" data-md-width="6" data-lg-width="7" > <div class="content-wrapper"> <div id="content_ys1jlvfp0" class="column-content browser-top" data-module="video" > <div class="ce-video" data-hide-controls="on" style="width: 100%; max-width: 100%"> <video class="video" width="16" height="9" webkit-playsinline playsinline preload="none" loop autoplay muted > <source src="https://carbon-media.accelerator.net/00000000001/3ApK9CLQNrNfsrQ52a47kh;960x540.mp4" type="video/mp4"> <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p> </video> </div> </div> <div id="content_poxfkv2i6" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-mce-style="font-size: 0.889rem; line-height: 1.5rem; text-align: center;" data-font-size-xl="0.889rem" data-line-height-xl="1.500rem" data-font-size-xs="0.833rem" data-line-height-xs="1.333rem"><span style="color: rgb(135, 135, 135);" data-mce-style="color: #878787;">Portfolio by Daniel Lepik, 3D Designer  → <a data-mce-href="https://lepikdaniel.com/" href="https://lepikdaniel.com/" target="_blank" rel="noopener" style="color: rgb(135, 135, 135);" data-mce-style="color: #878787;">VISIT PORTFOLIO</a></span></p></div> </div> </div> </div></div></div> </section> <section id="section_q97zo74wg" class="content-block" data-column-mode-sm="multi" data-column-mode-xs="single" data-justify="center" > <div class="container"><div id="row_8vvssngph" class="row"><div id="column_ezwxe8jv0" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_ymonucfem" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> </div> </div></div><div id="row_j8dqa0stn" class="row"><div id="column_u7ighjyca" class="column" data-xl-width="8" > <div class="content-wrapper"> <div id="content_8jgypslhn" class="column-content" data-module="text" > <div class="is-content"><h3 style="font-size: 2.778rem; text-align: center; line-height: 2.889rem;" data-mce-style="font-size: 2.778rem; text-align: center; line-height: 2.889rem;" data-font-size-xl="2.778rem" data-font-size-xs="1.667rem" data-line-height-xs="2.111rem" data-line-height-xl="2.889rem"><span class="font_pk48393pj">Made for all creatives who want an easy, personalized way to launch their portfolio.</span></h3></div> </div> </div> </div></div><div id="row_ejzbjndf2" class="row"><div id="column_jqi3wv4gy" class="column scroll-reveal-sequence-column" data-xl-width="3" data-md-width="4" data-lg-width="4" > <div class="content-wrapper"> <div id="content_wxrhvp4zm" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.556rem;" data-mce-style="font-size: 1.111rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-sm="0.722rem" data-line-height-sm="1.278rem" data-font-size-lg="1.111rem" data-line-height-lg="1.556rem" data-font-size-md="1.000rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Animators</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Architects</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Apparel designers </span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Character designers</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Concept designers <br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Copywriters<br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Art directors <br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓ </span>Painters<br></span></p></div> </div> </div> </div><div id="column_tcg6lzxil" class="column scroll-reveal-sequence-column" data-xl-width="3" data-md-width="4" data-lg-width="4" > <div class="content-wrapper"> <div id="content_vc6r0zys0" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.556rem;" data-mce-style="font-size: 1.111rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-sm="0.722rem" data-line-height-sm="1.278rem" data-font-size-lg="1.111rem" data-line-height-lg="1.556rem" data-font-size-md="1.000rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Creative directors</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Editorial designers</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Fashion designers</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Fashion photographers</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Graphic designers<br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Illustrators<br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓ </span>UX designers<br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> 3D artists<br></span></p></div> </div> </div> </div><div id="column_8vzyqww11" class="column scroll-reveal-sequence-column" data-xl-width="3" data-md-width="4" data-lg-width="4" > <div class="content-wrapper"> <div id="content_ukqzumj2e" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.111rem; line-height: 1.556rem;" data-mce-style="font-size: 1.111rem; line-height: 1.556rem;" data-font-size-xl="1.222rem" data-line-height-xl="1.556rem" data-font-size-sm="0.722rem" data-line-height-sm="1.278rem" data-font-size-lg="1.111rem" data-line-height-lg="1.556rem" data-font-size-md="1.000rem" data-line-height-md="1.444rem"><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Interior designers</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Logo designers </span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Product designers </span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Photographers</span><br><span class="font_pk48393pj"><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Motion designers<br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Textile designers <br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> Typographers<br><span style="color: rgb(42, 212, 196);" data-mce-style="color: rgb(42, 212, 196);">✓</span> ...and more!<br></span></p></div> </div> </div> </div></div></div> </section> <section id="section_fo4rbrcea" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_y892swxom" class="row"><div id="column_k83zbcrrr" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_a5p1of4sm" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="center"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">TRY IT FOR FREE</a> </div> </div> </div> <div id="content_60zdabuie" class="column-content" data-module="paragraph" > <div class="is-content has-lg has-md has-sm has-xs"><div data-content-for="xl"><p style="text-align: center; font-size: 3.111rem; line-height: 3.77778rem;" data-mce-style="text-align: center; font-size: 3.111rem; line-height: 3.77778rem;"><span data-mce-style="color: #020202; font-family: proxima-nova, sans-serif; letter-spacing: 0rem;" style="color: rgb(2, 2, 2); font-family: proxima-nova, sans-serif; letter-spacing: 0rem;" class="font_pk48393pj">More Carbonmade layout examples</span></p></div><div data-content-for="lg"><p style="text-align: center; font-size: 2.667rem; line-height: 3.77778rem;" data-mce-style="text-align: center; font-size: 2.667rem; line-height: 3.77778rem;"><span data-mce-style="color: #020202; font-family: proxima-nova, sans-serif;" style="color: rgb(2, 2, 2); font-family: proxima-nova, sans-serif;">More layout examples</span></p></div><div data-content-for="md"><p style="text-align: center; font-size: 2.5rem; line-height: 2.94444rem;" data-mce-style="text-align: center; font-size: 2.5rem; line-height: 2.94444rem;"><span class="font_pk48393pj">Build your online portfolio.</span><br><span class="font_pk48393pj">No more templates that limit you,</span><br><span class="font_pk48393pj">mix and match everything you like.</span></p></div><div data-content-for="sm"><p style="text-align: center; font-size: 2.33333rem; line-height: 2.44444rem;" data-mce-style="text-align: center; font-size: 2.33333rem; line-height: 2.44444rem;"><font face="proxima-nova, sans-serif">More layout examples</font></p></div><div data-content-for="xs"><p style="text-align: center; font-size: 1.611rem; line-height: 1.88889rem;" data-mce-style="text-align: center; font-size: 1.611rem; line-height: 1.88889rem;"><span face="proxima-nova, sans-serif" data-mce-style="font-family: proxima-nova, sans-serif;" style="font-family: proxima-nova, sans-serif;">More layout examples</span></p></div></div> </div> </div> </div></div></div> </section> <section id="section_4krgs8bfj" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-justify="center" > <div class="container"><div id="row_jxbhc087y" class="row"><div id="column_koal2xbcy" class="column scroll-reveal-image" data-xl-width="5" data-md-width="6" > <div class="content-wrapper"> <div id="content_llgum1odd" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_0dic041xb" class="column-content" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/carbonmade-architecture-example-scaled.jpg" width="1393" height="2560" alt="carbonmade-architecture-example" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_3h68octm6" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">Blocks are the core of what Carbonmade is all about. Simply mix and match them to create beautiful project pages.</p></div></div> </div> <div id="content_4fdwbamor" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_gxedy1kxd" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/jeez-vanilla-lefty-nav-05.jpg" width="859" height="618" alt="jeez-vanilla-lefty-nav-05" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_bh3kfi3iq" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">The "lefty" navigation combined with a single-column, full-width portfolio grid. A classic.</p></div></div> </div> <div id="content_7crunvo1d" class="column-content round-corners" data-module="text" > <div class="is-content"><p style="font-size: 1.778rem; line-height: 2.333rem;" data-mce-style="font-size: 1.778rem; line-height: 2.333rem;" data-font-size-xl="1.778rem" data-line-height-xl="2.333rem" data-font-size-md="1.444rem" data-line-height-md="1.889rem" data-font-size-xs="1.444rem" data-line-height-xs="1.778rem"><span class="font_pk48393pj">Drag & drop everything.<br>Mobile-friendly layouts.<br></span><span class="font_pk48393pj">Smart design features. <br>Super fast & easy to use.</span></p></div> </div> <div id="content_w9dm1rexf" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">TRY IT FOR FREE</a> </div> </div> </div> </div> </div><div id="column_mj9wdo9cf" class="column scroll-reveal-image" data-xl-width="5" data-md-width="5" > <div class="content-wrapper"> <div id="content_n2wd0qa18" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_usdmwwp51" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/kristi-tuvi-four-corner-02.jpg" width="1400" height="1006" alt="kristi-tuvi-four-corner-02" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_hfotr00g6" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">Our four corner navigation combined with the modern editorial block. One of our favorites. — Featured work by <span style="text-decoration: underline; color: rgb(0, 0, 0);" data-mce-style="text-decoration: underline; color: #000000;"><a data-mce-href="https://kristimaria.carbonmade.com/" href="https://kristimaria.carbonmade.com/" target="_blank" rel="noopener" data-mce-selected="1" style="color: rgb(0, 0, 0); text-decoration: underline;" data-mce-style="color: #000000; text-decoration: underline;">Kristi Tüvi</a></span></p></div></div> </div> <div id="content_twpurirvj" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_gfrmhyjfi" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/jeez-vanilla-dual-column.jpg" width="1400" height="2027" alt="jeez-vanilla-dual-column" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_gwl7redwg" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">An alternating feature grid puts the focus on your favorite projects. — Featured work by <span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;"><a data-mce-href="https://www.jeezvanilla.com/" href="https://www.jeezvanilla.com/" target="_blank" rel="noopener" style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" data-mce-selected="1"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;">Jeez Vanilla</span></a></span></p></div></div> </div> <div id="content_3gm0hlcbv" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_rvemd6j41" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/happytastic-example.jpg" width="1400" height="1635" alt="happytastic-example" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_uvel6bddj" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;"><span class="font_pk48393pj"></span>Gradients! Yes, we have gradients. You can create your own gradients to use as your background.</p></div></div> </div> </div> </div></div></div> </section> <section id="section_4vjebeybh" class="content-block gradient-top" data-column-mode-sm="single" data-column-mode-xs="single" data-height="dynamic" data-justify="center" > <div class="container"><div id="row_ssyjf1yk8" class="row"><div id="column_nvm9duero" class="column disable-motion-for-mobile" data-xl-width="12" > <div class="content-wrapper"> <div id="content_qjk5xtp5i" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_dizrjfooq" class="column-content disable-motion-for-mobile" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/kristi-tuvi-masonry.jpg" width="1400" height="964" alt="kristi-tuvi-masonry" caption="" data-width="original" data-scaling="no"></div> </div> </div> </div></div><div id="row_oqzb52r2o" class="row"><div id="column_uge1icr05" class="column" data-xl-width="9" > <div class="content-wrapper"> <div id="content_3ofycruwk" class="column-content" data-module="text" > <div class="is-content"><p style="text-align: center; font-size: 0.889rem; line-height: 1.333rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.333rem;" data-font-size-xl="0.889rem" data-line-height-xl="1.333rem"><span style="color: rgb(255, 255, 255);" data-mce-style="color: rgb(255, 255, 255);">Portfolio by Kristi Tüvi, Photographer → <a data-mce-href="https://kristimaria.carbonmade.com/" href="https://kristimaria.carbonmade.com/" target="_blank" rel="noopener" data-mce-selected="1" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">VISIT PORTFOLIO</a></span></p></div> </div> <div id="content_idfumyzd0" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.556rem; line-height: 2rem; text-align: center;" data-mce-style="font-size: 1.556rem; line-height: 2rem; text-align: center;" data-font-size-xl="1.556rem" data-line-height-xl="2.000rem"><span style="color: rgb(255, 255, 255);" data-mce-style="color: rgb(255, 255, 255);" class="font_pk48393pj">The simple "masonry" portfolio layout lets all your images flow naturally. It's a timeless choice perfect for lots of projects.</span></p></div> </div> </div> </div></div></div> </section> <section id="section_q9bt0l2f4" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-justify="center" > <div class="container"><div id="row_xemz1mlqe" class="row"><div id="column_k4xzvycfs" class="column scroll-reveal-image" data-xl-width="5" data-md-width="4" > <div class="content-wrapper"> <div id="content_lfx47ficc" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_wt5qbyve3" class="column-content" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/steve-teeps-grid.jpg" width="1400" height="1841" alt="steve-teeps-grid" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_sxtttg2mz" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">Customize the mood of your page and make it fit right in with your work. Here is an "off-set" layout. — Featured work by <span style="text-decoration: underline; color: rgb(0, 0, 0);" data-mce-style="text-decoration: underline; color: #000000;"><a data-mce-href="https://www.steveteeps.com/" href="https://www.steveteeps.com/" target="_blank" rel="noopener" style="color: rgb(0, 0, 0); text-decoration: underline;" data-mce-style="color: #000000; text-decoration: underline;">Steve Teeps</a></span></p></div></div> </div> <div id="content_ctw49dsdk" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_frsijdh9v" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/daniel-lepik-two-column-grid.jpg" width="1400" height="2027" alt="daniel-lepik-two-column-grid" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_n657lsmzb" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">One of our favorite portfolio grid layouts. A simple two column, portrait grid set to full width. Go bold! — Featured work by <span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;"><a data-mce-href="https://lepikdaniel.com/" href="https://lepikdaniel.com/" target="_blank" rel="noopener" data-mce-selected="1" style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;">Daniel Lepik</span></a></span></p></div></div> </div> <div id="content_115rttwpo" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_86qjgme2p" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/ux-design-example.jpg" width="1400" height="919" alt="ux-design-example" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_qcm3x5jv9" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.833rem; line-height: 1.389rem;" data-mce-style="text-align: center; font-size: 0.833rem; line-height: 1.389rem;">Use our design blocks to build behind-the-scenes case studies of your UX projects. Tell the story of your work. </p></div></div> </div> </div> </div><div id="column_tikx566tt" class="column scroll-reveal-image" data-xl-width="5" data-md-width="6" > <div class="content-wrapper"> <div id="content_1uh2ys2qu" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_a1kj1epay" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/jeez-vanilla-portrait-grid.jpg" width="1400" height="2127" alt="jeez-vanilla-portrait-grid" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_dmikmu6f8" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">A simple title block to introduce yourself, followed by our portrait thumbnail grid. Old-school cool. — Featured work by <span style="text-decoration: underline; color: rgb(0, 0, 0);" data-mce-style="text-decoration: underline; color: #000000;"><a data-mce-href="https://www.jeezvanilla.com/" href="https://www.jeezvanilla.com/" target="_blank" rel="noopener" style="color: rgb(0, 0, 0); text-decoration: underline;" data-mce-style="color: #000000; text-decoration: underline;" data-mce-selected="1">Jeez Vanilla</a></span></p></div></div> </div> <div id="content_q0zrw9oly" class="column-content round-corners" data-module="text" > <div class="is-content"><p style="font-size: 1.778rem; line-height: 2.333rem;" data-mce-style="font-size: 1.778rem; line-height: 2.333rem;" data-font-size-xl="1.778rem" data-line-height-xl="2.333rem" data-font-size-md="1.444rem" data-line-height-md="1.889rem" data-font-size-xs="1.444rem" data-line-height-xs="1.778rem"><span class="font_pk48393pj">Full-width images.<br></span><span class="font_pk48393pj">Flexible layout blocks. <br>Auto image optimization. <br>Crop photos & videos straight on your page.</span></p></div> </div> <div id="content_jk2pj0vqv" class="column-content scroll-reveal" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">TRY IT FOR FREE</a> </div> </div> </div> <div id="content_76mhgdns6" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_ls3nat3o0" class="column-content scroll-reveal-image" data-module="image" > <div class="ce-image" data-align="center"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/steve-teeps-video-block.jpg" width="1400" height="1489" alt="steve-teeps-video-block" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_2bwgziuy6" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.444rem;">Blocks are super versatile. You can drag in images, videos, PDFs, PSDs and even audio files. — Featured work by <span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;"><a data-mce-href="https://www.steveteeps.com/" href="https://www.steveteeps.com/" target="_blank" rel="noopener" data-mce-selected="1" style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;">Steve Teeps</span></a></span><br></p></div></div> </div> </div> </div></div></div> </section> <section id="section_uken2cwb5" class="content-block gradient-top" data-column-mode-sm="single" data-column-mode-xs="single" data-height="dynamic" data-justify="center" > <div class="container"><div id="row_0wzrxsu4p" class="row"><div id="column_bvkxptjt2" class="column disable-motion-for-mobile" data-xl-width="12" > <div class="content-wrapper"> <div id="content_imydirob3" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/02/browser-tab-1.png" width="2265" height="82" alt="browser-tab-1" caption="" data-width="grid-width" data-scaling="no"></div> </div> <div id="content_2nf3mn7g3" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2020/01/daniel-lepik-menu-grid.jpg" width="2100" height="1490" alt="daniel-lepik-menu-grid" caption="" data-width="original" data-scaling="no"></div> </div> </div> </div></div><div id="row_v2kd1rdue" class="row"><div id="column_j375tgokn" class="column" data-xl-width="9" > <div class="content-wrapper"> <div id="content_rdgaj3dwt" class="column-content" data-module="text" > <div class="is-content"><p style="text-align: center; font-size: 0.889rem; line-height: 1.333rem;" data-mce-style="text-align: center; font-size: 0.889rem; line-height: 1.333rem;" data-font-size-xl="0.889rem" data-line-height-xl="1.333rem"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">Portfolio by Daniel Lepik<a data-mce-href="https://lepikdaniel.com/" href="https://lepikdaniel.com/" target="_blank" rel="noopener" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;"><span style="text-decoration: underline;" data-mce-style="text-decoration: underline;"></span></a>, 3D Designer → <a data-mce-href="https://lepikdaniel.com/" href="https://lepikdaniel.com/" target="_blank" rel="noopener" data-mce-selected="1" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">VISIT PORTFOLIO</a></span></p></div> </div> <div id="content_70ed7zyk2" class="column-content" data-module="text" > <div class="is-content"><p style="font-size: 1.556rem; line-height: 2rem; text-align: center;" data-mce-style="font-size: 1.556rem; line-height: 2rem; text-align: center;" data-font-size-xl="1.556rem" data-line-height-xl="2.000rem"><span style="color: rgb(255, 255, 255);" data-mce-style="color: rgb(255, 255, 255);" class="font_pk48393pj">Our "Lefty" navigation has been a classic for many years, but still it's one of our favorites– especially combined with a clean portfolio grid.</span></p></div> </div> </div> </div></div></div> </section> <section id="section_30wy6ddfs" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_s8ede8af4" class="row"><div id="column_jzmws0f4m" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_hxpbhk2m2" class="column-content" data-module="paragraph" > <div class="is-content has-lg has-md has-sm has-xs"><div data-content-for="xl"><p style="text-align: center; font-size: 3.5rem; line-height: 3.77778rem;" data-mce-style="text-align: center; font-size: 3.5rem; line-height: 3.77778rem;"><span data-mce-style="font-family: proxima-nova, sans-serif; color: #ffffff;" style="font-family: proxima-nova, sans-serif; color: rgb(255, 255, 255);">The possibilities are endless.<br>What are you going to make?</span></p></div><div data-content-for="lg"><p style="text-align: center; font-size: 3.5rem; line-height: 3.77778rem;" data-mce-style="text-align: center; font-size: 3.5rem; line-height: 3.77778rem;"><span data-mce-style="font-family: proxima-nova, sans-serif; color: #ffffff;" style="font-family: proxima-nova, sans-serif; color: rgb(255, 255, 255);">The possibilities are endless.<br>What are you going to build?</span></p></div><div data-content-for="md"><p style="text-align: center; font-size: 2.5rem; line-height: 2.94444rem;" data-mce-style="text-align: center; font-size: 2.5rem; line-height: 2.94444rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">The possibilities are endless.</span><br><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">What are you going to build?</span></p></div><div data-content-for="sm"><p style="text-align: center; font-size: 2.111rem; line-height: 2.667rem;" data-mce-style="text-align: center; font-size: 2.111rem; line-height: 2.667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">The possibilities are endless.</span><br><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">What are you going to build?</span></p></div><div data-content-for="xs"><p style="text-align: center; font-size: 1.33333rem; line-height: 1.88889rem;" data-mce-style="text-align: center; font-size: 1.33333rem; line-height: 1.88889rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">The possibilities are endless.</span><br><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">What are you going to build?</span></p></div></div> </div> <div id="content_kb9kl6sil" class="column-content" data-module="paragraph" > <div class="is-content has-sm has-xs"><div data-content-for="xl"><p style="text-align: center; font-size: 1.44444rem;" data-mce-style="text-align: center; font-size: 1.44444rem;"><span class="font_pk48393pj" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">No credit card required. Free trial.</span></p></div><div data-content-for="sm"><p style="text-align: center; font-size: 1.11111rem; line-height: 1.5rem;" data-mce-style="text-align: center; font-size: 1.11111rem; line-height: 1.5rem;"><span class="font_pk48393pj" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">No credit card required. Free trial.</span></p></div><div data-content-for="xs"><p style="text-align: center; font-size: 1.11111rem; line-height: 1.5rem;" data-mce-style="text-align: center; font-size: 1.11111rem; line-height: 1.5rem;"><span class="font_pk48393pj" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">No credit card required. Free trial.</span></p></div></div> </div> <div id="content_p1cpkweez" class="column-content scroll-reveal small-button-on-mobile" data-module="button" > <div class="ce-button" data-align="center"> <div class="is-content" data-width="auto"> <a data-font="font_pk48393pj" href="https://carbonmade.com/signup" target="_blank">CREATE YOUR PORTFOLIO</a> </div> </div> </div> </div> </div></div></div> </section> <section id="section_nagobx1mz" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_cvg8t8k72" class="row"><div id="column_8lke964aq" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_f2ocaa4u0" class="column-content" data-module="code" > <div class="is-content ce-code"> <script> (function($) { $(document).ready(function() { $('.video').each(function(index, video) { if ($(video).attr('autoplay')) video.play(); }); }); })(jQuery); </script> </div> </div> </div> </div></div></div> </section> <section id="section_27086c7d5" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_0f176686b" class="row"><div id="column_08548b8fc" class="column" data-xl-width="3" > <div class="content-wrapper"> <div id="content_8b533f45b" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/04/madeby2.svg" alt="madeby2" caption="" data-width="original" data-scaling="no"></div> </div> <div id="content_c40dada51" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p><span style="color: rgb(147, 147, 147);" data-mce-style="color: #939393;"><br>© Carbonmade 2020</span><br><span style="color: rgb(147, 147, 147);" data-mce-style="color: #939393;">Made with <img draggable="false" class="emoji" alt="💜" src="https://s.w.org/images/core/emoji/11.2.0/svg/1f49c.svg" data-mce-src="https://s.w.org/images/core/emoji/11.2.0/svg/1f49c.svg"> from Chicago</span><br><span style="color: rgb(147, 147, 147);" data-mce-style="color: #939393;">and New York City.</span></p><p><span style="color: rgb(147, 147, 147);" data-mce-style="color: #939393;">Show Off Your Work®</span></p></div></div> </div> </div> </div><div id="column_7c1778ad6" class="column" data-xl-width="3" > <div class="content-wrapper"> <div id="content_9d0ef05b3" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p><span class="font_kzoov3keo" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">About Us</span></p><p><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="/about" href="/about" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;" data-mce-selected="1">About Carbonmade<br></a><a data-mce-href="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/11/Carbonmade_PressKit.zip" href="https://carbonmadeassets.b-cdn.net/wp-content/uploads/2019/11/Carbonmade_PressKit.zip" target="_blank" rel="noopener" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">Download PressKit</a></span><br><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="/blog" href="/blog" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">News & Updates</a></span><br><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="/v4/terms" href="/v4/terms" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">Terms of Service</a></span><br><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="/v4/privacy" href="/v4/privacy" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">Privacy Policy</a></span><br></p></div></div> </div> </div> </div><div id="column_6ee91a682" class="column" data-xl-width="3" > <div class="content-wrapper"> <div id="content_a511b1e71" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p><span class="font_kzoov3keo">Our Product</span></p><p><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="/pricing" href="/pricing" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">Pricing<br></a><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;"><a data-mce-href="https://carbonmade.com/videos" href="https://carbonmade.com/videos" style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;">Video Tutorials</a></span></span><br><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="https://help.carbonmade.com" href="https://help.carbonmade.com" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;" target="_blank" rel="noopener">Help & Support</a></span><br><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="https://carbonmade.com/portfolios" href="https://carbonmade.com/portfolios" target="_blank" rel="noopener" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">Talent Pool</a></span><br><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="/migrating-to-c4" href="/migrating-to-c4" data-mce-selected="1" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;">Migrate from C3</a></span></p></div></div> </div> </div> </div><div id="column_65c47507e" class="column" data-xl-width="3" > <div class="content-wrapper"> <div id="content_788a69b06" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p><span style="font-style: normal; font-weight: 400; color: inherit;" data-mce-style="font-style: normal; font-weight: 400; color: inherit;"><span data-mce-style="font-family: pano, sans-serif;" style="font-family: pano, sans-serif;">Talk to us</span></span></p><p><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><a data-mce-href="https://twitter.com/carbonmade" href="https://twitter.com/carbonmade" target="_blank" rel="noopener" style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;" data-mce-selected="1"><span face="proxima-nova, sans-serif" data-mce-style="font-family: proxima-nova, sans-serif;" style="font-family: proxima-nova, sans-serif;">on Twitter<br></span></a></span><a data-mce-href="mailto:help@carbonmade.com" href="mailto:help@carbonmade.com"><span style="color: rgb(2, 2, 2);" data-mce-style="color: #020202;"><span face="proxima-nova, sans-serif" data-mce-style="font-family: proxima-nova, sans-serif;" style="font-family: proxima-nova, sans-serif;">via Email</span></span></a></p></div></div> </div> </div> </div></div></div> </section> </div> </div> </div> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <div class="back-to-top"> <a class="semplice-event" data-event-type="helper" data-event="scrollToTop"><svg version="1.1" id="Ebene_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" width="53px" height="20px" viewBox="0 0 53 20" enable-background="new 0 0 53 20" xml:space="preserve"> <g id="Ebene_3"> </g> <g> <polygon points="43.886,16.221 42.697,17.687 26.5,4.731 10.303,17.688 9.114,16.221 26.5,2.312 "/> </g> </svg> </a> </div> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https://carbonmade.com/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.1" id="contact-form-7-js"></script> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-content/themes/semplice5/assets/js/shared.scripts.min.js?ver=5.2.4" id="semplice-shared-scripts-js"></script> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-content/themes/semplice5/assets/js/frontend.scripts.min.js?ver=5.2.4" id="semplice-frontend-scripts-js"></script> <script type="text/javascript" id="mediaelement-core-js-before"> /* <![CDATA[ */ var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; /* ]]> */ </script> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.7.2" id="mediaelement-migrate-js"></script> <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" id="semplice-frontend-js-js-extra"> /* <![CDATA[ */ var semplice = {"default_api_url":"https://carbonmade.com/wp-json","semplice_api_url":"https://carbonmade.com/wp-json\/semplice\/v1\/frontend","template_dir":"https://carbonmade.com/wp-content\/themes\/semplice5","category_base":"\/category\/","tag_base":"\/tag\/","nonce":"4be15f8a5a","frontend_mode":"static","static_transitions":"enabled","site_name":"Carbonmade","base_url":"https:\/\/carbonmade.com","frontpage_id":"29","blog_home":"https://carbonmade.com/blog","blog_navbar":"nav_83qgwohkr","sr_status":"disabled","blog_sr_status":"disabled","is_preview":"","password_form":"\r\n<div class=\"post-password-form\">\r\n\t<div class=\"inner\">\r\n\t\t<form action=\"https://carbonmade.com/wp-login.php?action=postpass\" method=\"post\">\r\n\t\t\t<div class=\"password-lock\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"35\" height=\"52\" viewBox=\"0 0 35 52\">\r\n <path id=\"Form_1\" data-name=\"Form 1\" d=\"M31.3,25.028H27.056a0.755,0.755,0,0,1-.752-0.757V14.654a8.8,8.8,0,1,0-17.608,0v9.616a0.755,0.755,0,0,1-.752.757H3.7a0.755,0.755,0,0,1-.752-0.757V14.654a14.556,14.556,0,1,1,29.111,0v9.616A0.755,0.755,0,0,1,31.3,25.028Zm-3.495-1.514h2.743V14.654a13.051,13.051,0,1,0-26.1,0v8.859H7.192V14.654a10.309,10.309,0,1,1,20.617,0v8.859Zm4.43,28.475H2.761A2.77,2.77,0,0,1,0,49.213V25.28a1.763,1.763,0,0,1,1.755-1.766H33.242A1.763,1.763,0,0,1,35,25.28V49.213A2.77,2.77,0,0,1,32.239,51.988ZM1.758,25.028a0.252,0.252,0,0,0-.251.252V49.213a1.259,1.259,0,0,0,1.254,1.262H32.239a1.259,1.259,0,0,0,1.254-1.262V25.28a0.252,0.252,0,0,0-.251-0.252H1.758ZM20.849,43h-6.7a0.75,0.75,0,0,1-.61-0.314,0.763,0.763,0,0,1-.1-0.682l1.471-4.44a4.1,4.1,0,1,1,5.184,0L21.563,42a0.763,0.763,0,0,1-.1.682A0.75,0.75,0,0,1,20.849,43ZM15.2,41.487H19.8l-1.319-3.979a0.76,0.76,0,0,1,.33-0.891,2.6,2.6,0,1,0-2.633,0,0.76,0.76,0,0,1,.33.891Z\"\/>\r\n<\/svg>\r\n<\/div>\r\n\t\t\t<p>This content is protected. <br \/><span>To view, please enter the password.<\/span><\/p>\r\n\t\t\t<div class=\"input-fields\">\r\n\t\t\t\t<input name=\"post_password\" class=\"post-password-input\" type=\"password\" size=\"20\" maxlength=\"20\" placeholder=\"Enter password\" \/><input type=\"submit\" name=\"Submit\" value=\"Submit\" \/>\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t<\/div>\r\n<\/div>\r\n\r\n","portfolio_order":[8],"gallery":{"prev":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\n<g id=\"Ebene_2\">\n\t<g>\n\t\t<polygon points=\"16.3,40 0.3,20 16.3,0 17.7,1 2.5,20 17.7,39 \t\t\"\/>\n\t<\/g>\n<\/g>\n<\/svg>\n","next":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\n<g id=\"Ebene_2\">\n\t<g>\n\t\t<polygon points=\"0.3,39 15.5,20 0.3,1 1.7,0 17.7,20 1.7,40 \t\t\"\/>\n\t<\/g>\n<\/g>\n<\/svg>\n"},"sr_options":{"distance":19}}; /* ]]> */ </script> <script type="text/javascript" src="https://carbonmadeassets.b-cdn.net/wp-content/themes/semplice5/assets/js/frontend.min.js?ver=5.2.4" id="semplice-frontend-js-js"></script> <script type="text/javascript" id="103-motion-js"> (function ($) { "use strict";var playRepeat = [];var endDuration = 150;var options = JSON.parse('{"id":"column_x96ruqtko","trigger":"#content-holder #column_x96ruqtko","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_x96ruqtko"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_x96ruqtko".indexOf("section_") > -1 || "column_x96ruqtko".indexOf("cover") > -1) { $("#column_x96ruqtko").wrap("<div class='section-pin sp_column_x96ruqtko'></div>"); options["trigger"] = ".sp_column_x96ruqtko"; } else if("column_x96ruqtko".indexOf("column_") > -1) { $("#column_x96ruqtko").wrap("<div class='column-pin-outer cpo_column_x96ruqtko'><div class='column-pin-inner cpi_column_x96ruqtko '></div></div>"); options["trigger"] = ".cpi_column_x96ruqtko"; var atts = $("#column_x96ruqtko").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_x96ruqtko").attr(attr.name, attr.value); } }); } else if("column_x96ruqtko".indexOf("content_") > -1) { options["trigger"] = "#column_x96ruqtko"; } } s4.animate.gsap["column_x96ruqtko"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_x96ruqtko", JSON.parse('{"translateY":"-5.5555555555556rem","translateX":"0rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_x96ruqtko"].to("#content-holder #column_x96ruqtko", props); // pause timeline s4.animate.gsap["column_x96ruqtko"].pause(); var playRepeat = [];var endDuration = 100;var options = JSON.parse('{"id":"column_67nsot71j","trigger":"#content-holder #column_67nsot71j","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_67nsot71j"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_67nsot71j".indexOf("section_") > -1 || "column_67nsot71j".indexOf("cover") > -1) { $("#column_67nsot71j").wrap("<div class='section-pin sp_column_67nsot71j'></div>"); options["trigger"] = ".sp_column_67nsot71j"; } else if("column_67nsot71j".indexOf("column_") > -1) { $("#column_67nsot71j").wrap("<div class='column-pin-outer cpo_column_67nsot71j'><div class='column-pin-inner cpi_column_67nsot71j '></div></div>"); options["trigger"] = ".cpi_column_67nsot71j"; var atts = $("#column_67nsot71j").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_67nsot71j").attr(attr.name, attr.value); } }); } else if("column_67nsot71j".indexOf("content_") > -1) { options["trigger"] = "#column_67nsot71j"; } } s4.animate.gsap["column_67nsot71j"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_67nsot71j", JSON.parse('{"translateY":"0rem","translateX":"6.6667rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_67nsot71j"].to("#content-holder #column_67nsot71j", props); // pause timeline s4.animate.gsap["column_67nsot71j"].pause(); var playRepeat = []; s4.animate.gsap["content_ac85z274w"] = gsap.timeline({ scrollTrigger: "#content-holder #content_ac85z274w", repeat: 0, }); // gsap set transform gsap.set("#content-holder #content_ac85z274w", JSON.parse('{"translateY":0,"translateX":0,"rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1.3","scaleY":"1.3"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"scaleX":1.3,"scaleY":1.3}'); // add to timeline s4.animate.gsap["content_ac85z274w"].to("#content-holder #content_ac85z274w", props); // pause timeline s4.animate.gsap["content_ac85z274w"].pause(); var playRepeat = [];var endDuration = 100;var options = JSON.parse('{"id":"column_jqa58vkn0","trigger":"#content-holder #column_jqa58vkn0","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_jqa58vkn0"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_jqa58vkn0".indexOf("section_") > -1 || "column_jqa58vkn0".indexOf("cover") > -1) { $("#column_jqa58vkn0").wrap("<div class='section-pin sp_column_jqa58vkn0'></div>"); options["trigger"] = ".sp_column_jqa58vkn0"; } else if("column_jqa58vkn0".indexOf("column_") > -1) { $("#column_jqa58vkn0").wrap("<div class='column-pin-outer cpo_column_jqa58vkn0'><div class='column-pin-inner cpi_column_jqa58vkn0 '></div></div>"); options["trigger"] = ".cpi_column_jqa58vkn0"; var atts = $("#column_jqa58vkn0").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_jqa58vkn0").attr(attr.name, attr.value); } }); } else if("column_jqa58vkn0".indexOf("content_") > -1) { options["trigger"] = "#column_jqa58vkn0"; } } s4.animate.gsap["column_jqa58vkn0"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_jqa58vkn0", JSON.parse('{"translateY":"0rem","translateX":"-6.6666666666667rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_jqa58vkn0"].to("#content-holder #column_jqa58vkn0", props); // pause timeline s4.animate.gsap["column_jqa58vkn0"].pause(); var playRepeat = [];var endDuration = 150;var options = JSON.parse('{"id":"content_8zckdbte7","trigger":"#content-holder #content_8zckdbte7","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("content_8zckdbte7"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("content_8zckdbte7".indexOf("section_") > -1 || "content_8zckdbte7".indexOf("cover") > -1) { $("#content_8zckdbte7").wrap("<div class='section-pin sp_content_8zckdbte7'></div>"); options["trigger"] = ".sp_content_8zckdbte7"; } else if("content_8zckdbte7".indexOf("column_") > -1) { $("#content_8zckdbte7").wrap("<div class='column-pin-outer cpo_content_8zckdbte7'><div class='column-pin-inner cpi_content_8zckdbte7 '></div></div>"); options["trigger"] = ".cpi_content_8zckdbte7"; var atts = $("#content_8zckdbte7").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_content_8zckdbte7").attr(attr.name, attr.value); } }); } else if("content_8zckdbte7".indexOf("content_") > -1) { options["trigger"] = "#content_8zckdbte7"; } gsap.set("#content_8zckdbte7", {zIndex: "1"}); } s4.animate.gsap["content_8zckdbte7"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #content_8zckdbte7", JSON.parse('{"translateY":0,"translateX":0,"rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1.3","scaleY":"1.3"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"scaleX":1.3,"scaleY":1.3}'); // add to timeline s4.animate.gsap["content_8zckdbte7"].to("#content-holder #content_8zckdbte7", props); // pause timeline s4.animate.gsap["content_8zckdbte7"].pause(); var playRepeat = [];var endDuration = 100;var options = JSON.parse('{"id":"column_fgjstqxwa","trigger":"#content-holder #column_fgjstqxwa","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_fgjstqxwa"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_fgjstqxwa".indexOf("section_") > -1 || "column_fgjstqxwa".indexOf("cover") > -1) { $("#column_fgjstqxwa").wrap("<div class='section-pin sp_column_fgjstqxwa'></div>"); options["trigger"] = ".sp_column_fgjstqxwa"; } else if("column_fgjstqxwa".indexOf("column_") > -1) { $("#column_fgjstqxwa").wrap("<div class='column-pin-outer cpo_column_fgjstqxwa'><div class='column-pin-inner cpi_column_fgjstqxwa '></div></div>"); options["trigger"] = ".cpi_column_fgjstqxwa"; var atts = $("#column_fgjstqxwa").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_fgjstqxwa").attr(attr.name, attr.value); } }); } else if("column_fgjstqxwa".indexOf("content_") > -1) { options["trigger"] = "#column_fgjstqxwa"; } } s4.animate.gsap["column_fgjstqxwa"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_fgjstqxwa", JSON.parse('{"translateY":"0rem","translateX":"6.6667rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_fgjstqxwa"].to("#content-holder #column_fgjstqxwa", props); // pause timeline s4.animate.gsap["column_fgjstqxwa"].pause(); var playRepeat = []; s4.animate.gsap["content_vc6expcmy"] = gsap.timeline({ scrollTrigger: "#content-holder #content_vc6expcmy", repeat: 0, }); // gsap set transform gsap.set("#content-holder #content_vc6expcmy", JSON.parse('{"translateY":0,"translateX":0,"rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1.3","scaleY":"1.3"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"scaleX":1.3,"scaleY":1.3}'); // add to timeline s4.animate.gsap["content_vc6expcmy"].to("#content-holder #content_vc6expcmy", props); // pause timeline s4.animate.gsap["content_vc6expcmy"].pause(); var playRepeat = [];var endDuration = 100;var options = JSON.parse('{"id":"column_cvrna96tt","trigger":"#content-holder #column_cvrna96tt","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_cvrna96tt"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_cvrna96tt".indexOf("section_") > -1 || "column_cvrna96tt".indexOf("cover") > -1) { $("#column_cvrna96tt").wrap("<div class='section-pin sp_column_cvrna96tt'></div>"); options["trigger"] = ".sp_column_cvrna96tt"; } else if("column_cvrna96tt".indexOf("column_") > -1) { $("#column_cvrna96tt").wrap("<div class='column-pin-outer cpo_column_cvrna96tt'><div class='column-pin-inner cpi_column_cvrna96tt '></div></div>"); options["trigger"] = ".cpi_column_cvrna96tt"; var atts = $("#column_cvrna96tt").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_cvrna96tt").attr(attr.name, attr.value); } }); } else if("column_cvrna96tt".indexOf("content_") > -1) { options["trigger"] = "#column_cvrna96tt"; } } s4.animate.gsap["column_cvrna96tt"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_cvrna96tt", JSON.parse('{"translateY":"0rem","translateX":"-6.6666666666667rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_cvrna96tt"].to("#content-holder #column_cvrna96tt", props); // pause timeline s4.animate.gsap["column_cvrna96tt"].pause(); var playRepeat = [];var endDuration = 150;var options = JSON.parse('{"id":"content_rit50zujb","trigger":"#content-holder #content_rit50zujb","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("content_rit50zujb"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("content_rit50zujb".indexOf("section_") > -1 || "content_rit50zujb".indexOf("cover") > -1) { $("#content_rit50zujb").wrap("<div class='section-pin sp_content_rit50zujb'></div>"); options["trigger"] = ".sp_content_rit50zujb"; } else if("content_rit50zujb".indexOf("column_") > -1) { $("#content_rit50zujb").wrap("<div class='column-pin-outer cpo_content_rit50zujb'><div class='column-pin-inner cpi_content_rit50zujb '></div></div>"); options["trigger"] = ".cpi_content_rit50zujb"; var atts = $("#content_rit50zujb").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_content_rit50zujb").attr(attr.name, attr.value); } }); } else if("content_rit50zujb".indexOf("content_") > -1) { options["trigger"] = "#content_rit50zujb"; } gsap.set("#content_rit50zujb", {zIndex: "1"}); } s4.animate.gsap["content_rit50zujb"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #content_rit50zujb", JSON.parse('{"translateY":0,"translateX":0,"rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1.3","scaleY":"1.3"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"scaleX":1.3,"scaleY":1.3}'); // add to timeline s4.animate.gsap["content_rit50zujb"].to("#content-holder #content_rit50zujb", props); // pause timeline s4.animate.gsap["content_rit50zujb"].pause(); var playRepeat = [];var endDuration = 100;var options = JSON.parse('{"id":"column_jfrcjjr1r","trigger":"#content-holder #column_jfrcjjr1r","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_jfrcjjr1r"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_jfrcjjr1r".indexOf("section_") > -1 || "column_jfrcjjr1r".indexOf("cover") > -1) { $("#column_jfrcjjr1r").wrap("<div class='section-pin sp_column_jfrcjjr1r'></div>"); options["trigger"] = ".sp_column_jfrcjjr1r"; } else if("column_jfrcjjr1r".indexOf("column_") > -1) { $("#column_jfrcjjr1r").wrap("<div class='column-pin-outer cpo_column_jfrcjjr1r'><div class='column-pin-inner cpi_column_jfrcjjr1r '></div></div>"); options["trigger"] = ".cpi_column_jfrcjjr1r"; var atts = $("#column_jfrcjjr1r").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_jfrcjjr1r").attr(attr.name, attr.value); } }); } else if("column_jfrcjjr1r".indexOf("content_") > -1) { options["trigger"] = "#column_jfrcjjr1r"; } } s4.animate.gsap["column_jfrcjjr1r"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_jfrcjjr1r", JSON.parse('{"translateY":"0rem","translateX":"6.6667rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_jfrcjjr1r"].to("#content-holder #column_jfrcjjr1r", props); // pause timeline s4.animate.gsap["column_jfrcjjr1r"].pause(); var playRepeat = []; s4.animate.gsap["content_ys1jlvfp0"] = gsap.timeline({ scrollTrigger: "#content-holder #content_ys1jlvfp0", repeat: 0, }); // gsap set transform gsap.set("#content-holder #content_ys1jlvfp0", JSON.parse('{"translateY":0,"translateX":0,"rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1.3","scaleY":"1.3"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"scaleX":1.3,"scaleY":1.3}'); // add to timeline s4.animate.gsap["content_ys1jlvfp0"].to("#content-holder #content_ys1jlvfp0", props); // pause timeline s4.animate.gsap["content_ys1jlvfp0"].pause(); var playRepeat = [];var endDuration = 150;var options = JSON.parse('{"id":"column_nvm9duero","trigger":"#content-holder #column_nvm9duero","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_nvm9duero"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_nvm9duero".indexOf("section_") > -1 || "column_nvm9duero".indexOf("cover") > -1) { $("#column_nvm9duero").wrap("<div class='section-pin sp_column_nvm9duero'></div>"); options["trigger"] = ".sp_column_nvm9duero"; } else if("column_nvm9duero".indexOf("column_") > -1) { $("#column_nvm9duero").wrap("<div class='column-pin-outer cpo_column_nvm9duero'><div class='column-pin-inner cpi_column_nvm9duero '></div></div>"); options["trigger"] = ".cpi_column_nvm9duero"; var atts = $("#column_nvm9duero").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_nvm9duero").attr(attr.name, attr.value); } }); } else if("column_nvm9duero".indexOf("content_") > -1) { options["trigger"] = "#column_nvm9duero"; } } s4.animate.gsap["column_nvm9duero"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_nvm9duero", JSON.parse('{"translateY":"-5.5555555555556rem","translateX":"0rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_nvm9duero"].to("#content-holder #column_nvm9duero", props); // pause timeline s4.animate.gsap["column_nvm9duero"].pause(); var playRepeat = [];var endDuration = 150;var options = JSON.parse('{"id":"column_bvkxptjt2","trigger":"#content-holder #column_bvkxptjt2","start":"top bottom-=10%","end":"migrated top+=90%","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_bvkxptjt2"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_bvkxptjt2".indexOf("section_") > -1 || "column_bvkxptjt2".indexOf("cover") > -1) { $("#column_bvkxptjt2").wrap("<div class='section-pin sp_column_bvkxptjt2'></div>"); options["trigger"] = ".sp_column_bvkxptjt2"; } else if("column_bvkxptjt2".indexOf("column_") > -1) { $("#column_bvkxptjt2").wrap("<div class='column-pin-outer cpo_column_bvkxptjt2'><div class='column-pin-inner cpi_column_bvkxptjt2 '></div></div>"); options["trigger"] = ".cpi_column_bvkxptjt2"; var atts = $("#column_bvkxptjt2").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_bvkxptjt2").attr(attr.name, attr.value); } }); } else if("column_bvkxptjt2".indexOf("content_") > -1) { options["trigger"] = "#column_bvkxptjt2"; } } s4.animate.gsap["column_bvkxptjt2"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_bvkxptjt2", JSON.parse('{"translateY":"-5.5555555555556rem","translateX":"0rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.80000000000000004,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_bvkxptjt2"].to("#content-holder #column_bvkxptjt2", props); // pause timeline s4.animate.gsap["column_bvkxptjt2"].pause(); $(window).scroll();})(jQuery);(function ($) { "use strict";$(window).scroll();})(jQuery); </script> <script type="text/javascript" id="semplice-custom-javascript">/* This makes review card entire div clickable */ (function($) { $(".review-section-column").click(function() { window.open($(this).find("a").attr("href")); return false; }); })(jQuery); /*! @license ScrollReveal v4.0.5 Copyright 2018 Fisssion LLC. Licensed under the GNU General Public License 3.0 for compatible open source projects and non-commercial use. For commercial sites, themes, projects, and applications, keep your source code private/proprietary by purchasing a commercial license from https://scrollrevealjs.org/ */ var ScrollReveal=function(){"use strict";var r={delay:0,distance:"0",duration:600,easing:"cubic-bezier(0.5, 0, 0, 1)",interval:0,opacity:0,origin:"bottom",rotate:{x:0,y:0,z:0},scale:1,cleanup:!1,container:document.documentElement,desktop:!0,mobile:!0,reset:!1,useDelay:"always",viewFactor:0,viewOffset:{top:0,right:0,bottom:0,left:0},afterReset:function(){},afterReveal:function(){},beforeReset:function(){},beforeReveal:function(){}};var n={success:function(){document.documentElement.classList.add("sr"),document.body?document.body.style.height="100%":document.addEventListener("DOMContentLoaded",function(){document.body.style.height="100%"})},failure:function(){return document.documentElement.classList.remove("sr"),{clean:function(){},destroy:function(){},reveal:function(){},sync:function(){},get noop(){return!0}}}};function o(e){return"object"==typeof window.Node?e instanceof window.Node:null!==e&&"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName}function u(e,t){if(void 0===t&&(t=document),e instanceof Array)return e.filter(o);if(o(e))return[e];if(n=e,i=Object.prototype.toString.call(n),"object"==typeof window.NodeList?n instanceof window.NodeList:null!==n&&"object"==typeof n&&"number"==typeof n.length&&/^\[object (HTMLCollection|NodeList|Object)\]$/.test(i)&&(0===n.length||o(n[0])))return Array.prototype.slice.call(e);var n,i;if("string"==typeof e)try{var r=t.querySelectorAll(e);return Array.prototype.slice.call(r)}catch(e){return[]}return[]}function s(e){return null!==e&&e instanceof Object&&(e.constructor===Object||"[object Object]"===Object.prototype.toString.call(e))}function f(n,i){if(s(n))return Object.keys(n).forEach(function(e){return i(n[e],e,n)});if(n instanceof Array)return n.forEach(function(e,t){return i(e,t,n)});throw new TypeError("Expected either an array or object literal.")}function h(e){for(var t=[],n=arguments.length-1;0<n--;)t[n]=arguments[n+1];if(this.constructor.debug&&console){var i="%cScrollReveal: "+e;t.forEach(function(e){return i+="\n — "+e}),console.log(i,"color: #ea654b;")}}function t(){var n=this,i={active:[],stale:[]},t={active:[],stale:[]},r={active:[],stale:[]};try{f(u("[data-sr-id]"),function(e){var t=parseInt(e.getAttribute("data-sr-id"));i.active.push(t)})}catch(e){throw e}f(this.store.elements,function(e){-1===i.active.indexOf(e.id)&&i.stale.push(e.id)}),f(i.stale,function(e){return delete n.store.elements[e]}),f(this.store.elements,function(e){-1===r.active.indexOf(e.containerId)&&r.active.push(e.containerId),e.hasOwnProperty("sequence")&&-1===t.active.indexOf(e.sequence.id)&&t.active.push(e.sequence.id)}),f(this.store.containers,function(e){-1===r.active.indexOf(e.id)&&r.stale.push(e.id)}),f(r.stale,function(e){var t=n.store.containers[e].node;t.removeEventListener("scroll",n.delegate),t.removeEventListener("resize",n.delegate),delete n.store.containers[e]}),f(this.store.sequences,function(e){-1===t.active.indexOf(e.id)&&t.stale.push(e.id)}),f(t.stale,function(e){return delete n.store.sequences[e]})}function p(e){var i,r=this;try{f(u(e),function(e){var t=e.getAttribute("data-sr-id");if(null!==t){i=!0;var n=r.store.elements[t];n.callbackTimer&&window.clearTimeout(n.callbackTimer.clock),e.setAttribute("style",n.styles.inline.generated),e.removeAttribute("data-sr-id"),delete r.store.elements[t]}})}catch(e){return h.call(this,"Clean failed.",e.message)}if(i)try{t.call(this)}catch(e){return h.call(this,"Clean failed.",e.message)}}function N(e){if(e.constructor!==Array)throw new TypeError("Expected array.");if(16===e.length)return e;if(6!==e.length)throw new RangeError("Expected array with either 6 or 16 values.");var t=z();return t[0]=e[0],t[1]=e[1],t[4]=e[2],t[5]=e[3],t[12]=e[4],t[13]=e[5],t}function z(){for(var e=[],t=0;t<16;t++)t%5==0?e.push(1):e.push(0);return e}function F(e,t){for(var n=N(e),i=N(t),r=[],o=0;o<4;o++)for(var s=[n[o],n[o+4],n[o+8],n[o+12]],a=0;a<4;a++){var c=4*a,l=[i[c],i[c+1],i[c+2],i[c+3]],d=s[0]*l[0]+s[1]*l[1]+s[2]*l[2]+s[3]*l[3];r[o+c]=d}return r}function D(e,t){var n=z();return n[0]=e,n[5]="number"==typeof t?t:e,n}var S=function(){var n={},i=document.documentElement.style;function e(e,t){if(void 0===t&&(t=i),e&&"string"==typeof e){if(n[e])return n[e];if("string"==typeof t[e])return n[e]=e;if("string"==typeof t["-webkit-"+e])return n[e]="-webkit-"+e;throw new RangeError('Unable to find "'+e+'" style property.')}throw new TypeError("Expected a string.")}return e.clearCache=function(){return n={}},e}();function m(e){var t=window.getComputedStyle(e.node),n=t.position,i=e.config,r={},o=(e.node.getAttribute("style")||"").match(/[\w-]+\s*:\s*[^;]+\s*/gi)||[];r.computed=o?o.map(function(e){return e.trim()}).join("; ")+";":"",r.generated=o.some(function(e){return e.match(/visibility\s?:\s?visible/i)})?r.computed:o.concat(["visibility: visible"]).map(function(e){return e.trim()}).join("; ")+";";var s,a,c,l,d,u,f,h,p,m,y,v,g,b=parseFloat(t.opacity),w=isNaN(parseFloat(i.opacity))?parseFloat(t.opacity):parseFloat(i.opacity),E={computed:b!==w?"opacity: "+b+";":"",generated:b!==w?"opacity: "+w+";":""},j=[];if(parseFloat(i.distance)){var T="top"===i.origin||"bottom"===i.origin?"Y":"X",k=i.distance;"top"!==i.origin&&"left"!==i.origin||(k=/^-/.test(k)?k.substr(1):"-"+k);var O=k.match(/(^-?\d+\.?\d?)|(em$|px$|%$)/g),x=O[0];switch(O[1]){case"em":k=parseInt(t.fontSize)*x;break;case"px":k=x;break;case"%":k="Y"===T?e.node.getBoundingClientRect().height*x/100:e.node.getBoundingClientRect().width*x/100;break;default:throw new RangeError("Unrecognized or missing distance unit.")}"Y"===T?j.push((c=k,(l=z())[13]=c,l)):j.push((s=k,(a=z())[12]=s,a))}i.rotate.x&&j.push((d=i.rotate.x,u=Math.PI/180*d,(f=z())[5]=f[10]=Math.cos(u),f[6]=f[9]=Math.sin(u),f[9]*=-1,f)),i.rotate.y&&j.push((h=i.rotate.y,p=Math.PI/180*h,(m=z())[0]=m[10]=Math.cos(p),m[2]=m[8]=Math.sin(p),m[2]*=-1,m)),i.rotate.z&&j.push((y=i.rotate.z,v=Math.PI/180*y,(g=z())[0]=g[5]=Math.cos(v),g[1]=g[4]=Math.sin(v),g[4]*=-1,g)),1!==i.scale&&(0===i.scale?j.push(D(2e-4)):j.push(D(i.scale)));var A={};if(j.length){A.property=S("transform"),A.computed={raw:t[A.property],matrix:function(e){if("string"==typeof e){var t=e.match(/matrix(3d)?$([^)]+)$/);if(t)return N(t[2].split(", ").map(parseFloat))}return z()}(t[A.property])},j.unshift(A.computed.matrix);var R=j.reduce(F);A.generated={initial:A.property+": matrix3d("+R.join(", ")+");",final:A.property+": matrix3d("+A.computed.matrix.join(", ")+");"}}else A.generated={initial:"",final:""};var q={};if(E.generated||A.generated.initial){q.property=S("transition"),q.computed=t[q.property],q.fragments=[];var P=i.delay,L=i.duration,M=i.easing;E.generated&&q.fragments.push({delayed:"opacity "+L/1e3+"s "+M+" "+P/1e3+"s",instant:"opacity "+L/1e3+"s "+M+" 0s"}),A.generated.initial&&q.fragments.push({delayed:A.property+" "+L/1e3+"s "+M+" "+P/1e3+"s",instant:A.property+" "+L/1e3+"s "+M+" 0s"}),q.computed&&!q.computed.match(/all 0s/)&&q.fragments.unshift({delayed:q.computed,instant:q.computed});var I=q.fragments.reduce(function(e,t,n){return e.delayed+=0===n?t.delayed:", "+t.delayed,e.instant+=0===n?t.instant:", "+t.instant,e},{delayed:"",instant:""});q.generated={delayed:q.property+": "+I.delayed+";",instant:q.property+": "+I.instant+";"}}else q.generated={delayed:"",instant:""};return{inline:r,opacity:E,position:n,transform:A,transition:q}}function c(e,t){void 0===t&&(t={});var n=t.pristine||this.pristine,i="always"===e.config.useDelay||"onload"===e.config.useDelay&&n||"once"===e.config.useDelay&&!e.seen,r=e.visible&&!e.revealed,o=!e.visible&&e.revealed&&e.config.reset;return t.reveal||r?function(e,t){var n=[e.styles.inline.generated,e.styles.opacity.computed,e.styles.transform.generated.final];t?n.push(e.styles.transition.generated.delayed):n.push(e.styles.transition.generated.instant);e.revealed=e.seen=!0,e.node.setAttribute("style",n.filter(function(e){return""!==e}).join(" ")),a.call(this,e,t)}.call(this,e,i):t.reset||o?function(e){var t=[e.styles.inline.generated,e.styles.opacity.generated,e.styles.transform.generated.initial,e.styles.transition.generated.instant];e.revealed=!1,e.node.setAttribute("style",t.filter(function(e){return""!==e}).join(" ")),a.call(this,e)}.call(this,e):void 0}function a(e,t){var n=this,i=t?e.config.duration+e.config.delay:e.config.duration,r=e.revealed?e.config.beforeReveal:e.config.beforeReset,o=e.revealed?e.config.afterReveal:e.config.afterReset,s=0;e.callbackTimer&&(s=Date.now()-e.callbackTimer.start,window.clearTimeout(e.callbackTimer.clock)),r(e.node),e.callbackTimer={start:Date.now(),clock:window.setTimeout(function(){o(e.node),e.callbackTimer=null,e.revealed&&!e.config.reset&&e.config.cleanup&&p.call(n,e.node)},i-s)}}var e,y=(e=0,function(){return e++});function l(e,t){if(void 0===t&&(t=this.pristine),!e.visible&&e.revealed&&e.config.reset)return c.call(this,e,{reset:!0});var n=this.store.sequences[e.sequence.id],i=e.sequence.index;if(n){var r=new d(n,"visible",this.store),o=new d(n,"revealed",this.store);if(n.models={visible:r,revealed:o},!o.body.length){var s=n.members[r.body[0]],a=this.store.elements[s];if(a)return g.call(this,n,r.body[0],-1,t),g.call(this,n,r.body[0],1,t),c.call(this,a,{reveal:!0,pristine:t})}if(!n.blocked.head&&i===[].concat(o.head).pop()&&i>=[].concat(r.body).shift())return g.call(this,n,i,-1,t),c.call(this,e,{reveal:!0,pristine:t});if(!n.blocked.foot&&i===[].concat(o.foot).shift()&&i<=[].concat(r.body).pop())return g.call(this,n,i,1,t),c.call(this,e,{reveal:!0,pristine:t})}}function v(e){var t=Math.abs(e);if(isNaN(t))throw new RangeError("Invalid sequence interval.");this.id=y(),this.interval=Math.max(t,16),this.members=[],this.models={},this.blocked={head:!1,foot:!1}}function d(e,i,r){var o=this;this.head=[],this.body=[],this.foot=[],f(e.members,function(e,t){var n=r.elements[e];n&&n[i]&&o.body.push(t)}),this.body.length&&f(e.members,function(e,t){var n=r.elements[e];n&&!n[i]&&(t<o.body[0]?o.head.push(t):o.foot.push(t))})}function g(e,t,n,i){var r=this,o=["head",null,"foot"][1+n],s=e.members[t+n],a=this.store.elements[s];e.blocked[o]=!0,setTimeout(function(){e.blocked[o]=!1,a&&l.call(r,a,i)},e.interval)}function b(){var n=this;t.call(this),f(this.store.elements,function(e){var t=[e.styles.inline.generated];e.visible?(t.push(e.styles.opacity.computed),t.push(e.styles.transform.generated.final),e.revealed=!0):(t.push(e.styles.opacity.generated),t.push(e.styles.transform.generated.initial),e.revealed=!1),e.node.setAttribute("style",t.filter(function(e){return""!==e}).join(" "))}),f(this.store.containers,function(e){var t=e.node===document.documentElement?window:e.node;t.addEventListener("scroll",n.delegate),t.addEventListener("resize",n.delegate)}),this.delegate(),this.initTimeout=null}function w(e){return void 0===e&&(e=navigator.userAgent),/Android|iPhone|iPad|iPod/i.test(e)}function E(n){for(var e=[],t=arguments.length-1;0<t--;)e[t]=arguments[t+1];if(s(n))return f(e,function(e){f(e,function(e,t){s(e)?(n[t]&&s(n[t])||(n[t]={}),E(n[t],e)):n[t]=e})}),n;throw new TypeError("Target must be an object literal.")}function i(e,a,t){var c=this;void 0===a&&(a={}),void 0===t&&(t=!1);var l,d=[],n=a.interval||r.interval;try{n&&(l=new v(n));var i=u(e);if(!i.length)throw new Error("Invalid reveal target.");f(i.reduce(function(e,t){var n={},i=t.getAttribute("data-sr-id");i?(E(n,c.store.elements[i]),n.node.setAttribute("style",n.styles.inline.computed)):(n.id=y(),n.node=t,n.seen=!1,n.revealed=!1,n.visible=!1);var r=E({},n.config||c.defaults,a);if(!r.mobile&&w()||!r.desktop&&!w())return i&&p.call(c,n),e;var o,s=u(r.container)[0];if(!s)throw new Error("Invalid container.");return s.contains(t)&&(null===(o=function(t){var e=[],n=arguments.length-1;for(;0<n--;)e[n]=arguments[n+1];var i=null;return f(e,function(e){f(e,function(e){null===i&&e.node===t&&(i=e.id)})}),i}(s,d,c.store.containers))&&(o=y(),d.push({id:o,node:s})),n.config=r,n.containerId=o,n.styles=m(n),l&&(n.sequence={id:l.id,index:l.members.length},l.members.push(n.id)),e.push(n)),e},[]),function(e){(c.store.elements[e.id]=e).node.setAttribute("data-sr-id",e.id)})}catch(e){return h.call(this,"Reveal failed.",e.message)}f(d,function(e){c.store.containers[e.id]={id:e.id,node:e.node}}),l&&(this.store.sequences[l.id]=l),!0!==t&&(this.store.history.push({target:e,options:a}),this.initTimeout&&window.clearTimeout(this.initTimeout),this.initTimeout=window.setTimeout(b.bind(this),0))}var j,T=Math.sign||function(e){return(0<e)-(e<0)||+e},k=(j=Date.now(),function(e){var t=Date.now();16<t-j?e(j=t):setTimeout(function(){return k(e)},0)}),O=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||k;function x(e,t){for(var n=t?e.node.clientHeight:e.node.offsetHeight,i=t?e.node.clientWidth:e.node.offsetWidth,r=0,o=0,s=e.node;isNaN(s.offsetTop)||(r+=s.offsetTop),isNaN(s.offsetLeft)||(o+=s.offsetLeft),s=s.offsetParent;);return{bounds:{top:r,right:o+i,bottom:r+n,left:o},height:n,width:i}}function A(e,t){var i=this;void 0===e&&(e={type:"init"}),void 0===t&&(t=this.store.elements),O(function(){var n="init"===e.type||"resize"===e.type;f(i.store.containers,function(e){n&&(e.geometry=x.call(i,e,!0));var t=function(e){var t,n;return n=e.node===document.documentElement?(t=window.pageYOffset,window.pageXOffset):(t=e.node.scrollTop,e.node.scrollLeft),{top:t,left:n}}.call(i,e);e.scroll&&(e.direction={x:T(t.left-e.scroll.left),y:T(t.top-e.scroll.top)}),e.scroll=t}),f(t,function(e){n&&(e.geometry=x.call(i,e)),e.visible=function(e){void 0===e&&(e={});var t=this.store.containers[e.containerId];if(t){var n=Math.max(0,Math.min(1,e.config.viewFactor)),i=e.config.viewOffset,r=e.geometry.bounds.top+e.geometry.height*n,o=e.geometry.bounds.right-e.geometry.width*n,s=e.geometry.bounds.bottom-e.geometry.height*n,a=e.geometry.bounds.left+e.geometry.width*n,c=t.geometry.bounds.top+t.scroll.top+i.top,l=t.geometry.bounds.right+t.scroll.left-i.right,d=t.geometry.bounds.bottom+t.scroll.top-i.bottom,u=t.geometry.bounds.left+t.scroll.left+i.left;return r<d&&u<o&&c<s&&a<l||"fixed"===e.styles.position}}.call(i,e)}),f(t,function(e){e.sequence?l.call(i,e):c.call(i,e)}),i.pristine=!1})}var R,q,P,L,M,I,C,W,Y="4.0.5";function $(e){var t;if(void 0===e&&(e={}),void 0===this||Object.getPrototypeOf(this)!==$.prototype)return new $(e);if(!$.isSupported())return h.call(this,"Instantiation failed.","This browser is not supported."),n.failure();try{t=E({},I||r,e)}catch(e){return h.call(this,"Invalid configuration.",e.message),n.failure()}try{if(!u(t.container)[0])throw new Error("Invalid container.")}catch(e){return h.call(this,e.message),n.failure()}return!(I=t).mobile&&w()||!I.desktop&&!w()?(h.call(this,"This device is disabled.","desktop: "+I.desktop,"mobile: "+I.mobile),n.failure()):(n.success(),this.store={containers:{},elements:{},history:[],sequences:{}},this.pristine=!0,R=R||A.bind(this),q=q||function(){var n=this;f(this.store.elements,function(e){e.node.setAttribute("style",e.styles.inline.generated),e.node.removeAttribute("data-sr-id")}),f(this.store.containers,function(e){var t=e.node===document.documentElement?window:e.node;t.removeEventListener("scroll",n.delegate),t.removeEventListener("resize",n.delegate)}),this.store={containers:{},elements:{},history:[],sequences:{}}}.bind(this),P=P||i.bind(this),L=L||p.bind(this),M=M||function(){var t=this;f(this.store.history,function(e){i.call(t,e.target,e.options,!0)}),b.call(this)}.bind(this),Object.defineProperty(this,"delegate",{get:function(){return R}}),Object.defineProperty(this,"destroy",{get:function(){return q}}),Object.defineProperty(this,"reveal",{get:function(){return P}}),Object.defineProperty(this,"clean",{get:function(){return L}}),Object.defineProperty(this,"sync",{get:function(){return M}}),Object.defineProperty(this,"defaults",{get:function(){return I}}),Object.defineProperty(this,"version",{get:function(){return Y}}),Object.defineProperty(this,"noop",{get:function(){return!1}}),W||(W=this))}return $.isSupported=function(){return("transform"in(t=document.documentElement.style)||"WebkitTransform"in t)&&("transition"in(e=document.documentElement.style)||"WebkitTransition"in e);var e,t},Object.defineProperty($,"debug",{get:function(){return C||!1},set:function(e){return C="boolean"==typeof e?e:C}}),$(),$}(); ScrollReveal().reveal('.scroll-reveal', { delay: 150, distance: '10%', origin: 'bottom' }); ScrollReveal().reveal('.scroll-reveal-image', { delay: 150, distance: '40px', origin: 'bottom' }); ScrollReveal().reveal('.scroll-reveal-sequence span', { delay: 200, distance: '10%', origin: 'bottom', interval: 10}); ScrollReveal().reveal('.scroll-reveal-sequence-column .is-content', { delay: 200, distance: '10%', origin: 'bottom', interval: 50});</script> </body> </html>