Site Builder Features | Umbraco 8, 9, 10, 11, 12 & 13

<!DOCTYPE html> <html dir="ltr" lang="en" class="no-js usn"> <head>  <link rel="dns-prefetch" href="//www.google-analytics.com">  <link rel="dns-prefetch" href="//www.googletagmanager.com">  <link rel="preconnect" href="https://www.google.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://www.gstatic.com"> <link rel="preconnect" href="https://www.googletagmanager.com"> <link rel="preconnect" href="https://www.google-analytics.com">  <link rel="preconnect" href="https://5a6c430d1794-cdn-site-media.azureedge.net">  <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://uskinned.net/css/uskinned/icons/ionicons.woff2?v=4.5.4" as="font" type="font/woff2" crossorigin> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=2"> <link rel="canonical" href="https://uskinned.net/feature-index/" /> <title>Site Builder Features | Umbraco 8, 9, 10, 11, 12 & 13</title> <meta name="description" content="An extensive list of the features that are only available in the award-winning uSkinned Site Builder for Umbraco CMS versions 8, 9, 10, 11, 12 and beyond."> <link rel="alternate" hreflang="en-us" href="https://uskinned.net/feature-index/" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@uSkinned" /> <meta property="og:type" content="website"> <meta property="og:title" content="Site Builder Features | Umbraco 8, 9, 10, 11, 12 & 13" /> <meta property="og:image" content="https://5a6c430d1794-cdn-site-media.azureedge.net/media/o5id3pii/og05.png" /> <meta property="og:url" content="https://uskinned.net/feature-index/" /> <meta property="og:description" content="An extensive list of the features that are only available in the award-winning uSkinned Site Builder for Umbraco CMS versions 8, 9, 10, 11, 12 and beyond." /> <meta property="og:site_name" content="uSkinned Site Builder for Umbraco CMS" /> <meta name="robots" content="index,follow"> <link href="/sb/sitebuilder-ltr-css-bundle.css.v2024" media="screen" rel="stylesheet" /> <link href="/sb/sitebuilder-css-bundle.css.v2024" media="screen" rel="stylesheet" /> <link href="/sb/sitebuilder-css-small-header-01-sm-bundle.css.v2024" media="screen and (min-width:0) and (max-width:991px)" rel="stylesheet" /> <link href="/sb/sitebuilder-css-large-header-06-lg-bundle.css.v2024" media="screen and (min-width:992px)" rel="stylesheet" /> <link rel="stylesheet" media="screen" href="/uSkinned/css/generated/50f976db-5eba-4c61-9fd7-4ad2e7934238.css?version=638664840860930000" /> <link href="/sb/sitebuilder-css-prnt-bundle.css.v2024" media="print" rel="stylesheet" /> <link rel="shortcut icon" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=32&height=32"> <link rel="apple-touch-icon" sizes="57x57" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=57&height=57"> <link rel="apple-touch-icon" sizes="60x60" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=60&height=60"> <link rel="apple-touch-icon" sizes="72x72" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=72&height=72"> <link rel="apple-touch-icon" sizes="76x76" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=76&height=76"> <link rel="apple-touch-icon" sizes="114x114" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=114&height=114"> <link rel="apple-touch-icon" sizes="120x120" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=120&height=120"> <link rel="apple-touch-icon" sizes="144x144" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=144&height=144"> <link rel="apple-touch-icon" sizes="152x152" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=152&height=152"> <link rel="apple-touch-icon" sizes="180x180" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=180&height=180"> <link rel="icon" sizes="16x16" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=16&height=16"> <link rel="icon" sizes="32x32" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=32&height=32"> <link rel="icon" sizes="96x96" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=96&height=96"> <link rel="icon" sizes="192x192" type="image/png" href="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=192&height=192"> <meta name="msapplication-square70x70logo" content="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=70&height=70" /> <meta name="msapplication-square150x150logo" content="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=150&height=150" /> <meta name="msapplication-wide310x150logo" content="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=310&height=150" /> <meta name="msapplication-square310x310logo" content="https://5a6c430d1794-cdn-site-media.azureedge.net/media/3hxltb4o/usn-icon.png?width=310&height=310" /> <script async defer src="https://www.google.com/recaptcha/api.js?render=6LdhxyIeAAAAAPU2mj_HiklyvgTaFtCkm3eS23vs"></script>  <script> !function(e,t){if(!e.groove){var i=function(e,t){return Array.prototype.slice.call(e,t)},a={widget:null,loadedWidgets:{},classes:{Shim:null,Embeddable:function(){this._beforeLoadCallQueue=[],this.shim=null,this.finalized=!1;var e=function(e){var t=i(arguments,1);if(this.finalized){if(!this[e])throw new TypeError(e+"() is not a valid widget method");this[e].apply(this,t)}else this._beforeLoadCallQueue.push([e,t])};this.initializeShim=function(){a.classes.Shim&&(this.shim=new a.classes.Shim(this))},this.exec=e,this.init=function(){e.apply(this,["init"].concat(i(arguments,0))),this.initializeShim()},this.onShimScriptLoad=this.initializeShim.bind(this),this.onload=void 0}},scriptLoader:{callbacks:{},states:{},load:function(e,i){if("pending"!==this.states[e]){this.states[e]="pending";var a=t.createElement("script");a.id=e,a.type="text/javascript",a.async=!0,a.src=i;var s=this;a.addEventListener("load",(function(){s.states[e]="completed",(s.callbacks[e]||[]).forEach((function(e){e()}))}),!1);var n=t.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n)}},addListener:function(e,t){"completed"!==this.states[e]?(this.callbacks[e]||(this.callbacks[e]=[]),this.callbacks[e].push(t)):t()}},createEmbeddable:function(){var t=new a.classes.Embeddable;return e.Proxy?new Proxy(t,{get:function(e,t){return e instanceof a.classes.Embeddable?Object.prototype.hasOwnProperty.call(e,t)||"onload"===t?e[t]:function(){e.exec.apply(e,[t].concat(i(arguments,0)))}:e[t]}}):t},createWidget:function(){var e=a.createEmbeddable();return a.scriptLoader.load("groove-script","https://c1a4f52e-d425-4e35-a2ca-262ef0e806bb.widget.cluster.groovehq.com/api/loader"),a.scriptLoader.addListener("groove-iframe-shim-loader",e.onShimScriptLoad),e}};e.groove=a}}(window,document); window.groove.widget = window.groove.createWidget(); window.groove.widget.init('c1a4f52e-d425-4e35-a2ca-262ef0e806bb', {}); </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-DKE5TQ30VC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-DKE5TQ30VC'); </script>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','AW-1006113134');</script>  </head> <body class="body-bg body-bg-solid header-06-lg header-01-sm show_header-on-scroll-lg show_header-on-scroll-sm directional-icons-chevron full-page zoom_hover" >  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=AW-1006113134" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <a class="skip-to-content" id="skip-to-content-link" href="#site-content">Skip to main content</a> <a class="skip-to-content" id="skip-to-footer-link" href="#site-footer">Skip to footer</a>   <div id="site">  <header id="site-header" class="header-bg header-bg-solid" tabindex="-1"> <div class="container"> <div class="row"> <div id="logo" > <a href="/" title="uSkinned Site Builder for Umbraco CMS"> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/qfcm3ajh/usn-logo_dark-text.svg" alt="uSkinned logo."> <span>uSkinned Site Builder for Umbraco CMS</span> </a> </div>  <button id="burgerNavStyle" class="expand-header expand-3-bars expand-uneven-lines expand-active-cross" type="button" aria-expanded="false" aria-label="Expand header"> <span>Menu</span> </button>   <nav aria-label="Main" class="main nav-dropdown navigation-dropdown-bg navigation-dropdown-bg-solid"> <ul > <li class="has-child active"> <span> <a href="/tour/" >Site Builder</a> </span> <button class="expand-subpages" type="button" aria-expanded="false" aria-label="Expand sub pages Site Builder"> <span aria-hidden="true">Expand sub pages Site Builder</span> </button> <ul class="multi-col"> <li class="no-child "> <span> <a href="/visual-designer/" >Visual Designer</a> </span> </li> <li class="no-child "> <span> <a href="/content-editor/" >Content editors</a> </span> </li> <li class="no-child "> <span> <a href="/ecommerce/" >eCommerce</a> </span> </li> <li class="no-child "> <span> <a href="/interactive-listing/" >Interactive Listing</a> </span> </li> <li class="no-child "> <span> <a href="/starter-kits/" >Starter Kits</a> </span> </li> <li class="no-child "> <span> <a href="/memberships/" >Memberships</a> </span> </li> <li class="no-child "> <span> <a href="/integrations/" >Integrations</a> </span> </li> <li class="no-child "> <span> <a href="/seo/" >SEO</a> </span> </li> <li class="no-child "> <span> <a href="/blog-engine/" >Blog engine</a> </span> </li> <li class="no-child "> <span> <a href="/accessibility/" >Accessibility</a> </span> </li> <li class="no-child "> <span> <a href="/hosting/" >Hosting</a> </span> </li> <li class="no-child "> <span> <a href="/extend/" >Extend</a> </span> </li> <li class="no-child active"> <span> <a href="/feature-index/" >All features</a> </span> </li> </ul> </li> <li class="no-child "> <span> <a href="/themes/" >Themes & Kits</a> </span> </li> <li class="no-child "> <span> <a href="/pricing/" >Pricing</a> </span> </li> <li class="has-child "> <span> <a href="/resources/" >Resources</a> </span> <button class="expand-subpages" type="button" aria-expanded="false" aria-label="Expand sub pages Resources"> <span aria-hidden="true">Expand sub pages Resources</span> </button> <ul class="multi-col"> <li class="no-child "> <span> <a href="/quick-install/" >Install</a> </span> </li> <li class="no-child "> <span> <a href="https://portal.uskinned.net/contact" >Contact</a> </span> </li> <li class="no-child "> <span> <a href="/support/" >Guides</a> </span> </li> <li class="no-child "> <span> <a href="/blog/" >Blog</a> </span> </li> <li class="no-child "> <span> <a href="/showcase/" >Showcase</a> </span> </li> <li class="no-child "> <span> <a href="/case-studies/" >Case Studies</a> </span> </li> <li class="no-child "> <span> <a href="/experts/" >Experts</a> </span> </li> <li class="no-child "> <span> <a href="/websites-for-everyone/" >Sectors</a> </span> </li> <li class="no-child "> <span> <a href="/frequently-asked-questions/" >FAQs</a> </span> </li> <li class="no-child "> <span> <a href="/changelog/" >Changelog</a> </span> </li> <li class="no-child "> <span> <a href="/resources/" >All Resources</a> </span> </li> </ul> </li> </ul> </nav>   <nav aria-label="Secondary" class="secondary nav-dropdown navigation-dropdown-bg navigation-dropdown-bg-solid"> <ul> <li><span><a href="https://portal.uskinned.net/" >Login</a></span></li> </ul> </nav>   <nav aria-label="Call to actions" class="cta-links"> <a class="btn base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders" href="/pricing/" > <span></span> Get started </a> </nav>   <div class="form site-search-form site-search" aria-label="Site search"> <form role="search" action="/search/" method="get" name="searchForm"> <fieldset> <div class="form-group"> <input type="text" class="form-control" name="search_field" aria-label="Search the site" placeholder="Search the site" value=""> </div> <button type="submit" role="button" aria-label="Search" class="btn base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders btn-search"> <span></span> <i aria-hidden="true" class="icon usn_ion-ios-search"></i> </button> </fieldset> </form> <button class="expand-search" data-bs-toggle="collapse" type="button" aria-expanded="false" aria-label="Expand site search"> <em>Expand Search</em> <i aria-hidden="true" class="icon usn_ion-ios-search search-icon"></i> <i aria-hidden="true" class="icon usn_ion-md-close close-icon"></i> </button> </div>  </div> </div> </header>   <main id="site-content" tabindex="-1"> <section class="content component usn_cmp_banner base-bg base-bg-solid has-shapes half-circle-line dots-varied " > <div class="component-inner"> <div class="item item_scale-banner c5-bg c5-bg-solid "> <div class="inner"> <div class="container">  <div class="row text-center justify-content-center info_align-middle"> <div class="info col"> <div class="d-table"> <div class="d-table-cell"> <p class="secondary-heading lg c5-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Site Builder</p> <h1 class="heading c5-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Feature Index</h1> <div class="text c5-text " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <p><span class="intro lg">This extensive list covers all of the features present in the uSkinned Site Builder. </span></p> </div> </div> </div> </div> </div>  </div> </div> </div> </div> </section> <section class="content component usn_cmp_reusablecomponents c5-bg c5-bg-solid pt-0 " > <div class="component-inner"> <div class="container"><div class="row justify-content-center"><div class="content-col center-col col"> <div class="" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <section class="content component usn_cmp_code base-bg base-bg-solid p-0 transparent-bg" > <div class="component-inner"> <div class="container"> <div class="code-item " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="d-block d-lg-flex text-center justify-content-lg-center small"> <div class="d-block mb-1 mb-lg-0 me-lg-2">Latest compatible version: </div> <div class="d-block mb-1 mb-lg-0 me-lg-2"><span class="label mr-1 ml-1" style="background-color: #3544b1;">Umbraco 13.5.2</span> </div> <div class="d-block mb-1 mb-lg-0 me-lg-0"><span class="label mr-1 ml-1 base-btn-bg base-btn-text">uSkinned Site Builder 6.1.2</span></div> </div> </div> </div> </div> </section> </div> </div></div></div> </div> </section> <section class="content component usn_cmp_anchornavigation c5-bg c5-bg-solid sticky " > <div class="component-inner"> <div class="container"> <button class="expand-anchor justify-content-center text-center" data-bs-toggle="collapse" type="button" aria-expanded="false" aria-label="Expand anchor"> <span>Menu</span> </button> <nav class="tab-buttons " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" aria-label="Anchor"> <ul class="nav justify-content-center text-center"> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#design" >Design</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#settings" >Settings</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#navigation" >Navigation</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#seo" >SEO</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#pages" >Pages</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#components" >Components</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#pods" >Pods</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#shop" >Shop</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#blog" >Blog</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#footer" >Footer</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#integrations" >Integrations</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#membership" >Members</a></span></li> <li class="nav-item"><span><a class="nav-link nav-anchor-link nav-button-link" href="#misc" >Misc</a></span></li> </ul> </nav> </div> </div> </section> <section class="content component usn_cmp_gridlayout base-bg base-bg-solid pb-0 " id="design"> <div class="component-inner"> <div class="container">  <div class="component-introduction row justify-content-center text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info col"> <h2 class="heading base-heading " >Visual Designer</h2> <div class="text base-text"> <p>The uSkinned Visual Designer allows you to work on the design of your website in preview mode via the Umbraco CMS. See your design changes applied in real-time. This allows you to fine tune your design. Make changes and see the results instantly.</p> </div> </div> </div>  <div class="" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="umb-grid"> <div class="grid-section"> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid pb-0 " id="design"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Design</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Layout</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Layout</p> <p class="heading sm base-heading " >Header</p> <div class="text base-text"> <p>Over 20 header layouts across both small and large screen sizes are available.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Layout</p> <p class="heading sm base-heading " >Navigation</p> <div class="text base-text"> <p>Add design tweaks to your site navigation including the mobile style.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Layout</p> <p class="heading sm base-heading " >Icons</p> <div class="text base-text"> <p>Create a consistent style for all directional icons throughout your site design.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Layout</p> <p class="heading sm base-heading " >Decoration</p> <div class="text base-text"> <p>Refine the finishing touches to your design with unique heading or secondary heading dividers.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Layout</p> <p class="heading sm base-heading " >Links</p> <div class="text base-text"> <p>Choose the initial and rollover states of links across all areas of your site, including, header, footer, content and more.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Layout</p> <p class="heading sm base-heading " >Misc</p> <div class="text base-text"> <p>Position your back to top and site notification to suit your content. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid pb-0 " id="design"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Design</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Logo</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Logo</p> <p class="heading sm base-heading " >Logo</p> <div class="text base-text"> <p>Upload any image type, including .svg to make your brand stand out.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Logo</p> <p class="heading sm base-heading " >Favicon</p> <div class="text base-text"> <p>Add a unique favicon image, used to identify your site in bookmarks or browser tabs.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Logo</p> <p class="heading sm base-heading " >Touch Icon</p> <div class="text base-text"> <p>Promote your site as a PWA and create a unique icon for users to save it to their touch device home screen.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid pb-0 " id="design"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Design</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Colors</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p>Control your website design colors direct from the Umbraco CMS without the need to touch any code or stylesheets. Create a pre-defined color scheme for your website editors to maintain consistency across your website design and brand.</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Body</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Header</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Logo</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Main Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Secondary Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Dropdown Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Content</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Button</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Footer</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Unlimited Additional Content Colors</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Colors</p> <p class="heading sm base-heading " >Unlimited Additional Button Colors</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid pb-0 " id="design"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Design</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Spacing</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p>Control your website design spacing direct from the Umbraco CMS without the need to touch any code or stylesheets. Fine tweak padding and margins to refine your design perfectly to your desired look and feel</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Spacing</p> <p class="heading sm base-heading " >Site</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Spacing</p> <p class="heading sm base-heading " >Header</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Spacing</p> <p class="heading sm base-heading " >Logo</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Spacing</p> <p class="heading sm base-heading " >General</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Spacing</p> <p class="heading sm base-heading " >Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Spacing</p> <p class="heading sm base-heading " >Forms</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Spacing</p> <p class="heading sm base-heading " >Buttons</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="design"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Design</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Fonts</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p>Control the fonts used by every element of your website directly from the Umbraco CMS without the need to touch any code or stylesheets. Select from standard system fonts or 1000s of Google fonts. Unlike other solutions, you are not limited to using a single font style across your website. Add any number of fonts to your design library and then add them to each element of your website via our Global design configuration tool.</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Fonts</p> <p class="heading sm base-heading " >Unlimited Fonts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Fonts</p> <p class="heading sm base-heading " >1000s of Google Fonts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Fonts</p> <p class="heading sm base-heading " >1000s of Adobe Fonts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Fonts</p> <p class="heading sm base-heading " >System Fonts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Fonts</p> <p class="heading sm base-heading " >Custom fonts</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="design"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Design</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Backgrounds, Custom & Advanced</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p>Control your website design spacing direct from the Umbraco CMS without the need to touch any code or stylesheets. Fine tweak padding and margins to refine your design perfectly to your desired look and feel</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Backgrounds</p> <p class="heading sm base-heading " >Body Background</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Backgrounds</p> <p class="heading sm base-heading " >Footer Background</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >CSS</p> <p class="heading sm base-heading " >Custom CSS</p> <div class="text base-text"> <p>Easily add custom CSS to your site design. This is very useful for controlling or overriding your global design. </p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Javascript</p> <p class="heading sm base-heading " >Custom Javascript</p> <div class="text base-text"> <p>Easily add custom Javascript to your site design. This is very useful for adding custom JavaScript that is intended to alter aspects of your design.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Advanced</p> <p class="heading sm base-heading " >Custom Frontend Source</p> <div class="text base-text"> <p>Branch away from the uSkinned codebase at any time and unlimited custom codebases.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_gridlayout base-bg base-bg-solid pb-0 " id="settings"> <div class="component-inner"> <div class="container">  <div class="component-introduction row justify-content-center text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info col"> <h2 class="heading base-heading " >Global Settings</h2> </div> </div>  <div class="" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="umb-grid"> <div class="grid-section"> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="settings"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Settings</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >General</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >General</p> <p class="heading sm base-heading " >Site Design Picker</p> <div class="text base-text"> <p>Quickly change the entire design of your website by selecting from your library of design options.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >General</p> <p class="heading sm base-heading " >Site Name</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >General</p> <p class="heading sm base-heading " >Social Sharing</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >General</p> <p class="heading sm base-heading " >Twitter username</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >General</p> <p class="heading sm base-heading " >Site Language</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >General</p> <p class="heading sm base-heading " >Right to Left support</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >General</p> <p class="heading sm base-heading " >Search</p> <div class="text base-text"> <p>Our websites come with an internal search engine built on top of the Umbraco Examine library. This custom site search allows users to search your site content quickly and easily.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="settings"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Settings</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Analytics</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Analytics</p> <p class="heading sm base-heading " >Google Analytics</p> <div class="text base-text"> <p>Manage your Google Analytics tracking code from the global settings configuration section.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Analytics</p> <p class="heading sm base-heading " >Google Tag Manager</p> <div class="text base-text"> <p>Manage your Google Tag Manager code from a global settings configuration section.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Analytics</p> <p class="heading sm base-heading " >Facebook Pixel</p> <div class="text base-text"> <p>Track traffic from Facebook ad campaigns with a simple, single input integration.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Analytics</p> <p class="heading sm base-heading " >Twitter Pixel</p> <div class="text base-text"> <p>Track traffic from Twitter ad campaigns with a simple, single input integration.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="settings"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Settings</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Forms</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Forms</p> <p class="heading sm base-heading " >Campaign Monitor</p> <div class="text base-text"> <p>Simple integration with Campaign Monitor. Using our pre-built contact and newsletter signup forms you can add new subscribers to a global list or form specific subscriber lists.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Forms</p> <p class="heading sm base-heading " >Mailchimp</p> <div class="text base-text"> <p>Simple integration with MailChimp. Using our pre-built contact and newsletter signup forms you can add new subscribers to a global list or form specific subscriber lists.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Forms</p> <p class="heading sm base-heading " >Google Recaptcha</p> <div class="text base-text"> <p>Easily add reCAPTCHA protection to your forms. Depending on your preferred approach of protection choose from either V2 or V3 options.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="settings"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Settings</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Shop</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p>Site Builder comes with more than one built-in checkout provider, choose the provider to suit your needs.</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop</p> <p class="heading sm base-heading " >Ecwid</p> <div class="text base-text"> <p>Start selling physical products, digital downloads, event tickets, accept donations... with our <a rel="noopener" href="http://open.ecwid.com/39sfFq" target="_blank">Ecwid integration</a>!</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop</p> <p class="heading sm base-heading " >Snipcart</p> <div class="text base-text"> <p>Start selling anything including physical products, digital downloads, event tickets, and donations... with our <a href="#" title="How to create an integrated ecommerce Shop">Snipcart integration</a>.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="settings"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Settings</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Content</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Global Content</p> <p class="heading sm base-heading " >Top Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Global Content</p> <p class="heading sm base-heading " >Bottom Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Global Content</p> <p class="heading sm base-heading " >Pods</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="settings"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Settings</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Notification</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p>Add a global notification message to your website. This can be configured to be hidden on acceptance for your chosen number of days.</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Notification</p> <p class="heading sm base-heading " >Heading</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Notification</p> <p class="heading sm base-heading " >Secondary Heading</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Notification</p> <p class="heading sm base-heading " >Text</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Notification</p> <p class="heading sm base-heading " >Button text</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Notification</p> <p class="heading sm base-heading " >Cookie Duration</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Notification</p> <p class="heading sm base-heading " >Enable/Disable</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="settings"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Settings</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Global Scripts</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p>Easily add custom Javascript to your web pages at a global level. This is very useful for adding third-party plugins without having to involve a developer or someone with technical knowledge.</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Global Scripts</p> <p class="heading sm base-heading " >Header scripts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Global Scripts</p> <p class="heading sm base-heading " >Opening body scripts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Global Scripts</p> <p class="heading sm base-heading " >Closing body scripts</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="navigation"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Navigation</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Navigation</p> <p class="heading sm base-heading " >Main Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Navigation</p> <p class="heading sm base-heading " >Secondary Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Navigation</p> <p class="heading sm base-heading " >Footer Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Navigation</p> <p class="heading sm base-heading " >Member Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Navigation</p> <p class="heading sm base-heading " >CTA Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Navigation</p> <p class="heading sm base-heading " >Language Navigation</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="seo"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Search Engine Optimisation</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Auto-Generating HTML Sitemap</p> <div class="text base-text"> <p>Sitemaps can be added to any page of your website via the Sitemap component. You can choose what page of your site you would like the sitemap to start from. All sub pages are automatically added to your sitemap listing and you can choose to hide certain pages from your sitemap if you wish</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Auto-Generating XML Sitemap</p> <div class="text base-text"> <p>A sitemap.xml file is automatically updated every time you create, update or delete a page on your website. You have full control over what files should be added to your sitemap.xml file, the sitemap priority of each individual page and the sitemap change frequency of each individual page. XML Sitemaps are very important for SEO because they make it easier for search engines to find the important pages of your website.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Canonical Tags</p> <div class="text base-text"> <p>Every page of your website will have a canonical tag added to the page source. This is very important for SEO and ensures that search engines only ever index a single URL when each page of your site can possibly be accessed by multiple different URLS.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Robots.txt File Editor</p> <div class="text base-text"> <p>Update your robots.txt file directly from the CMS. The robots.txt tells search engines areas of your site structure should not be accessed and avoids overloading your site with requests.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Searchable and Indexed</p> <div class="text base-text"> <p>Our websites are built with clean HTML markup that is optimised to be easily indexable by search engines.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Meta Titles</p> <div class="text base-text"> <p>You have full control over the exact format of your page titles. These will be automatically generated based on your page and website name to ensure that they are never blank. You can then override the default title when you require greater control.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Meta Descriptions</p> <div class="text base-text"> <p>Update the meta descriptions for each page of your website via the CMS to control exactly how each page is listed in search engines.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Search engine previews</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Heading Tag Hierarchy</p> <div class="text base-text"> <p>Within the CMS we provide you with a customised editor to control the tags used for each heading on your web pages.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Image Alt Tags</p> <div class="text base-text"> <p>Full control over image alt tags on your web pages to improve search engine visibility and accessibility of your website.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Rich Snippets Schema</p> <div class="text base-text"> <p>Rich snippet markup is automatically added to the source code of your web pages where relevant, this includes blog articles, breadcrumbs etc.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Google Analytics</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Google Tag Manager</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Facebook Open Graph Meta Tags</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >LinkedIn Open Graph Meta Tags</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >SEO Friendly</p> <p class="heading sm base-heading " >Twitter Card Meta Tags</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="pages"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Pages</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pages</p> <p class="heading sm base-heading " >Page Layouts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pages</p> <p class="heading sm base-heading " >Modular Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pages</p> <p class="heading sm base-heading " >Modular Pods</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pages</p> <p class="heading sm base-heading " >Navigation</p> <div class="text base-text"> <p>Hide a page from all site navigation, display a breadcrumb trail...</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pages</p> <p class="heading sm base-heading " >SEO & Share</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pages</p> <p class="heading sm base-heading " >Scripts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pages</p> <p class="heading sm base-heading " >Advanced</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="components"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Modular Components</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p><span class="intro sm">These are the sections that a content editor will use to build up the content of any page or blog post within uSkinned Site Builder for Umbraco. </span></p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Accordions</p> <div class="text base-text"> <p>Organise content into hide and reveal content chunks, great for FAQs.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Alerts</p> <div class="text base-text"> <p>Grab attention to important content. Select from a number of alert colors and whether or not alerts can be closed by the user. </p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Anchor Navigation</p> <div class="text base-text"> <p>Add this 'sticky' style navigation to any page and link to other components directly using anchors and the navigation will scroll with you. You can even link to other internal pages, media items or<br />external links.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Banners</p> <div class="text base-text"> <p>Add banners to your web pages with various layouts and features including autoplay carousel, video banners, image banners, parallax and takeover.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Call to Actions</p> <div class="text base-text"> <p>Add stylised call to action strips with easily manageable content including headings, text and buttons.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Data Lists</p> <div class="text base-text"> <p>Display stylised pricing menus, opening hours or anything that needs to be structured data. This is a great way of adding restaurant menus to your website. Create menus that are a part of your website rather than using PDF downloads which are less accessible.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Ecwid Shop</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Embed Code</p> <div class="text base-text"> <p>Easily embed any third party code to your site for example Google maps, restaurant booking widgets, weather widgets, health club integrations etc.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Forms</p> <div class="text base-text"> <p>Add forms to your website. Out of the box we provide contact forms, newsletter signup forms and login forms for password protected pages. Additionally you can create your own forms with the intuitive Umbraco forms builder and easily add your own custom forms to any page of your website without the need for developer assistance.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Gallery</p> <div class="text base-text"> <p>Choose from a variety of layouts including grid, slideshow and carousel. Galleries can consist of images or videos and have an option to be displayed on page or additionally using a light window allowing for full browser size display. You can even link direct to a full folder in your Media section to pull all media files from that folder into a gallery.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Grid</p> <div class="text base-text"> <p>Add textual content and images using a grid layout editor where you can choose number of columns and rows and lay out your content in a newspaper style.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Links</p> <div class="text base-text"> <p>Create a list of links to internal, media or external items. Links to internal resources will automatically provide file size and type information.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Markdown editor</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Pods</p> <div class="text base-text"> <p><a data-id="pods" href="#pods" title="Pods" data-anchor="#pods">See all available Pods</a> below.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Sitemap</p> <div class="text base-text"> <p>Add an auto generated HTML sitemap that starts from your chosen page and ignores pages that should be hidden from your sites navigation.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Subpage Listing</p> <div class="text base-text"> <p>Add auto generated subpage listings in tabbed or single list formats. Choose from a variety of layouts and decide how many items should be displayed.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Tabs</p> <div class="text base-text"> <p>Organise content into tabbed sections, great for organising large amounts of content into defined groups.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Text</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Windows</p> <div class="text base-text"> <p>Last but not least the windows component is one of our favourites. Add images and videos to your website in a variety of layouts giving an extremely stylish way of presenting image and video content.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Reusable Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Modal Box Components</p> <div class="text base-text"> <p>Open any component or pod in a modal box (lightwindow) from any link on your website. Set Modal boxes to open after a defined time period or scroll position on any web page.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Reusable Pods</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Modal Box Pods</p> <div class="text base-text"> <p>Open Pods in modals boxes (light windows). </p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Global Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Components</p> <p class="heading sm base-heading " >Global Pods</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="pods"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Modular Pods</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p><span class="intro sm">These are smaller blocks of content that a content editor can include within a component, sidebar of a page or blog post and in the footer.</span></p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Accordions</p> <div class="text base-text"> <p>Organise content into hide and reveal content chunks, great for FAQs.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Alerts</p> <div class="text base-text"> <p>Grab attention to important content. Select from a number of alert colors and whether or not alerts can be closed by the user. </p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Data Lists</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Embed Code</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Forms</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Images</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Grid</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Links</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Quotes</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Related Content</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Search with Links</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Social Links</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Subpage Listing</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Tabs</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Text with Image</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Videos — YouTube, Vimeo, MP4</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Reusable Pods</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Pods</p> <p class="heading sm base-heading " >Global Pods</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_gridlayout base-bg base-bg-solid pb-0 " id="shop"> <div class="component-inner"> <div class="container">  <div class="component-introduction row justify-content-center text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info col"> <p class="secondary-heading base-secondary-heading " >Umbraco Commerce</p> <h2 class="heading base-heading " >Integrated Shop</h2> <p class="link"> <a class="btn base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders" href="https://portal.uskinned.net/demos/shop" > <span></span> View shop demo </a> </p> </div> </div>  <div class="" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="umb-grid"> <div class="grid-section"> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid pb-0 " id="shop"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Shop</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Shop Listing</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop Listing</p> <p class="heading sm base-heading " >Product Page Layouts</p> <div class="text base-text"> <p>Choose from a variety of layouts to display your Product pages. Mix up your content with any of the available page components.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop Listing</p> <p class="heading sm base-heading " >Shop Listing Layouts</p> <div class="text base-text"> <p>Choose the number of Products per page you would like to appear in your listings. Select from a variety of listing layouts to present your Shop in your chosen style.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop Listing</p> <p class="heading sm base-heading " >Categories</p> <div class="text base-text"> <p>Create an unlimited number of category groups with options to display as Select Box (Dropdwn), Checkboxes, or Radio Buttons. Easily add the categories to the Products you have created.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop Listing</p> <p class="heading sm base-heading " >Free text search</p> <div class="text base-text"> <p>Let your customers search within the Shop Listing to find exactly what they're looking for.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop Listing</p> <p class="heading sm base-heading " >Sort options</p> <div class="text base-text"> <p>Enable sort options, including A-Z ascending/descending and Price low/high.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop Listing</p> <p class="heading sm base-heading " >Pagination</p> <div class="text base-text"> <p>Select the number of Products to display per page. Use pagination to navigate between all listing pages.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="shop"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Shop</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Product pages</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >Product Settings</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >Product Layouts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >Modular Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >Modular Pods</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >SEO & Share</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >Scripts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Product pages</p> <p class="heading sm base-heading " >Advanced</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_gridlayout base-bg base-bg-solid pb-0 " id="blog"> <div class="component-inner"> <div class="container">  <div class="component-introduction row justify-content-center text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info col"> <h2 class="heading base-heading " >Blogging Engine</h2> </div> </div>  <div class="" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="umb-grid"> <div class="grid-section"> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid pb-0 " id="blog"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Blog</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Blog Listing</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Listing</p> <p class="heading sm base-heading " >Post Layouts</p> <div class="text base-text"> <p>Choose from a variety of layouts to display your blog posts. Mix up your content with any of the available page components.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Listing</p> <p class="heading sm base-heading " >Blog Listing Layouts</p> <div class="text base-text"> <p>Choose the number of blog posts per page you would like to appear in your listings. Select from a variety of listing layouts to present your blog in your chosen style.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Listing</p> <p class="heading sm base-heading " >Multi-Level Categories</p> <div class="text base-text"> <p>Create categories with unlimited sub categories. Easily add your blog posts to the categories you have created.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Listing</p> <p class="heading sm base-heading " >Authorship</p> <div class="text base-text"> <p>Create author pages and tag your posts with the related author.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Listing</p> <p class="heading sm base-heading " >Commenting with Disqus</p> <div class="text base-text"> <p>Easy integration with Disqus commenting. Simply enter your Disqus username and voila, commenting is enabled on your posts.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Listing</p> <p class="heading sm base-heading " >RSS Syndication</p> <div class="text base-text"> <p>Blogs are syndicated via RSS. Our websites come with an auto-generated RSS feed to allow users of your site to easily add your blog to readers such as Feedly, Flipboard and others.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="blog"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading sm base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Blog</p> <h3 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Blog Posts</h3> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >Post Settings</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >Post Layouts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >Modular Components</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >Modular Pods</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >Navigation</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >SEO & Share</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >Scripts</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Blog Posts</p> <p class="heading sm base-heading " >Advanced</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="footer"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Footer</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Accordions</p> <div class="text base-text"> <p>Organise content into hide and reveal content chunks, great for FAQs.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Alerts</p> <div class="text base-text"> <p>Grab attention to important content. Select from a number of alert colors and whether or not alerts can be closed by the user. </p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Data Lists</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Embed Code</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Forms</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Images</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Grid</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Links</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Quotes</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Related Content</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Search with Links</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Social Links</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Column Spacer</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Subpage Listing</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Tabs</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Text with Image</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Videos — YouTube, Vimeo, MP4</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Footer</p> <p class="heading sm base-heading " >Copyright Information</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="integrations"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Integrations</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p><span class="intro sm">uSkinned Site Builder comes packed full of third-party integrations designed to make your life easier.</span></p> <p>Don't stop there though, with uSkinned it's easier than ever to integrate anything... it's as simple as "copy + paste".</p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Google Analytics</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Google Tag Manager</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Google Recaptcha</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >YouTube</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Vimeo</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >MailChimp</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Campaign Monitor</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Umbraco Forms</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Disqus</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Facebook Open Graph Meta Tags</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Facebook Pixel</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Twitter Card Meta Tags</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Twitter Pixel</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >LinkedIn Open Graph Meta Tags</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop</p> <p class="heading sm base-heading " >Ecwid</p> <div class="text base-text"> <p>Start selling physical products, digital downloads, event tickets, accept donations... with our <a rel="noopener" href="http://open.ecwid.com/39sfFq" target="_blank">Ecwid integration</a>!</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Shop</p> <p class="heading sm base-heading " >Snipcart</p> <div class="text base-text"> <p>Start selling anything including physical products, digital downloads, event tickets, and donations... with our <a href="#" title="How to create an integrated ecommerce Shop">Snipcart integration</a>.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >PayPal</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Gumroad</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Vendr — Coming soon</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Integrations</p> <p class="heading sm base-heading " >Anything...</p> <div class="text base-text"> <p>Use our built-in embed code blocks to add any integration you need!</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="membership"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Membership</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p><span class="intro sm">Direct users to register and sign up for password-protected content.</span></p> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Member Registration Form</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Member Management</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Membership Email Confirmation</p> <div class="text base-text"> <p><em>Optional</em></p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Admin Approval</p> <div class="text base-text"> <p><em>Optional</em></p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Password Reminder Form</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Forgotten Password Form</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Login Form</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Membership</p> <p class="heading sm base-heading " >Password Protected Content</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent base-bg base-bg-solid " id="misc"> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-5 order-md-1 order-1 col-12 sticky " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <h2 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Miscellaneous</h2> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> </div> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-7 order-md-2 order-2 col-12 border-pods " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Activity Dashboards</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Content Editor Tours</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Multilingual</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Multiple Site Solutions</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Install Multiple Theme Designs</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Animations Settings</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Global Content</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Reusable Content</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Disable Delete</p> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Official Umbraco App</p> <div class="text base-text"> <p>We are an <a rel="noopener" href="https://umbraco.com/apps/uskinned/" target="_blank">Official Umbraco App</a>.</p> </div> </div> </div> </div> <div class="item items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Misc</p> <p class="heading sm base-heading " >Umbraco Gold Partner</p> <div class="text base-text"> <p>uSkinned is built by an <a rel="noopener" href="https://umbraco.com/partners/partnerlist/made-by-crunch/" target="_blank">Umbraco Gold Partner</a> and Certified Masters.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_splitcomponent c1-bg c1-bg-linear " > <div class="image lazyload background-image component-background-image" style="background-image:url('https://5a6c430d1794-cdn-site-media.azureedge.net/media/ev0f1frk/shapes-w-01.png'); background-repeat:no-repeat;background-size:cover;background-position:center center;" data-bgset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/ev0f1frk/shapes-w-01.png?format=webp [type:image/webp] | https://5a6c430d1794-cdn-site-media.azureedge.net/media/ev0f1frk/shapes-w-01.png" data-sizes="auto" role="img" aria-label=""></div> <div class="component-inner"> <div class="container"> <div class="component-main row justify-content-between align-items-center"> <div class="item item_block usn_cmp_text align-self-start col-xl-4 col-md-9 order-md-1 order-1 col-12 button-simple-links mb-2" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="info text-left"> <p class="secondary-heading c1-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Get started</p> <h2 class="heading c1-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Build your website</h2> <div class="text c1-text " data-os-animation="fadeIn" data-os-animation-delay="0s"> <p class="intro sm">Join thousands of agencies, freelancers & businesses of all sizes worldwide who use uSkinned Site Builder for Umbraco to deliver results.</p> </div> <p class="link " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <a class="btn c6-btn-bg c6-btn-bg-solid c6-btn-bg-hover-solid c6-btn-text c6-btn-borders" href="https://portal.uskinned.net/demos/" > <span></span> View demo </a> <a class="btn base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders" href="/pricing/" > <span></span> Get started </a> </p> </div> </div> <div class="item item_block usn_cmp_pods align-self-start col-xl-7 col-md-12 order-md-2 order-2 col-12 " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item item_has-bg items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.4s"> <div class="inner base-bg base-bg-solid "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Step 1</p> <p class="heading sm base-heading " >Sign up</p> <div class="text base-text"> <p>Start a <a href="https://portal.uskinned.net/trial">free trial</a> of Site Builder.</p> </div> </div> </div> </div> <div class="item item_has-bg items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.4s"> <div class="inner base-bg base-bg-solid "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Step 2</p> <p class="heading sm base-heading " >Design</p> <div class="text base-text"> <p>Tailor the look and feel with the <a href="/visual-designer/" title="Visual Designer">Visual Designer</a> to suit your brand.</p> </div> </div> </div> </div> <div class="item item_has-bg items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.4s"> <div class="inner base-bg base-bg-solid "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Step 3</p> <p class="heading sm base-heading " >Create</p> <div class="text base-text"> <p><a href="/content-editor/" title="Content editor">Add content</a> with built-in <a href="/ecommerce/" title="eCommerce">eCommerce</a> and third-party <a href="/integrations/" title="Integrations">integrations</a>.</p> </div> </div> </div> </div> <div class="item item_has-bg items-2 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.4s"> <div class="inner base-bg base-bg-solid "> <div class="info "> <p class="secondary-heading sm base-secondary-heading " >Step 4</p> <p class="heading sm base-heading " >Go Live</p> <div class="text base-text"> <p>You can <a href="https://portal.uskinned.net/checkout?productType=HostingSubscription" data-anchor="?productType=HostingSubscription">host on Azure</a> with us or choose your own with the <a href="https://portal.uskinned.net/checkout?productType=License" data-anchor="?productType=License">self-hosted </a>license<a href="https://portal.uskinned.net/checkout?productType=License" data-anchor="?productType=License"></a>.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </main>   <footer id="site-footer" class="footer-bg footer-bg-solid" tabindex="-1">  <section class="breadcrumb-trail"> <div class="container"> <nav aria-label="Breadcrumb"> <ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/" itemtype="https://schema.org/Thing" itemprop="item"><span itemprop="name"><i class="icon before"></i>Home</span></a><meta itemprop="position" content="1" /></li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumb-item active" aria-current="page"><span itemprop="name"><i class="icon before"></i>Feature Index</span><meta itemprop="position" content="2" /></li> </ol> </nav> </div> </section>  <div class="container">  <div class="row listing"> <div class="item footer-item usn_pod_searchlinks col-lg-2 col-md-6 col-12 col "> <div class="inner"> <p class="secondary-heading sm footer-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Features</p>  <nav aria-label="Quick links" class="quick-links " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <ul> <li><span><a href="/visual-designer/" >Visual Designer</a></span></li> <li><span><a href="/content-editor/" >Content editor</a></span></li> <li><span><a href="/ecommerce/" >eCommerce</a></span></li> <li><span><a href="/interactive-listing/" >Interactive Listing</a></span></li> <li><span><a href="/memberships/" >Memberships</a></span></li> <li><span><a href="/integrations/" >Integrations</a></span></li> <li><span><a href="/seo/" >SEO</a></span></li> <li><span><a href="/blog-engine/" >Blog platform</a></span></li> <li><span><a href="/hosting/" >Hosting</a></span></li> <li><span><a href="/accessibility/" >Accessibility</a></span></li> <li><span><a href="/extend/" >Extend</a></span></li> <li><span><a href="/themes/" >Themes</a></span></li> <li><span><a href="/feature-index/" >All features</a></span></li> </ul> </nav>  </div> </div> <div class="item footer-item usn_pod_searchlinks col-lg-2 col-md-6 col-12 col "> <div class="inner"> <p class="secondary-heading sm footer-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Help</p>  <nav aria-label="Quick links" class="quick-links " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <ul> <li><span><a href="/quick-install/" >Quick Install</a></span></li> <li><span><a href="/support/" >Guides</a></span></li> <li><span><a href="/blog/awards/" >Awards</a></span></li> <li><span><a href="/experts/" >Experts</a></span></li> <li><span><a href="/case-studies/" >Case Studies</a></span></li> <li><span><a href="/showcase/" >Showcase</a></span></li> <li><span><a href="/blog/" >Blog</a></span></li> <li><span><a href="/changelog/" >Changelog</a></span></li> <li><span><a href="/website-license-agreement/" >License</a></span></li> <li><span><a href="/frequently-asked-questions/" >FAQs</a></span></li> <li><span><a href="/umbraco-cms/" >Umbraco</a></span></li> </ul> </nav>  </div> </div> <div class="item footer-item usn_pod_searchlinks col-lg-2 col-md-6 col-12 col "> <div class="inner"> <p class="secondary-heading sm footer-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Sectors</p>  <nav aria-label="Quick links" class="quick-links " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <ul> <li><span><a href="/small-business-websites/" >Small Business</a></span></li> <li><span><a href="/restaurant-websites/" >Food & Drink</a></span></li> <li><span><a href="/hotel-websites/" >Hotels</a></span></li> <li><span><a href="/education-colleges-and-school-websites/" >Education</a></span></li> <li><span><a href="/non-profit-and-charity-websites/" >Non profits</a></span></li> <li><span><a href="/government-and-public-sector-website-builder/" >Public Sector</a></span></li> <li><span><a href="/creative-agency-websites/" >Creative agencies</a></span></li> <li><span><a href="/healthcare-and-hospital-websites/" >Healthcare</a></span></li> <li><span><a href="/saas-websites/" >SaaS & Startups</a></span></li> <li><span><a href="/enterprise-business-websites/" >Enterprise</a></span></li> <li><span><a href="/websites-for-everyone/" >Everyone</a></span></li> </ul> </nav>  </div> </div> <div class="item footer-item usn_pod_searchlinks col-lg-2 col-md-6 col-12 col "> <div class="inner"> <p class="secondary-heading sm footer-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Company</p>  <nav aria-label="Quick links" class="quick-links " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <ul> <li><span><a href="/about/" >About</a></span></li> <li><span><a href="/brand-resources/" >Brand</a></span></li> <li><span><a href="/blog/" >Blog</a></span></li> <li><span><a href="/newsletter/" >Newsletter</a></span></li> <li><span><a href="/road-map/" >Road Map</a></span></li> <li><span><a href="https://portal.uskinned.net/contact/" >Contact</a></span></li> </ul> </nav>  </div> </div> <div class="item footer-item offset-lg-1 col-lg-3 col-md-12 col-12 col item_text-below usn_pod_textimage text-left " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <div class="info "> <p class="secondary-heading sm footer-secondary-heading " >About</p> <div class="text footer-text"> <p>uSkinned Site Builder is a <a href="/blog/awards/" title="Awards">multiple award-winning</a> product for Umbraco CMS. Compatible with Umbraco versions 8, 9, 10, 11, 12 and the latest version 13, Site Builder is the only <a href="/tour/" title="Tour">all-in-one</a>, future-proof website solution available in the Umbraco ecosystem.</p> </div> </div> </div> </div> <div class="item footer-item usn_pod_sociallinks col-lg-4 col-md-12 col-12 col "> <div class="inner"> <p class="secondary-heading sm footer-secondary-heading " data-os-animation="fadeInDown" data-os-animation-delay="0s" data-os-animation-duration="1s" >Connect</p> <nav class="social " data-os-animation="fadeInDown" data-os-animation-delay="0s" data-os-animation-duration="1s" aria-label="Social links"> <ul> <li> <span> <a href="https://www.linkedin.com/company/uskinned/" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/e04pcfcy/linkedin.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/e04pcfcy/linkedin.png?format=webp&height=160 2x"> <img class="lazyload" src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/e04pcfcy/linkedin.png?format=webp&height=16" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/e04pcfcy/linkedin.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/e04pcfcy/linkedin.png?format=webp&height=160 2x" alt="Linkedin"> </picture> <span class="visually-hidden">uSkinned on LinkedIn</span> </a> </span> </li> <li> <span> <a href="https://twitter.com/uskinned" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/rlxbvivc/x-twitter.jpg?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/rlxbvivc/x-twitter.jpg?format=webp&height=160 2x"> <img class="lazyload" src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/rlxbvivc/x-twitter.jpg?format=webp&height=16" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/rlxbvivc/x-twitter.jpg?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/rlxbvivc/x-twitter.jpg?format=webp&height=160 2x" alt="X Twitter icon."> </picture> <span class="visually-hidden">uSkinned on Twitter</span> </a> </span> </li> <li> <span> <a href="https://facebook.com/uskinned" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/4i0hhx1g/facebook.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/4i0hhx1g/facebook.png?format=webp&height=160 2x"> <img class="lazyload" src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/4i0hhx1g/facebook.png?format=webp&height=16" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/4i0hhx1g/facebook.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/4i0hhx1g/facebook.png?format=webp&height=160 2x" alt="Facebook"> </picture> <span class="visually-hidden">uSkinned on Facebook</span> </a> </span> </li> <li> <span> <a href="https://instagram.com/uskinned" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/xhkh1f3m/instagram.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/xhkh1f3m/instagram.png?format=webp&height=160 2x"> <img class="lazyload" src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/xhkh1f3m/instagram.png?format=webp&height=16" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/xhkh1f3m/instagram.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/xhkh1f3m/instagram.png?format=webp&height=160 2x" alt="Instagram"> </picture> <span class="visually-hidden">uSkinned on Instagram</span> </a> </span> </li> <li> <span> <a href="https://youtube.com/uskinnednet" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/zsmpjit5/youtube.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/zsmpjit5/youtube.png?format=webp&height=160 2x"> <img class="lazyload" src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/zsmpjit5/youtube.png?format=webp&height=16" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/zsmpjit5/youtube.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/zsmpjit5/youtube.png?format=webp&height=160 2x" alt="Youtube"> </picture> <span class="visually-hidden">uSkinned on YouTube</span> </a> </span> </li> <li> <span> <a href="/blog/rss/" target="_blank" rel="noreferrer noopener" title="Link will open in a new window/tab" > <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/s5njfdnd/rss.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/s5njfdnd/rss.png?format=webp&height=160 2x"> <img class="lazyload" src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/s5njfdnd/rss.png?format=webp&height=16" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/s5njfdnd/rss.png?format=webp&height=80 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/s5njfdnd/rss.png?format=webp&height=160 2x" alt="RSS"> </picture> <span class="visually-hidden">RSS</span> </a> </span> </li> </ul> </nav> </div> </div> <div class="item footer-item usn_pod_code col-lg-8 col-md-12 col-12 col certified-logos no-zoom_hover"> </div> </div>   <div class="row"> <div class="col"> <nav aria-label="Footer" class="footer-navigation"> <ul> <li><div>© 2024 uSkinned (uSkinned is a trading name of MBC Digital LTD)</div></li> <li><span><a href="/terms-conditions/" >Terms & Conditions</a></span></li> <li><span><a href="/sitemap/" >Sitemap</a></span></li> <li class="site-credit"> <div>Made with</div> <span><a rel="noopener" href="#" >uSkinned</a></span> </li> </ul> </nav> </div> </div>   <div class="usn_back-to-top position-left"> <button id="back-to-top-link" aria-label="Back to top" class="btn base-btn-bg base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders btn-back-to-top"> <span></span> <i aria-hidden="true" class="icon"></i><span aria-hidden="true" class="d-none">Back to top</span> </button> </div>  </div> </footer>  </div>  <script src="/sb/sitebuilder-js-bundle.js.v2024" type="text/javascript"></script> <script type="text/javascript" src="/uSkinned/scripts/generated/50f976db-5eba-4c61-9fd7-4ad2e7934238.js?version=638664840860930000"></script>  <div class="modal fade modal-pods" tabindex="-1" id="modal_7088" aria-labelledby="Hosting" aria-hidden="true"> <button type="button" class="close btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="item item_has-bg swp-item item_text-below usn_pod_textimage text-center os-animation" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.1s"> <div class="inner c8-bg c8-bg-solid "> <a href="https://portal.uskinned.net/checkout?productType=HostingSubscription" > <div class="image "> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/22qfv1d1/cloud-hero.png?cc=0,0.1526198338706227,0,0.09738016612937724&width=800&height=600&v=1db09e9c2b7ffb0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/22qfv1d1/cloud-hero.png?cc=0,0.1526198338706227,0,0.09738016612937724&width=1600&height=1200&v=1db09e9c2b7ffb0&format=webp 2x" width="800" height="600"> <img class="lazyload " src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/22qfv1d1/cloud-hero.png?cc=0,0.1526198338706227,0,0.09738016612937724&width=160&height=120&v=1db09e9c2b7ffb0&format=webp" width="800" height="600" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/22qfv1d1/cloud-hero.png?cc=0,0.1526198338706227,0,0.09738016612937724&width=800&height=600&v=1db09e9c2b7ffb0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/22qfv1d1/cloud-hero.png?cc=0,0.1526198338706227,0,0.09738016612937724&width=1600&height=1200&v=1db09e9c2b7ffb0&format=webp 2x" alt=""> </picture> </div> <div class="info "> <p class="secondary-heading c8-secondary-heading " >From £30 per month</p> <p class="heading c8-heading " >Hosted uSkinned Websites</p> <div class="text c8-text"> <p>Umbraco and uSkinned Site Builder preinstalled, a world-class and secure hosting platform on Microsoft Azure. No domain license is required, everything you'll need in one simple, monthly plan. </p> </div> <p class="link"> <span class="btn base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders"> <span></span> Start your site </span> </p> </div> </a> </div> </div> </div> </div> </div>  <script> var displayModal = false; var modalValue = getCookie("USN_Modal_Global"); if (modalValue == null || modalValue == "" || modalValue != 638616633067600000) { setCookie("USN_Modal_Global", 638616633067600000, 21); displayModal = true; } else displayModal = false; if(displayModal){var scrollHit = false;$(window).on('scroll', function(){var percentScrolled = amountscrolled();if(percentScrolled >= 60 && !scrollHit) { scrollHit = true; $('#modal_7088').modal('show')}});} </script> </body>  </html>

CINXE.COM

Site Builder Features | Umbraco 8, 9, 10, 11, 12 & 13