CINXE.COM
Barra | uSkinned Site Builder for Umbraco CMS
<!DOCTYPE html> <html dir="ltr" lang="en" class="no-js usn"> <head> <!-- Google Analytics --> <link rel="dns-prefetch" href="//www.google-analytics.com"> <!-- Google Tag Manager --> <link rel="dns-prefetch" href="//www.googletagmanager.com"> <!-- Preconnect Google services --> <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"> <!-- CDN --> <link rel="preconnect" href="https://5a6c430d1794-cdn-site-media.azureedge.net"> <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/themes/barra/" /> <title>Barra | uSkinned Site Builder for Umbraco CMS</title> <meta name="description" content=""> <link rel="alternate" hreflang="en-us" href="https://uskinned.net/themes/barra/" /> <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="Barra | uSkinned Site Builder for Umbraco CMS" /> <meta property="og:image" content="https://5a6c430d1794-cdn-site-media.azureedge.net/media/kslhnjrj/og01.png" /> <meta property="og:url" content="https://uskinned.net/themes/barra/" /> <meta property="og:description" content="" /> <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> <!-- BEGIN GROOVE WIDGET CODE --> <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> <!-- END GROOVE WIDGET CODE --> <!-- Global site tag (gtag.js) - Google Analytics --> <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> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> </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" > <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=AW-1006113134" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Skip links --> <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> <!--// Skip links --> <!-- Site --> <div id="site"> <!-- Header --> <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> <!-- Expand --> <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> <!--// Expand --> <!-- Main navigation --> <nav aria-label="Main" class="main nav-dropdown navigation-dropdown-bg navigation-dropdown-bg-solid"> <ul > <li class="has-child "> <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 "> <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> <!--// Main navigation --> <!-- Secondary navigation --> <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> <!--// Secondary navigation --> <!-- CTA Links --> <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> <!--// CTA Links --> <!-- Site search --> <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> <!--// Site search --> </div> </div> </header> <!--// Header --> <!-- Content --> <main id="site-content" tabindex="-1"> <section class="content component usn_cmp_ctastrip base-bg base-bg-solid pb-0 button-simple-links max-width-col" > <div class="component-inner"> <div class="container"> <!-- ROW --> <div class="row justify-content-between align-items-center text-center"> <div class="info"> <p class="secondary-heading lg base-secondary-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Theme Design</p> <h1 class="heading base-heading " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s" >Barra</h1> <div class="text base-text " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <p class="intro"><br>Get started quicker with Barra, a responsive Theme design add-on for uSkinned Site Builder, the award-winning package for Umbraco.</p> </div> </div> <p class="link " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <a class="btn btn-lg base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders" href="https://portal.uskinned.net/demos/?demoName=Barra" > <span></span> View demo </a> <a class="btn btn-lg c4-btn-bg c4-btn-bg-solid c4-btn-bg-hover-solid c4-btn-text c4-btn-borders" href="https://portal.uskinned.net/checkout?productType=License" > <span></span> Buy now </a> </p> </div> <!--// ROW --> </div> </div> </section> <section class="content component usn_cmp_gallery base-bg base-bg-solid has-box-shadows extra-box-shadows has-shapes half-circle-line plus max-width-col flipped" > <div class="component-inner"> <div class="container"> <div class="component-main row listing listing_basic-grid listing_gallery" > <div class="item items-1 col-12 " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="image"> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=800&height=450&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=1600&height=900&format=webp 2x" width="800" height="450"> <img class="lazyload" src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=160&height=90&format=webp" width="800" height="450" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=800&height=450&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=1600&height=900&format=webp 2x" alt=""> </picture> </div> </div> </div> </div> </div> </section> <section class="content component usn_cmp_reusablecomponents base-bg base-bg-solid p-0 " > <div class="component-inner"> <div class="container"> <div class="" data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <section class="content component usn_cmp_pods base-bg base-bg-solid pt-0 icon-images has-shapes max-width-intro-text button-simple-links" > <div class="component-inner"> <div class="container"> <!-- Introduction --> <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 " >Access to all features</p> <p class="heading lg base-heading " >Theme & Starter Kit Features</p> <div class="text base-text"> <p><span class="intro sm">Whether you install one theme, all themes or no themes — you'll always get access to all features available with the <a href="/blog/awards/" title="Awards">award-winning</a> uSkinned Site Builder.</span><span class="intro sm"><br></span></p> </div> </div> </div> <!--// Introduction --> <div class="component-main row listing listing_basic-grid listing-pods " > <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/visual-designer/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/10wnshya/noun-css-1947501.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Visual Designer</p> <div class="text c5-text"> <p>Responsive web design has never been easier. </p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/content-editor/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/axnals0r/noun-webdesign-1947527.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Content creation</p> <div class="text c5-text"> <p>Intuitive, modular, component-based content management.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/ecommerce/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/v4fkecos/noun-webshop-1947525.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >eCommerce</p> <div class="text c5-text"> <p>Sell at any time of the day with simple, easy-to-use shop options.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/interactive-listing/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/sfhlidot/noun-web-testing-1947529.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Interactive Listings</p> <div class="text c5-text"> <p>Enhance user interaction with dynamic, filterable lists.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/starter-kits/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/ylybumsn/noun-startup-2731516.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Starter Kits & Themes</p> <div class="text c5-text"> <p>Streamline your process and launch your site quickly.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/memberships/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/rxon1hkk/noun-login-1947515.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Membership</p> <div class="text c5-text"> <p>Create password-protected secure, exclusive & unique experiences.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/integrations/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/4xqgbnpr/noun-puzzle-4716679.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Integrations</p> <div class="text c5-text"> <p>The ultimate composable Digital Experience Platform (DXP).</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/seo/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/2fblwxkp/noun-browser-1947499.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >SEO</p> <div class="text c5-text"> <p>You'll have everything you need to rank at the top of any search engine.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/blog-engine/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/xqqpgbdn/noun-newspaper-1947518.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Blog</p> <div class="text c5-text"> <p>Share your ideas on a fully integrated blogging platform.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/hosting/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/zzveqrtp/noun-secure-hosting-5630702.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Hosting</p> <div class="text c5-text"> <p>Umbraco and uSkinned preinstalled, a world-class and secure platform.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/accessibility/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/i0pf41ii/noun-universal-access-4258561.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Accessibility</p> <div class="text c5-text"> <p>Build websites that are accessible to everyone.</p> </div> </div> </a> </div> </div> <div class="item item_has-bg items-4 col-12 item_text-below usn_pod_textimage text-left " data-os-animation="fadeInUp" data-os-animation-delay="0s" data-os-animation-duration="1.5s"> <div class="inner c5-bg c5-bg-solid "> <a href="/extend/" > <div class="image "> <img src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/zptppl3y/noun-html-1947514.svg" alt=""> </div> <div class="info "> <p class="heading sm c5-heading " >Extend</p> <div class="text c5-text"> <p>Branch away from our codebase to extend it any way you require.</p> </div> </div> </a> </div> </div> </div> <!-- Outro --> <div class="component-outro 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"> <div class="text base-text"> <p>This only scratches the surface of what can be achieved with uSkinned Site Builder...</p> </div> <p class="link"> <a class="btn btn-sm base-btn-bg base-btn-bg-solid base-btn-bg-hover-solid base-btn-text base-btn-borders" href="/tour/" > <span></span> Take the Tour </a> <a class="btn btn-sm c6-btn-bg c6-btn-bg-solid c6-btn-bg-hover-solid c6-btn-text c6-btn-borders" href="/feature-index/" > <span></span> Full Feature List </a> </p> </div> </div> <!--// Outro --> </div> </div> </section> </div> </div> </div> </section> <section class="content component usn_cmp_reusablecomponents base-bg base-bg-solid p-1" > <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 " > <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"> <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=61013dd23d070900144625a4&product=inline-share-buttons" async="async"></script> <div class="sharethis-inline-share-buttons"></div> </div> </div> </div> </section> </div> </div></div></div> </div> </section> <section class="content component usn_cmp_code base-bg base-bg-solid p-0 " > <div class="component-inner"> <div class="container"><div class="row justify-content-center"><div class="content-col center-col col"> <div class="code-item " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <hr> </div> </div></div></div> </div> </section> <section class="content component usn_cmp_subpagelisting base-bg base-bg-solid " > <div class="component-inner"> <div class="container"> <!-- Introduction --> <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"> <h3 class="heading base-heading " >uSkinned Site Builder Themes for Umbraco</h3> </div> </div> <!--// Introduction --> <div class="repeatable-content tab-content"> <div id="nav_fdb5ef61-84a9-40b7-a280-e8687cdb3fd7_0" role="tabpanel" aria-labelledby="nav_tab_fdb5ef61-84a9-40b7-a280-e8687cdb3fd7_0" class="tab-pane show active"> <div class="component-main row slides listing listing_basic-grid" data-slick='{"dots": false ,"arrows": true ,"slidesToShow": 3, "responsive": [{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 575,"settings": {"slidesToShow": 1}}],"fade": false }'> <div class="item items-3 item_text-below text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <a href="/themes/la-maison-hotel/"> <div class="image "> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/lxumb4yr/la-maison-home.png?width=800&height=450&v=1dacff0e92ea5a0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/lxumb4yr/la-maison-home.png?width=1600&height=900&v=1dacff0e92ea5a0&format=webp 2x" width="800" height="450"> <img class="lazyload " src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/lxumb4yr/la-maison-home.png?width=160&height=90&v=1dacff0e92ea5a0&format=webp" width="800" height="450" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/lxumb4yr/la-maison-home.png?width=800&height=450&v=1dacff0e92ea5a0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/lxumb4yr/la-maison-home.png?width=1600&height=900&v=1dacff0e92ea5a0&format=webp 2x" alt=""> </picture> </div> <div class="info "> <p class="heading sm base-heading">La Maison Hotel</p> <div class="text base-text"><p>Starter Kit & Theme Design add-on</p></div> </div> </a> </div> </div> <div class="item items-3 item_text-below text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <a href="/themes/barra/"> <div class="image "> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=800&height=450&v=1da6b346ba61990&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=1600&height=900&v=1da6b346ba61990&format=webp 2x" width="800" height="450"> <img class="lazyload " src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=160&height=90&v=1da6b346ba61990&format=webp" width="800" height="450" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=800&height=450&v=1da6b346ba61990&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/h4qp2ndd/barra.png?width=1600&height=900&v=1da6b346ba61990&format=webp 2x" alt=""> </picture> </div> <div class="info "> <p class="heading sm base-heading">Barra</p> <div class="text base-text"><p>Theme Design add-on</p></div> </div> </a> </div> </div> <div class="item items-3 item_text-below text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <a href="/themes/startup/"> <div class="image "> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/yhebho5l/startup-thumb.png?width=800&height=450&v=1dac96f0d027a70&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/yhebho5l/startup-thumb.png?width=1600&height=900&v=1dac96f0d027a70&format=webp 2x" width="800" height="450"> <img class="lazyload " src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/yhebho5l/startup-thumb.png?width=160&height=90&v=1dac96f0d027a70&format=webp" width="800" height="450" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/yhebho5l/startup-thumb.png?width=800&height=450&v=1dac96f0d027a70&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/yhebho5l/startup-thumb.png?width=1600&height=900&v=1dac96f0d027a70&format=webp 2x" alt=""> </picture> </div> <div class="info "> <p class="heading sm base-heading">Startup</p> <div class="text base-text"><p>Starter Kit & Theme Design add-on</p></div> </div> </a> </div> </div> <div class="item items-3 item_text-below text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <a href="/themes/shop/"> <div class="image "> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/jablxgzz/shop-demo.png?width=800&height=450&v=1da6b34fa8766a0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/jablxgzz/shop-demo.png?width=1600&height=900&v=1da6b34fa8766a0&format=webp 2x" width="800" height="450"> <img class="lazyload " src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/jablxgzz/shop-demo.png?width=160&height=90&v=1da6b34fa8766a0&format=webp" width="800" height="450" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/jablxgzz/shop-demo.png?width=800&height=450&v=1da6b34fa8766a0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/jablxgzz/shop-demo.png?width=1600&height=900&v=1da6b34fa8766a0&format=webp 2x" alt=""> </picture> </div> <div class="info "> <p class="heading sm base-heading">Shop</p> <div class="text base-text"><p>Starter kit and Theme Design add-on</p></div> </div> </a> </div> </div> <div class="item items-3 item_text-below text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <a href="/themes/wireframe/"> <div class="image "> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/1sgdjui4/wireframe.png?width=800&height=450&v=1da6b346c5f3060&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/1sgdjui4/wireframe.png?width=1600&height=900&v=1da6b346c5f3060&format=webp 2x" width="800" height="450"> <img class="lazyload " src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/1sgdjui4/wireframe.png?width=160&height=90&v=1da6b346c5f3060&format=webp" width="800" height="450" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/1sgdjui4/wireframe.png?width=800&height=450&v=1da6b346c5f3060&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/1sgdjui4/wireframe.png?width=1600&height=900&v=1da6b346c5f3060&format=webp 2x" alt="Wireframe theme."> </picture> </div> <div class="info "> <p class="heading sm base-heading">Wireframe</p> <div class="text base-text"><p>Starter kit and Theme Design add-on</p></div> </div> </a> </div> </div> <div class="item items-3 item_text-below text-center " data-os-animation="fadeIn" data-os-animation-delay="0s" data-os-animation-duration="1.2s"> <div class="inner "> <a href="/themes/agency/"> <div class="image "> <picture> <source type="image/webp" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/vinkifhl/agency-kit-home.png?width=800&height=450&v=1dacd3e69368ca0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/vinkifhl/agency-kit-home.png?width=1600&height=900&v=1dacd3e69368ca0&format=webp 2x" width="800" height="450"> <img class="lazyload " src="https://5a6c430d1794-cdn-site-media.azureedge.net/media/vinkifhl/agency-kit-home.png?width=160&height=90&v=1dacd3e69368ca0&format=webp" width="800" height="450" data-srcset="https://5a6c430d1794-cdn-site-media.azureedge.net/media/vinkifhl/agency-kit-home.png?width=800&height=450&v=1dacd3e69368ca0&format=webp 1x, https://5a6c430d1794-cdn-site-media.azureedge.net/media/vinkifhl/agency-kit-home.png?width=1600&height=900&v=1dacd3e69368ca0&format=webp 2x" alt=""> </picture> </div> <div class="info "> <p class="heading sm base-heading">Agency</p> <div class="text base-text"><p>Starter Kit & Theme Design add-on</p></div> </div> </a> </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> <!--// Content --> <!-- Footer --> <footer id="site-footer" class="footer-bg footer-bg-solid" tabindex="-1"> <!-- Breadcrumb --> <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 class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="/themes/" itemtype="https://schema.org/Thing" itemprop="item"><span itemprop="name"><i class="icon before"></i>Starter Kits & Themes</span></a><meta itemprop="position" content="2" /></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>Barra</span><meta itemprop="position" content="3" /></li> </ol> </nav> </div> </section> <!--// Breadcrumb --> <div class="container"> <!-- Row --> <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> <!-- Quick Links --> <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> <!--// Quick Links --> </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> <!-- Quick Links --> <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> <!--// Quick Links --> </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> <!-- Quick Links --> <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> <!--// Quick Links --> </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> <!-- Quick Links --> <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> <!--// Quick Links --> </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> <!--// Row --> <!-- Row --> <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> <!--// Row --> <!-- Back to top --> <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> <!--// Back to top --> </div> </footer> <!--// Footer --> </div> <!--// Site --> <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> <!-- Reusable — Modal box --> <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> <!--// Reusable — Modal box --> <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> <!-- ____ _ ____ _ __ __ _____ __ _ __ / __ )__ __(_) / /_ _ __(_) /_/ /_ __ __/ ___// /__(_)___ ____ ___ ____/ / / __ / / / / / / __/ | | /| / / / __/ __ \ / / / /\__ \/ //_/ / __ \/ __ \/ _ \/ __ / / /_/ / /_/ / / / /_ | |/ |/ / / /_/ / / / / /_/ /___/ / ,< / / / / / / / / __/ /_/ / /_____/\__,_/_/_/\__/ |__/|__/_/\__/_/ /_/ \__,_//____/_/|_/_/_/ /_/_/ /_/\___/\__,_/ Find out more at uSkinned.net --> </html>