Demos - uSkinned Members Portal

<!DOCTYPE html> <html lang="en" data-bs-theme="light"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Demos - uSkinned Members Portal</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&family=Space+Grotesk:wght@500;600&display=swap" rel="stylesheet" /> <link href="/css/usn-portal.css" rel="stylesheet" /> <link href="/css/usn-demos.css" rel="stylesheet" />  <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>  <div id="site" class="usn-portal usn-portal-demos">  <header id="site-header" class="bg-body fixed-top align-content-center px-lg-2 border-bottom"> <div class="container-fluid"> <div class="d-flex align-items-center">  <div class="logo"> <a class="nav-link" href="https://uskinned.net"> <svg class="d-none d-sm-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490.67 100"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <circle class="cls-1" cx="50" cy="50" r="50"></circle> <path class="cls-2" d="M64.63,56.73C62.84,51.25,57.89,43,57.89,43c-.54-.42-1-.77-1.5-1.06a7.12,7.12,0,0,0-1.5-.84,5,5,0,0,0-1.41-.44,7.62,7.62,0,0,0-6,1.32,4.82,4.82,0,0,0-1.1,1,7.64,7.64,0,0,0-1,1.39c-.3.46-.6,1-.92,1.59,0,0-1.1,9.52-.46,15.25a10.4,10.4,0,0,0,.22,1.64A10.71,10.71,0,0,0,65.1,58.32,11.69,11.69,0,0,0,64.63,56.73ZM56.17,67.18a5.66,5.66,0,1,1,4.34-6.73A5.65,5.65,0,0,1,56.17,67.18Z"></path> <path class="cls-2" d="M50.39,23.17h-.17a5.78,5.78,0,0,0,0,11.56h.17a5.79,5.79,0,1,0,0-11.57Z"></path> <path class="cls-2" d="M50.39,5.79h-.17a5.78,5.78,0,0,0,0,11.56h.17a5.79,5.79,0,0,0,0-11.58Z"></path> <path class="cls-3" d="M488.13,62.33a17.85,17.85,0,0,1-7.23,7.45,21.7,21.7,0,0,1-10.74,2.61H457.27V27.61h13.22A20.8,20.8,0,0,1,481,30.25a18.11,18.11,0,0,1,7.12,7.51,23.83,23.83,0,0,1,2.52,11.13v2.25A23.74,23.74,0,0,1,488.13,62.33Zm-5.27-13.47q0-7.29-3.17-11.13t-9.2-3.85h-5.44v32.3h5.07q6.12,0,9.4-3.83t3.34-11ZM411.92,27.61H441v6.27H419.7V46.25h18.39V52.4H419.7V66.18h21.5v6.21H411.92Zm-46.39,13V72.39h-7.78V27.61h7.78l20,31.89V27.61h7.72V72.39h-7.78Zm-54.17,0V72.39h-7.78V27.61h7.78l20,31.89V27.61h7.72V72.39h-7.78ZM277,27.61h7.75V72.39H277ZM253.69,72.39,240.22,53l-5.08,5.39v14h-7.78V27.61h7.78v21l4.31-5.32,13.1-15.69H262L245.32,47.45l17.59,24.94Zm-56.9-25.7a35.07,35.07,0,0,1,8.4,3.54,13.31,13.31,0,0,1,4.64,4.55,11.91,11.91,0,0,1,1.48,6A10.65,10.65,0,0,1,207,69.7Q202.72,73,195.37,73a21.86,21.86,0,0,1-8.93-1.8,15,15,0,0,1-6.34-5,12.42,12.42,0,0,1-2.26-7.38h7.78a7.21,7.21,0,0,0,2.53,5.9c1.68,1.4,4.09,2.09,7.22,2.09,2.71,0,4.74-.54,6.11-1.64a5.32,5.32,0,0,0,2-4.35,5.43,5.43,0,0,0-2.07-4.56A25.07,25.07,0,0,0,194,53.08a36.33,36.33,0,0,1-8.61-3.63q-6.12-3.86-6.12-10a10.92,10.92,0,0,1,4.41-8.92Q188.05,27,195.1,27a19.33,19.33,0,0,1,8.33,1.73,13.67,13.67,0,0,1,5.75,4.9,12.54,12.54,0,0,1,2.09,7.06h-7.75a7,7,0,0,0-2.19-5.49,9.11,9.11,0,0,0-6.29-2,9.48,9.48,0,0,0-5.93,1.63,5.42,5.42,0,0,0-2.1,4.55,4.93,4.93,0,0,0,2.27,4.11A26.32,26.32,0,0,0,196.79,46.69ZM145.75,73q-7.68,0-12.21-4.11T129,57.5V27.61h7.75v30c0,3,.76,5.28,2.28,6.85s3.75,2.37,6.7,2.37q9,0,9-9.47V27.61h7.75V57.54q0,7.12-4.56,11.3T145.75,73Z"></path> </g> </g> </svg> <svg class="d-block d-sm-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <circle class="cls-1" cx="50" cy="50" r="50"></circle> <path class="cls-2" d="M64.63,56.73C62.84,51.25,57.89,43,57.89,43c-.54-.42-1-.77-1.5-1.06a7.12,7.12,0,0,0-1.5-.84,5,5,0,0,0-1.41-.44,7.62,7.62,0,0,0-6,1.32,4.82,4.82,0,0,0-1.1,1,7.64,7.64,0,0,0-1,1.39c-.3.46-.6,1-.92,1.59,0,0-1.1,9.52-.46,15.25a10.4,10.4,0,0,0,.22,1.64A10.71,10.71,0,0,0,65.1,58.32,11.69,11.69,0,0,0,64.63,56.73ZM56.17,67.18a5.66,5.66,0,1,1,4.34-6.73A5.65,5.65,0,0,1,56.17,67.18Z"></path> <path class="cls-2" d="M50.39,23.17h-.17a5.78,5.78,0,0,0,0,11.56h.17a5.79,5.79,0,1,0,0-11.57Z"></path> <path class="cls-2" d="M50.39,5.79h-.17a5.78,5.78,0,0,0,0,11.56h.17a5.79,5.79,0,0,0,0-11.58Z"></path> </g> </g> </svg> </a> </div>   <div class="theme-switch small ms-3 ms-sm-4"> <div class="theme-name">Demo: <strong id="theme-demo-name" class="ms-1 title text-dark"></strong></div> <div class="button-switch"> <button type="button" class="btn btn-sm btn-link p-0" data-bs-toggle="modal" data-bs-target="#theme-modal"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-arrow-repeat" viewBox="0 0 16 16"> <path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41m-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9" /> <path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5 5 0 0 0 8 3M3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9z" /> </svg>Change demo </button> </div> </div>   <div class="header-actions ms-auto d-flex">   <div class="header-actions ms-auto d-flex"> <div class="get-started ms-2 dropdown dropdown-product-options"> <button class="btn btn-sm btn-primary ms-4" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <span><span class="d-none d-sm-inline">Get </span>Start<span class="d-none d-sm-inline">ed</span></span> </button> <div class="dropdown-menu dropdown-menu-end p-0"> <a class="dropdown-item p-3 text-wrap rounded-top purchaseHref" href="/checkout?productType=HostingSubscription"> <div class="title text-dark"> <span class="fw-bold">Hosted</span> </div> <div class="text text-secondary small mb-2">Create a Hosted uSkinned Website.</div> <div class="title small text-dark fw-bold">£30 / month</div> </a> <hr class="dropdown-divider m-0" /> <a class="dropdown-item p-3 text-wrap rounded-bottom purchaseHref" href="/checkout?productType=License"> <div class="title text-dark"> <span class="fw-bold">Self-Hosted License</span> </div> <div class="text text-secondary small mb-2">Purchase a domain license for uSkinned Site Builder.</div> <div class="title small text-dark fw-bold">£259 / one-off</div> </a> <hr class="dropdown-divider m-0" /> <a class="dropdown-item p-3 text-wrap rounded-bottom purchaseHref" href="/checkout?productType=Membership"> <div class="title text-dark"> <span class="fw-bold">Reseller</span> </div> <div class="text text-secondary small mb-2">Become a reseller and save on individual license costs.</div> <div class="title small text-dark fw-bold">£679 /year</div> </a> </div> </div> <a class="btn btn-sm btn-outline-primary ms-2" href="/"> <span>Login</span> </a> </div>   </div>   <nav class="device-switcher position-absolute top-50 start-50 translate-middle d-none d-lg-block"> <div class="d-flex"> <div id="full" class="d-flex align-items-center justify-content-center nav-item active"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707m4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707m0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707m-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707" /> </svg> <span class="d-none">Full</span> </div> <div id="laptop" class="d-flex align-items-center justify-content-center nav-item"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-laptop" viewBox="0 0 16 16"> <path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5" /> </svg> <span class="d-none">Laptop</span> </div> <div id="tablet-landscape" class="d-flex align-items-center justify-content-center nav-item"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-tablet-landscape" viewBox="0 0 16 16"> <path d="M1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm-1 8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2z" /> <path d="M14 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0" /> </svg> <span class="d-none">Tablet landscape</span> </div> <div id="smartphone-portrait" class="d-flex align-items-center justify-content-center nav-item"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-phone" viewBox="0 0 16 16"> <path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" /> <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2" /> </svg> <span class="d-none">Phone portrait</span> </div> </div> </nav>  </div> </div> </header>   <main id="main-content" class="d-flex vh-100 theme-demos"> <div id="loading-demo" class="d-flex vw-100 align-items-center justify-content-center text-center bg-light demo-loader"> <div role="status"> <svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <circle class="cls-1" cx="50" cy="50" r="50"></circle> <path class="cls-2" d="M64.63,56.73C62.84,51.25,57.89,43,57.89,43c-.54-.42-1-.77-1.5-1.06a7.12,7.12,0,0,0-1.5-.84,5,5,0,0,0-1.41-.44,7.62,7.62,0,0,0-6,1.32,4.82,4.82,0,0,0-1.1,1,7.64,7.64,0,0,0-1,1.39c-.3.46-.6,1-.92,1.59,0,0-1.1,9.52-.46,15.25a10.4,10.4,0,0,0,.22,1.64A10.71,10.71,0,0,0,65.1,58.32,11.69,11.69,0,0,0,64.63,56.73ZM56.17,67.18a5.66,5.66,0,1,1,4.34-6.73A5.65,5.65,0,0,1,56.17,67.18Z"></path> <path class="cls-2" d="M50.39,23.17h-.17a5.78,5.78,0,0,0,0,11.56h.17a5.79,5.79,0,1,0,0-11.57Z"></path> <path class="cls-2" d="M50.39,5.79h-.17a5.78,5.78,0,0,0,0,11.56h.17a5.79,5.79,0,0,0,0-11.58Z"></path> </g> </g> </svg> <span class="visually-hidden">Loading...</span> </div> </div>  <iframe src="" id="theme-demo-frame"> <h1>Hmm... apparently your browser doesn't support the iFrame element.</h1> </iframe>  </main>  </div>   <div class="modal fade" id="theme-modal" tabindex="-1" aria-labelledby="Theme Switcher modal window" aria-hidden="true"> <div class="modal-dialog modal-fullscreen modal-dialog-scrollable">  <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body">  <div class="my-3 text-center"> <h1>Choose your demo</h1> </div>   <div class="container">  <div class="row g-3 mb-3 justify-content-start row-cols-1 row-cols-sm-2 row-cols-lg-3 row-theme-picker pb-5">  <div class="col d-flex align-items-stretch"> <div for="accountant-theme" class="card card-theme" data-demo-url="https://accountant.uskinned.net" data-demo-name="Accountant"> <img src="/images/demo-images/accountant.png" class="card-img-top" alt="Accountant theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Accountant</p> <p class="card-text text small">Starter Kit & Theme Design for an Accountancy firm.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="agency-theme" class="card card-theme" data-demo-url="https://agency.uskinned.net" data-demo-name="Agency"> <img src="/images/demo-images/agency.png" class="card-img-top" alt="Agency theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Agency</p> <p class="card-text text small">Starter Kit & Theme Design for a Digital Agency.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="arran-theme" class="card card-theme" data-demo-url="https://arran.uskinned.net" data-demo-name="Arran"> <img src="/images/demo-images/arran.png" class="card-img-top" alt="Arran theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Arran</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="barra-theme" class="card card-theme" data-demo-url="https://barra.uskinned.net" data-demo-name="Barra"> <img src="/images/demo-images/barra.png" class="card-img-top" alt="Barra theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Barra</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="brew-theme" class="card card-theme" data-demo-url="https://brew.uskinned.net" data-demo-name="Brew"> <img src="/images/demo-images/brew.png" class="card-img-top" alt="Brew theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Barra</p> <p class="card-text text small">Starter Kit & Theme Design for a Drinks Company.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="bute-theme" class="card card-theme" data-demo-url="https://bute.uskinned.net" data-demo-name="Bute"> <img src="/images/demo-images/bute.png" class="card-img-top" alt="Bute theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Bute</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="cafe-theme" class="card card-theme" data-demo-url="https://cafe.uskinned.net" data-demo-name="Cafe"> <img src="/images/demo-images/cafe.png" class="card-img-top" alt="Cafe theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Cafe</p> <p class="card-text text small">Starter Kit & Theme Design for a Cafe.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="cara-theme" class="card card-theme" data-demo-url="https://cara.uskinned.net" data-demo-name="Cara"> <img src="/images/demo-images/cara.png" class="card-img-top" alt="Cara theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Cara</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="charity-theme" class="card card-theme" data-demo-url="https://charity.uskinned.net" data-demo-name="Charity"> <img src="/images/demo-images/charity.png" class="card-img-top" alt="Charity theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Charity</p> <p class="card-text text small">Starter Kit & Theme Design for a Charity.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="cocina-theme" class="card card-theme" data-demo-url="https://cocina.uskinned.net" data-demo-name="Cocina"> <img src="/images/demo-images/cocina.png" class="card-img-top" alt="Cocina theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Cocina</p> <p class="card-text text small">Starter Kit & Theme Design for a Mexican Restaurant.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="dine-theme" class="card card-theme" data-demo-url="https://dine.uskinned.net" data-demo-name="Dine"> <img src="/images/demo-images/dine.png" class="card-img-top" alt="Dine theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Dine</p> <p class="card-text text small">Starter Kit & Theme Design for a Restaurant.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="education-theme" class="card card-theme" data-demo-url="https://education.uskinned.net" data-demo-name="Education"> <img src="/images/demo-images/education.png" class="card-img-top" alt="Education theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Education</p> <p class="card-text text small">Starter Kit & Theme Design for a University or College.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="fair-theme" class="card card-theme" data-demo-url="https://fair.uskinned.net" data-demo-name="Fair"> <img src="/images/demo-images/fair.png" class="card-img-top" alt="Fair theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Fair</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="fara-theme" class="card card-theme" data-demo-url="https://fara.uskinned.net" data-demo-name="Fara"> <img src="/images/demo-images/fara.png" class="card-img-top" alt="Fara theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Fara</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="fitness-theme" class="card card-theme" data-demo-url="https://fitness.uskinned.net" data-demo-name="Fitness"> <img src="/images/demo-images/fitness.png" class="card-img-top" alt="Fitness theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Fitness</p> <p class="card-text text small">Starter Kit & Theme Design for a Gym or Personal Trainer.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="harris-theme" class="card card-theme" data-demo-url="https://harris.uskinned.net" data-demo-name="Harris"> <img src="/images/demo-images/harris.png" class="card-img-top" alt="Harris theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Harris</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="healthcare-theme" class="card card-theme" data-demo-url="https://healthcare.uskinned.net" data-demo-name="Healthcare"> <img src="/images/demo-images/healthcare.png" class="card-img-top" alt="Healthcare theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Healthcare</p> <p class="card-text text small">Starter Kit & Theme Design for a Healthcare clinic or Hospital.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="hoy-theme" class="card card-theme" data-demo-url="https://hoy.uskinned.net" data-demo-name="Hoy"> <img src="/images/demo-images/hoy.png" class="card-img-top" alt="Hoy theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Hoy</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="iona-theme" class="card card-theme" data-demo-url="https://iona.uskinned.net" data-demo-name="Iona"> <img src="/images/demo-images/iona.png" class="card-img-top" alt="Iona theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Iona</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="islay-theme" class="card card-theme" data-demo-url="https://islay.uskinned.net" data-demo-name="Islay"> <img src="/images/demo-images/islay.png" class="card-img-top" alt="Islay theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Islay</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="jobboard-theme" class="card card-theme" data-demo-url="https://demo-jobs.uskinned.net/" data-demo-name="JobBoard"> <img src="/images/demo-images/job-board.png" class="card-img-top" alt="Job Board theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Job Board</p> <p class="card-text text small">Starter Kit & Theme Design for a Job Board portal.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="jura-theme" class="card card-theme" data-demo-url="https://jura.uskinned.net" data-demo-name="Jura"> <img src="/images/demo-images/jura.png" class="card-img-top" alt="Jura theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Jura</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="kilda-theme" class="card card-theme" data-demo-url="https://kilda.uskinned.net" data-demo-name="Kilda"> <img src="/images/demo-images/kilda.png" class="card-img-top" alt="Kilda theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Kilda</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="lamaison-theme" class="card card-theme" data-demo-url="https://la-maison-hotel.uskinned.net" data-demo-name="LaMaison"> <img src="/images/demo-images/la-maison.png" class="card-img-top" alt="La Maison theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">La Maison</p> <p class="card-text text small">Starter Kit & Theme Design for a Hotel.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="lewis-theme" class="card card-theme" data-demo-url="https://lewis.uskinned.net" data-demo-name="Lewis"> <img src="/images/demo-images/lewis.png" class="card-img-top" alt="Lewis theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Lewis</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="lismore-theme" class="card card-theme" data-demo-url="https://lismore.uskinned.net" data-demo-name="Lismore"> <img src="/images/demo-images/lismore.png" class="card-img-top" alt="Lismore theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Lismore</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="mull-theme" class="card card-theme" data-demo-url="https://mull.uskinned.net" data-demo-name="Mull"> <img src="/images/demo-images/mull.png" class="card-img-top" alt="Mull theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Mull</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="orkney-theme" class="card card-theme" data-demo-url="https://orkney.uskinned.net" data-demo-name="Orkney"> <img src="/images/demo-images/orkney.png" class="card-img-top" alt="Orkney theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Orkney</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="publicsector-theme" class="card card-theme" data-demo-url="https://local-gov.uskinned.net/" data-demo-name="PublicSector"> <img src="/images/demo-images/public-sector.png" class="card-img-top" alt="Public Sector theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Public Sector</p> <p class="card-text text small">Starter Kit & Theme Design for a Government or Council.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="realestate-theme" class="card card-theme" data-demo-url="https://demo-property.uskinned.net" data-demo-name="RealEstate"> <img src="/images/demo-images/real-estate.png" class="card-img-top" alt="Real Estate theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Real Estate</p> <p class="card-text text small">Starter Kit & Theme Design for a Real Estate or Property firm.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="rona-theme" class="card card-theme" data-demo-url="https://rona.uskinned.net" data-demo-name="Rona"> <img src="/images/demo-images/rona.png" class="card-img-top" alt="Rona theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Rona</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="shop-theme" class="card card-theme" data-demo-url="https://demo-shop.uskinned.net" data-demo-name="Shop"> <img src="/images/demo-images/shop.png" class="card-img-top" alt="Shop theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Shop</p> <p class="card-text text small">Starter Kit & Theme Design for a Shop or Retailer.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="skye-theme" class="card card-theme" data-demo-url="https://skye.uskinned.net" data-demo-name="Skye"> <img src="/images/demo-images/skye.png" class="card-img-top" alt="Skye theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Skye</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="staffa-theme" class="card card-theme" data-demo-url="https://staffa.uskinned.net" data-demo-name="Staffa"> <img src="/images/demo-images/staffa.png" class="card-img-top" alt="Staffa theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Staffa</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="stag-theme" class="card card-theme" data-demo-url="https://stag.uskinned.net" data-demo-name="Stag"> <img src="/images/demo-images/stag.png" class="card-img-top" alt="Stag theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Stag</p> <p class="card-text text small">Starter Kit & Theme Design for a Whisky Brand.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="startupsaas-theme" class="card card-theme" data-demo-url="https://saas-startup.uskinned.net/" data-demo-name="StartupSaaS"> <img src="/images/demo-images/startup.png" class="card-img-top" alt="Startup & SaaS theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Startup & SaaS</p> <p class="card-text text small">Starter Kit & Theme Design for a Startup or SaaS business.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="stroma-theme" class="card card-theme" data-demo-url="https://stroma.uskinned.net" data-demo-name="Stroma"> <img src="/images/demo-images/stroma.png" class="card-img-top" alt="Stroma theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Stroma</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="texa-theme" class="card card-theme" data-demo-url="https://texa.uskinned.net" data-demo-name="Texa"> <img src="/images/demo-images/texa.png" class="card-img-top" alt="Texa theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Texa</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="tiree-theme" class="card card-theme" data-demo-url="https://tiree.uskinned.net" data-demo-name="Tiree"> <img src="/images/demo-images/tiree.png" class="card-img-top" alt="Tiree theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Tiree</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="torsa-theme" class="card card-theme" data-demo-url="https://torsa.uskinned.net" data-demo-name="Torsa"> <img src="/images/demo-images/torsa.png" class="card-img-top" alt="Torsa theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Torsa</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="travelblog-theme" class="card card-theme" data-demo-url="https://travel.uskinned.net" data-demo-name="TravelBlog"> <img src="/images/demo-images/travel-blog.png" class="card-img-top" alt="Travel Blog theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Travel Blog</p> <p class="card-text text small">Starter Kit & Theme Design for a Travel blogger or editorial website.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="vallay-theme" class="card card-theme" data-demo-url="https://vallay.uskinned.net" data-demo-name="Vallay"> <img src="/images/demo-images/vallay.png" class="card-img-top" alt="Vallay theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Vallay</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="westray-theme" class="card card-theme" data-demo-url="https://westray.uskinned.net" data-demo-name="Westray"> <img src="/images/demo-images/westray.png" class="card-img-top" alt="Westray theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Westray</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="wireframe-theme" class="card card-theme" data-demo-url="https://demo.uskinned.net" data-demo-name="Wireframe"> <img src="/images/demo-images/wireframe.png" class="card-img-top" alt="Wireframe theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Wireframe</p> <p class="card-text text small">Starter Kit & Theme Design.</p> </div> </div> </div>   <div class="col d-flex align-items-stretch"> <div for="yell-theme" class="card card-theme" data-demo-url="https://yell.uskinned.net" data-demo-name="Yell"> <img src="/images/demo-images/yell.png" class="card-img-top" alt="Yell theme thumbnail."> <div class="card-body"> <p class="card-title fs-5">Yell</p> <p class="card-text text small">Theme Design only.</p> </div> </div> </div>  </div>  </div>  </div> </div>  </div> </div>   <script src="/lib/jquery/dist/jquery.min.js"></script> <script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script> var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl); }); </script> <script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script> <script src="/lib/jquery-validate/jquery.validate.min.js"></script> <script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script> <script src="/lib/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.min.js"></script> <script src="/lib/bootbox/bootbox.min.js"></script> <script> var cookieEnvironment = "uskinned.net"; </script> <script src="/js/usn-portal.js?v=6uJkH-Bttntps_YhT_Kwxx8zq8-YLIE-aXkPWHQBO4w"></script> <script src="/js/reseller-calculator.js?v=qZdVqSiI7FiUOZJ7wBLB4g4j1AG2d220awOy1hO2iv0"></script> <script src="/js/usn-demos.js"></script>  </body> </html>

CINXE.COM

Demos - uSkinned Members Portal