Checkout - 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>Checkout - uSkinned Members Portal</title> <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css?v=WY64kzBEktpqOMkck-iex-ZaMmZ8EhJ8BliSEuoquAw" /> <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 rel="stylesheet" href="/css/usn-portal.css?v=4HVEeD2NfxCN13EGP8dPoKIW5YjhGBIqvB38Z6d5Nio" />  <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>  <div id="site" class="usn-portal"> <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 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" /><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 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 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 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" /></g></g></svg> </a> </div>   <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> </div> </header>  <main id="main-content" class="d-flex flex-column h-100">  <article id="site-content" class="d-flex flex-grow-1 py-5"> <div class="container"> <input type="hidden" id="OrderModel_RawProductId" name="OrderModel.RawProductId" value="cHJvZF9QWmJpZU5tODhiS3NwcQ==" />  <nav class="row g-0 row-cols-4 checkout-progress mb-5 text-center justify-content-center"> <div class="col d-grid"> <div class="step active"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-1-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM9.283 4.002H7.971L6.072 5.385v1.271l1.834-1.318h.065V12h1.312V4.002Z" /> </svg> <span class="ms-1 d-none d-md-inline">Details</span> </div> </div> <div class="col d-grid"> <div class="step"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-2-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM6.646 6.24c0-.691.493-1.306 1.336-1.306.756 0 1.313.492 1.313 1.236 0 .697-.469 1.23-.902 1.705l-2.971 3.293V12h5.344v-1.107H7.268v-.077l1.974-2.22.096-.107c.688-.763 1.287-1.428 1.287-2.43 0-1.266-1.031-2.215-2.613-2.215-1.758 0-2.637 1.19-2.637 2.402v.065h1.271v-.07Z" /> </svg> <span class="ms-1 d-none d-md-inline">Payment</span> </div> </div> <div class="col d-grid"> <div class="step"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-3-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.082.414c.92 0 1.535.54 1.541 1.318.012.791-.615 1.36-1.588 1.354-.861-.006-1.482-.469-1.54-1.066H5.104c.047 1.177 1.05 2.144 2.754 2.144 1.653 0 2.954-.937 2.93-2.396-.023-1.278-1.031-1.846-1.734-1.916v-.07c.597-.1 1.505-.739 1.482-1.876-.03-1.177-1.043-2.074-2.637-2.062-1.675.006-2.59.984-2.625 2.12h1.248c.036-.556.557-1.054 1.348-1.054.785 0 1.348.486 1.348 1.195.006.715-.563 1.237-1.342 1.237h-.838v1.072h.879Z" /> </svg> <span class="ms-1 d-none d-md-inline">Confirm</span> </div> </div> </nav>   <div class="d-md-flex align-items-center mb-4"> <h1 class="text-center text-md-start">Checkout</h1> <div class="ms-auto d-flex align-items-center justify-content-center justify-content-md-end"> <div class="d-flex align-items-center badge text-bg-success"> <div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-check" viewBox="0 0 16 16"> <path d="M5.338 1.59a61 61 0 0 0-2.837.856.48.48 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.7 10.7 0 0 0 2.287 2.233c.346.244.652.42.893.533q.18.085.293.118a1 1 0 0 0 .101.025 1 1 0 0 0 .1-.025q.114-.034.294-.118c.24-.113.547-.29.893-.533a10.7 10.7 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.8 11.8 0 0 1-2.517 2.453 7 7 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7 7 0 0 1-1.048-.625 11.8 11.8 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 63 63 0 0 1 5.072.56" /> <path d="M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0" /> </svg> </div> <div class="flex-grow-1 ms-2"> Secure </div> </div> <div class="ms-1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="27" viewBox="0 0 24 16" version="1.1"> <g id="319" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="New-Icons" transform="translate(-80.000000, -280.000000)" fill-rule="nonzero"> <g id="Card-Brands" transform="translate(40.000000, 200.000000)"> <g id="Color" transform="translate(0.000000, 80.000000)"> <g id="Visa" transform="translate(40.000000, 0.000000)"> <rect id="Container" stroke-opacity="0.2" stroke="#000000" stroke-width="0.5" fill="#FFFFFF" x="0.25" y="0.25" width="23.5" height="15.5" rx="2" /> <path d="M2.78773262,5.91443732 C2.26459089,5.62750595 1.6675389,5.39673777 1,5.23659312 L1.0280005,5.1118821 L3.76497922,5.1118821 C4.13596254,5.12488556 4.43699113,5.23650585 4.53494636,5.63071135 L5.12976697,8.46659052 L5.31198338,9.32072617 L6.97796639,5.1118821 L8.77678896,5.1118821 L6.10288111,11.2775284 L4.30396552,11.2775284 L2.78773262,5.91443732 L2.78773262,5.91443732 Z M10.0999752,11.2840738 L8.39882877,11.2840738 L9.46284763,5.1118821 L11.163901,5.1118821 L10.0999752,11.2840738 Z M16.2667821,5.26277458 L16.0354292,6.59558538 L15.881566,6.53004446 C15.5737466,6.40524617 15.1674138,6.28053516 14.6143808,6.29371316 C13.942741,6.29371316 13.6415263,6.56277129 13.6345494,6.82545859 C13.6345494,7.11441463 13.998928,7.3048411 14.5939153,7.58725177 C15.5740257,8.02718756 16.0286384,8.56556562 16.0218476,9.26818871 C16.0080799,10.5486366 14.8460128,11.376058 13.0610509,11.376058 C12.2978746,11.3694253 11.5627918,11.2180965 11.163808,11.0475679 L11.4018587,9.66204513 L11.6258627,9.76066195 C12.1788958,9.99070971 12.5428092,10.0889775 13.221984,10.0889775 C13.7117601,10.0889775 14.2368857,9.89837643 14.2435835,9.48488392 C14.2435835,9.21565125 14.0198586,9.01850486 13.3617074,8.7164581 C12.717789,8.42086943 11.8568435,7.92848346 11.8707973,7.04197926 C11.8780532,5.84042483 13.0610509,5 14.7409877,5 C15.3990458,5 15.9312413,5.13788902 16.2667821,5.26277458 Z M18.5277524,9.0974856 L19.941731,9.0974856 C19.8717762,8.78889347 19.549631,7.31147374 19.549631,7.31147374 L19.4307452,6.77964104 C19.3467437,7.00942698 19.1998574,7.38373457 19.2069273,7.37055657 C19.2069273,7.37055657 18.6678479,8.74290137 18.5277524,9.0974856 Z M20.6276036,5.1118821 L22,11.2839865 L20.4249023,11.2839865 C20.4249023,11.2839865 20.2707601,10.5748181 20.221922,10.3581228 L18.0377903,10.3581228 C17.9746264,10.5221933 17.6807607,11.2839865 17.6807607,11.2839865 L15.8957988,11.2839865 L18.4226343,5.62399144 C18.5977072,5.22341512 18.9059917,5.1118821 19.3117663,5.1118821 L20.6276036,5.1118821 L20.6276036,5.1118821 Z" id="Shape" fill="#1434CB" /> </g> </g> </g> </g> </g> </svg> </div> <div class="ms-2"> <svg xmlns="http://www.w3.org/2000/svg" height="27" viewBox="0 0 24 16" width="40"> <g fill="none" fill-rule="evenodd"> <rect fill="#252525" height="16" rx="2" width="24" /> <circle cx="9" cy="8" fill="#eb001b" r="5" /> <circle cx="15" cy="8" fill="#f79e1b" r="5" /> <path d="m12 3.99963381c1.2144467.91220633 2 2.36454836 2 4.00036619s-.7855533 3.0881599-2 4.0003662c-1.2144467-.9122063-2-2.36454837-2-4.0003662s.7855533-3.08815986 2-4.00036619z" fill="#ff5f00" /> </g> </svg> </div> <div class="ms-2"> <svg xmlns="http://www.w3.org/2000/svg" height="27" viewBox="0 0 24 16" width="40"> <g fill="none" fill-rule="evenodd"> <rect fill="#016fd0" height="16" rx="2" width="24" /> <path d="m13.7640663 13.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619 1.25339231 1.1728619 1.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105 1.1023204z" fill="#fffffe" /> <path d="m14.4418122 12.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z" fill="#016fd0" /> <path d="m18.1952707 12.7687956 2.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917 1.41003315 1.2791161-1.41003315h1.5461657v.03500552l-2.0428729 2.18678458 2.0428729 2.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735 1.4241768z" fill="#016fd0" /> <path d="m14.2373481 2.6319558h2.4460552l.8591381 1.95085083v-1.95085083h3.0198453l.5207514 1.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z" fill="#fffffe" /> <g fill="#016fd0"> <path d="m14.7004641 3.25135912-1.9740111 4.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353 2.55743646.592-1.41507182.5915581 1.41507182z" /> <path d="m18.2119779 7.69573481v-4.44508288l1.903116.00654144.9792707 2.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746 3.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z" /> </g> </g> </svg> </div> </div> </div>   <div class="row justify-content-between">  <div class="col-12 col-lg-8 col-xl-7" id="UserDetails" style="display: block">  <div class="card mb-3">  <div class="list-group list-group-flush">  <div class="list-group-item d-flex align-items-center py-3"> <div class="flex-grow-1 me-auto"> <div class="text">Do you already have an account?</div> <div class="title small text-secondary">Please login to see your accurate pricing.</div> </div> <div class="ms-2"> <button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#loginModal"> <span>Login</span> </button> </div> </div>  </div>  </div>  <div class="card mb-3"> <div class="d-flex py-3 justify-content-between align-items-center card-header bg-transparent"> <div class="card-title m-0 p-0 fw-bold">Order</div> </div> <form id="orderform" method="post" data-ajax="true" data-ajax-method="post" data-ajax-success="orderformcompleted" data-ajax-mode="replace" data-ajax-update="#orderformcontent" action="/checkout?handler=OrderUpdate"> <div id="orderformcontent" class="list-group list-group-flush"> <input type="hidden" data-val="true" data-val-required="The OrderGuid field is required." id="OrderGuid" name="OrderGuid" value="f689b281-7dcc-4d11-b065-9b1c809f6905" /> <input type="hidden" id="RawProductId" name="RawProductId" value="cHJvZF9QWmJpZU5tODhiS3NwcQ==" />  <div class="list-group-item d-flex align-items-center py-3"> <div class="flex-grow-1 me-auto"> <div class="title small text-secondary">Product</div> <div class="text">Site Builder license</div> <div class="title small text-secondary">£259.00</div> </div> <div class="ms-2"> <div class="form-floating" style="width: 100px;"> <input type="number" data-itemid="7721" class="item-quantity-input form-control" id="quantity7721" placeholder="" value="1" min="1" max="1000"> <label for="quantity7721" class="form-label">Quantity</label> </div> </div> </div>  </div> <button id="orderUpdateButton" style="display:none" type="submit">Submit Order Hidden Button</button> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HNH6wEk-iVJmGsQbNkyOqpAZhEoWlrlDUxA5zVuNzwkpkfyslDczivDvF51Ms2efty77E-d8srIHDdPgngI96b2oY50_ZT3XRVkU0U-ohK1Ps0rA5wFqDq0_cn85iza5B-4bSj2eqFIPQiBkrMf9Iw" /></form> </div> <form id="orderBillingForm" method="post" data-ajax="true" data-ajax-method="post" data-ajax-begin="orderbillingformbegin" data-ajax-success="orderbillingformcompleted" data-ajax-mode="replace" data-ajax-update="#orderbillingformcontent" action="/checkout?handler=BillingUpdate"> <div id="orderbillingformcontent">  <div class="card mb-3"> <div class="d-flex py-3 justify-content-between align-items-center card-header bg-transparent"> <div class="card-title m-0 p-0 fw-bold">Billing</div> </div>  <div class="list-group list-group-flush"> <input type="hidden" data-val="true" data-val-required="The OrderGuid field is required." id="BillingModel_OrderGuid" name="BillingModel.OrderGuid" value="f689b281-7dcc-4d11-b065-9b1c809f6905" /> <input type="hidden" id="BillingModel_RawProductId" name="BillingModel.RawProductId" value="cHJvZF9QWmJpZU5tODhiS3NwcQ==" /> <input type="hidden" id="BillingModel_OrderRedirectUrl" name="BillingModel.OrderRedirectUrl" value="" /> <input type="hidden" id="BillingModel_StarterKitVariant" name="BillingModel.StarterKitVariant" value="" />  <div class="list-group-item"> <fieldset class="mt-3"> <div class="form-floating mb-3"> <input class="form-control" placeholder="First name" type="text" data-val="true" data-val-required="The First name field is required." id="BillingModel_FirstName" name="BillingModel.FirstName" value="" /> <label class="form-label" for="BillingModel_FirstName">First name <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="BillingModel.FirstName" data-valmsg-replace="true"></span> </div> <div class="form-floating mb-3"> <input class="form-control" placeholder="Last name" type="text" data-val="true" data-val-required="The Last name field is required." id="BillingModel_LastName" name="BillingModel.LastName" value="" /> <label class="form-label" for="BillingModel_LastName">Last name <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="BillingModel.LastName" data-valmsg-replace="true"></span> </div> <div class="input-group mb-3"> <div class="form-floating"> <input class="billing-email-validation form-control" aria-required="true" placeholder="Email address" type="email" data-val="true" data-val-email="The Email field is not a valid e-mail address." data-val-required="The Email field is required." id="BillingModel_Email" name="BillingModel.Email" value="" /> <label for="BillingModel_Email">Email address <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="BillingModel.Email" data-valmsg-replace="true"></span> </div> <div id="emailValidationSpinner" class="btn btn-sm btn-outline-secondary justify-content-center align-items-center" style="display:none;"> <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"> <span class="visually-hidden">Checking...</span> </span> </div> </div> <div class="form-floating mb-3"> <input class="form-control" placeholder="Password" type="password" data-val="true" data-val-length="The Password must be at least 6 and at max 100 characters long." data-val-length-max="100" data-val-length-min="6" data-val-regex="Password must contain at least one lowercase letter, one uppercase letter, and one number." data-val-regex-pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).+$" data-val-required="The Password field is required." id="BillingModel_Password" maxlength="100" name="BillingModel.Password" /> <label class="form-label" for="BillingModel_Password">Password <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="BillingModel.Password" data-valmsg-replace="true"></span>  <div class="password-toggle" aria-hidden="true"> <label for="billing-password-toggle-login"> <span class="d-none">Password toggle</span> <input tabindex="-1" id="billing-password-toggle-login" name="billing-password-toggle-login" type="checkbox" onclick="showPasswordFunction('BillingModel_Password')"> <span>  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="dark-text" class="bi bi-eye-fill" viewBox="0 0 16 16"> <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" /> <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" /> </svg>  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="dark-text" class="bi bi-eye-slash-fill" viewBox="0 0 16 16"> <path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7 7 0 0 0 2.79-.588M5.21 3.088A7 7 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474z" /> <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12z" /> </svg> </span> </label> </div>  </div> <div class="form-floating mb-3"> <input class="form-control" placeholder="Confirm Password" type="password" data-val="true" data-val-equalto="The password and confirmation password do not match." data-val-equalto-other="*.Password" id="BillingModel_ConfirmPassword" name="BillingModel.ConfirmPassword" /> <label class="form-label" for="BillingModel_ConfirmPassword">Confirm Password <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="BillingModel.ConfirmPassword" data-valmsg-replace="true"></span>  <div class="password-toggle" aria-hidden="true"> <label for="billing-confirmpassword-toggle-login"> <span class="d-none">Password toggle</span> <input tabindex="-1" id="billing-confirmpassword-toggle-login" name="billing-confirmpassword-toggle-login" type="checkbox" onclick="showPasswordFunction('BillingModel_ConfirmPassword')"> <span>  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="dark-text" class="bi bi-eye-fill" viewBox="0 0 16 16"> <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" /> <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" /> </svg>  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="dark-text" class="bi bi-eye-slash-fill" viewBox="0 0 16 16"> <path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7 7 0 0 0 2.79-.588M5.21 3.088A7 7 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474z" /> <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12z" /> </svg> </span> </label> </div>  </div> <div class="form-floating mb-3"> <select id="country" class="billing-country-dropdown form-select" data-val="true" data-val-required="The Country field is required." name="BillingModel.CountryID"> <option value="">Please select ...</option> <option value="0">AFGHANISTAN</option> <option value="2">ALBANIA</option> <option value="3">ALGERIA</option> <option value="4">AMERICAN SAMOA</option> <option value="5">ANDORRA</option> <option value="6">ANGOLA</option> <option value="7">ANGUILLA</option> <option value="8">ANTARCTICA</option> <option value="9">ANTIGUA AND BARBUDA</option> <option value="10">ARGENTINA</option> <option value="11">ARMENIA</option> <option value="12">ARUBA</option> <option value="13">AUSTRALIA</option> <option value="14">AUSTRIA</option> <option value="15">AZERBAIJAN</option> <option value="16">BAHAMAS</option> <option value="17">BAHRAIN</option> <option value="18">BANGLADESH</option> <option value="19">BARBADOS</option> <option value="20">BELARUS</option> <option value="21">BELGIUM</option> <option value="22">BELIZE</option> <option value="23">BENIN</option> <option value="24">BERMUDA</option> <option value="25">BHUTAN</option> <option value="26">BOLIVIA, PLURINATIONAL STATE OF</option> <option value="27">BONAIRE, SAINT EUSTATIUS AND SABA</option> <option value="28">BOSNIA AND HERZEGOVINA</option> <option value="29">BOTSWANA</option> <option value="30">BOUVET ISLAND</option> <option value="31">BRAZIL</option> <option value="32">BRITISH INDIAN OCEAN TERRITORY</option> <option value="33">BRUNEI DARUSSALAM</option> <option value="34">BULGARIA</option> <option value="35">BURKINA FASO</option> <option value="36">BURUNDI</option> <option value="37">CAMBODIA</option> <option value="38">CAMEROON</option> <option value="39">CANADA</option> <option value="40">CAPE VERDE</option> <option value="54">CâTE D'IVOIRE</option> <option value="41">CAYMAN ISLANDS</option> <option value="42">CENTRAL AFRICAN REPUBLIC</option> <option value="43">CHAD</option> <option value="44">CHILE</option> <option value="45">CHINA</option> <option value="46">CHRISTMAS ISLAND</option> <option value="47">COCOS (KEELING) ISLANDS</option> <option value="48">COLOMBIA</option> <option value="49">COMOROS</option> <option value="50">CONGO</option> <option value="51">CONGO, THE DEMOCRATIC REPUBLIC OF THE</option> <option value="52">COOK ISLANDS</option> <option value="53">COSTA RICA</option> <option value="55">CROATIA</option> <option value="56">CUBA</option> <option value="57">CURA€AO</option> <option value="58">CYPRUS</option> <option value="59">CZECH REPUBLIC</option> <option value="60">DENMARK</option> <option value="61">DJIBOUTI</option> <option value="62">DOMINICA</option> <option value="63">DOMINICAN REPUBLIC</option> <option value="64">ECUADOR</option> <option value="65">EGYPT</option> <option value="66">EL SALVADOR</option> <option value="67">EQUATORIAL GUINEA</option> <option value="68">ERITREA</option> <option value="69">ESTONIA</option> <option value="70">ETHIOPIA</option> <option value="71">FALKLAND ISLANDS (MALVINAS)</option> <option value="72">FAROE ISLANDS</option> <option value="73">FIJI</option> <option value="74">FINLAND</option> <option value="75">FRANCE</option> <option value="76">FRENCH GUIANA</option> <option value="77">FRENCH POLYNESIA</option> <option value="78">FRENCH SOUTHERN TERRITORIES</option> <option value="79">GABON</option> <option value="80">GAMBIA</option> <option value="81">GEORGIA</option> <option value="82">GERMANY</option> <option value="83">GHANA</option> <option value="84">GIBRALTAR</option> <option value="85">GREECE</option> <option value="86">GREENLAND</option> <option value="87">GRENADA</option> <option value="88">GUADELOUPE</option> <option value="89">GUAM</option> <option value="90">GUATEMALA</option> <option value="91">GUERNSEY</option> <option value="92">GUINEA</option> <option value="93">GUINEA-BISSAU</option> <option value="94">GUYANA</option> <option value="95">HAITI</option> <option value="96">HEARD ISLAND AND MCDONALD ISLANDS</option> <option value="97">HOLY SEE (VATICAN CITY STATE)</option> <option value="98">HONDURAS</option> <option value="99">HONG KONG</option> <option value="100">HUNGARY</option> <option value="101">ICELAND</option> <option value="102">INDIA</option> <option value="103">INDONESIA</option> <option value="104">IRAN, ISLAMIC REPUBLIC OF</option> <option value="105">IRAQ</option> <option value="106">IRELAND</option> <option value="107">ISLE OF MAN</option> <option value="108">ISRAEL</option> <option value="109">ITALY</option> <option value="110">JAMAICA</option> <option value="111">JAPAN</option> <option value="112">JERSEY</option> <option value="113">JORDAN</option> <option value="114">KAZAKHSTAN</option> <option value="115">KENYA</option> <option value="116">KIRIBATI</option> <option value="117">KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF</option> <option value="118">KOREA, REPUBLIC OF</option> <option value="119">KUWAIT</option> <option value="120">KYRGYZSTAN</option> <option value="1">LAND ISLANDS</option> <option value="121">LAO PEOPLE'S DEMOCRATIC REPUBLIC</option> <option value="122">LATVIA</option> <option value="123">LEBANON</option> <option value="124">LESOTHO</option> <option value="125">LIBERIA</option> <option value="126">LIBYAN ARAB JAMAHIRIYA</option> <option value="127">LIECHTENSTEIN</option> <option value="128">LITHUANIA</option> <option value="129">LUXEMBOURG</option> <option value="130">MACAO</option> <option value="131">MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF</option> <option value="132">MADAGASCAR</option> <option value="133">MALAWI</option> <option value="134">MALAYSIA</option> <option value="135">MALDIVES</option> <option value="136">MALI</option> <option value="137">MALTA</option> <option value="138">MARSHALL ISLANDS</option> <option value="139">MARTINIQUE</option> <option value="140">MAURITANIA</option> <option value="141">MAURITIUS</option> <option value="142">MAYOTTE</option> <option value="143">MEXICO</option> <option value="144">MICRONESIA, FEDERATED STATES OF</option> <option value="145">MOLDOVA, REPUBLIC OF</option> <option value="146">MONACO</option> <option value="147">MONGOLIA</option> <option value="148">MONTENEGRO</option> <option value="149">MONTSERRAT</option> <option value="150">MOROCCO</option> <option value="151">MOZAMBIQUE</option> <option value="152">MYANMAR</option> <option value="153">NAMIBIA</option> <option value="154">NAURU</option> <option value="155">NEPAL</option> <option value="156">NETHERLANDS</option> <option value="157">NEW CALEDONIA</option> <option value="158">NEW ZEALAND</option> <option value="159">NICARAGUA</option> <option value="160">NIGER</option> <option value="161">NIGERIA</option> <option value="162">NIUE</option> <option value="163">NORFOLK ISLAND</option> <option value="164">NORTHERN MARIANA ISLANDS</option> <option value="165">NORWAY</option> <option value="166">OMAN</option> <option value="167">PAKISTAN</option> <option value="168">PALAU</option> <option value="169">PALESTINIAN TERRITORY, OCCUPIED</option> <option value="170">PANAMA</option> <option value="171">PAPUA NEW GUINEA</option> <option value="172">PARAGUAY</option> <option value="173">PERU</option> <option value="174">PHILIPPINES</option> <option value="175">PITCAIRN</option> <option value="176">POLAND</option> <option value="177">PORTUGAL</option> <option value="178">PUERTO RICO</option> <option value="179">QATAR</option> <option value="180">REUNION</option> <option value="181">ROMANIA</option> <option value="182">RUSSIAN FEDERATION</option> <option value="183">RWANDA</option> <option value="184">SAINT BARTHLEMY</option> <option value="185">SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA</option> <option value="186">SAINT KITTS AND NEVIS</option> <option value="187">SAINT LUCIA</option> <option value="188">SAINT MARTIN (FRENCH PART)</option> <option value="189">SAINT PIERRE AND MIQUELON</option> <option value="190">SAINT VINCENT AND THE GRENADINES</option> <option value="191">SAMOA</option> <option value="192">SAN MARINO</option> <option value="193">SAO TOME AND PRINCIPE</option> <option value="194">SAUDI ARABIA</option> <option value="195">SENEGAL</option> <option value="196">SERBIA</option> <option value="197">SEYCHELLES</option> <option value="198">SIERRA LEONE</option> <option value="199">SINGAPORE</option> <option value="200">SINT MAARTEN (DUTCH PART)</option> <option value="201">SLOVAKIA</option> <option value="202">SLOVENIA</option> <option value="203">SOLOMON ISLANDS</option> <option value="204">SOMALIA</option> <option value="205">SOUTH AFRICA</option> <option value="206">SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS</option> <option value="207">SPAIN</option> <option value="208">SRI LANKA</option> <option value="209">SUDAN</option> <option value="210">SURINAME</option> <option value="211">SVALBARD AND JAN MAYEN</option> <option value="212">SWAZILAND</option> <option value="213">SWEDEN</option> <option value="214">SWITZERLAND</option> <option value="215">SYRIAN ARAB REPUBLIC</option> <option value="216">TAIWAN, PROVINCE OF CHINA</option> <option value="217">TAJIKISTAN</option> <option value="218">TANZANIA, UNITED REPUBLIC OF</option> <option value="219">THAILAND</option> <option value="220">TIMOR-LESTE</option> <option value="221">TOGO</option> <option value="222">TOKELAU</option> <option value="223">TONGA</option> <option value="224">TRINIDAD AND TOBAGO</option> <option value="225">TUNISIA</option> <option value="226">TURKEY</option> <option value="227">TURKMENISTAN</option> <option value="228">TURKS AND CAICOS ISLANDS</option> <option value="229">TUVALU</option> <option value="230">UGANDA</option> <option value="231">UKRAINE</option> <option value="232">UNITED ARAB EMIRATES</option> <option value="233">UNITED KINGDOM</option> <option value="234">UNITED STATES</option> <option value="235">UNITED STATES MINOR OUTLYING ISLANDS</option> <option value="236">URUGUAY</option> <option value="237">UZBEKISTAN</option> <option value="238">VANUATU</option> <option value="239">VENEZUELA, BOLIVARIAN REPUBLIC OF</option> <option value="240">VIET NAM</option> <option value="241">VIRGIN ISLANDS, BRITISH</option> <option value="242">VIRGIN ISLANDS, U.S.</option> <option value="243">WALLIS AND FUTUNA</option> <option value="244">WESTERN SAHARA</option> <option value="245">YEMEN</option> <option value="246">ZAMBIA</option> <option value="247">ZIMBABWE</option> </select> <input type="hidden" id="BillingModel_CountryID" name="BillingModel.CountryID" value="-1" /> <label class="form-label" for="BillingModel_CountryID">Country <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="BillingModel.CountryID" data-valmsg-replace="true"></span> </div> <div class="form-floating mb-3"> <input class="form-control" placeholder="Company / Organisation" type="text" id="BillingModel_CompanyName" name="BillingModel.CompanyName" value="" /> <label class="form-label" for="BillingModel_CompanyName">Company / Organisation</label> </div> <div class="input-group mb-3"> <div class="form-floating"> <input class="billing-vat-validation form-control" placeholder="VAT number (if applicable)" type="text" id="BillingModel_VATNumber" name="BillingModel.VATNumber" value="" /> <label class="form-label" for="BillingModel_VATNumber">VAT number (if applicable)</label> <input style="display:none" type="text" data-val="true" data-val-required="VAT / Tax ID is not valid. Your VAT ID must match the country selected. Do not enter your country prefix when entering your ID." id="BillingModel_VATValid" name="BillingModel.VATValid" value="true" /> <span class="form-feedback text-danger field-validation-valid" id="vatValidationErrorMessage" data-valmsg-for="BillingModel.VATValid" data-valmsg-replace="true"></span> </div> <div id="vatValidationSpinner" class="btn btn-sm btn-outline-secondary justify-content-center align-items-center" style="display:none;"> <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"> <span class="visually-hidden">Checking...</span> </span> </div> </div> <div class="form-floating mb-3"> <input class="form-control" placeholder="Job title" type="text" id="BillingModel_JobTitle" name="BillingModel.JobTitle" value="" /> <label class="form-label" for="BillingModel_JobTitle">Job title</label> </div> <div class="form-floating mb-3"> <input class="form-control" placeholder="Phone number" type="tel" data-val="true" data-val-phone="The Phone number field is not a valid phone number." id="BillingModel_PhoneNumber" name="BillingModel.PhoneNumber" value="" /> <label class="form-label" for="BillingModel_PhoneNumber">Phone number</label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="BillingModel.PhoneNumber" data-valmsg-replace="true"></span> </div> </fieldset> </div>  </div>  </div>  </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HNH6wEk-iVJmGsQbNkyOqpAZhEoWlrlDUxA5zVuNzwkpkfyslDczivDvF51Ms2efty77E-d8srIHDdPgngI96b2oY50_ZT3XRVkU0U-ohK1Ps0rA5wFqDq0_cn85iza5B-4bSj2eqFIPQiBkrMf9Iw" /></form>  <div class="card mb-3">  <div class="list-group list-group-flush">  <div class="list-group-item py-3"> <div class="title small">Promo code</div> <div class="text small">If you have a promo code this can be applied during payment.</div> </div>  </div>  </div>  </div>   <div class="col-12 col-lg-4 col-xl-4">  <div class="sticky-lg-top" style="top:80px;">  <div class="card mb-3"> <div class="d-flex py-3 justify-content-between align-items-center card-header bg-transparent"> <div class="card-title m-0 p-0 fw-bold">Summary</div> </div> <form id="checkoutsummaryform" method="post" data-ajax="true" data-ajax-method="post" data-ajax-begin="summaryformbegin" data-ajax-success="summaryformcompleted" data-ajax-mode="replace" data-ajax-update="#summaryContent" action="/checkout?handler=OrderSummaryUpdate"> <div id="summaryContent" class="list-group list-group-flush"> <input type="hidden" data-val="true" data-val-required="The OrderGuid field is required." id="CheckoutSummary_OrderGuid" name="CheckoutSummary.OrderGuid" value="f689b281-7dcc-4d11-b065-9b1c809f6905" /> <input type="hidden" id="CheckoutSummary_RawProductId" name="CheckoutSummary.RawProductId" value="cHJvZF9QWmJpZU5tODhiS3NwcQ==" />  <div class="list-group-item d-flex align-items-start"> <div class="me-auto"> <div class="text">Site Builder license</div> <div class="title small text-secondary">£259.00</div> <div class="text small text-secondary fs-italic">GBP</div> </div> <div class="ms-2"> <div class="title">X 1</div> </div> </div>     <div class="list-group-item"> <div class="title small">Currency</div> <div class="btn-group w-100 mt-1 mb-2" role="group" aria-label="Basic radio toggle button group"> <input type="radio" class="btn-check billing-currency" value="eur" id="eur" autocomplete="off" onclick="setCountryCookie(this.value)" name="CheckoutSummary.Currencies.SelectedCurrency"> <label class="btn btn-sm btn-outline-secondary" for="eur">EUR</label> <input type="radio" class="btn-check billing-currency" value="gbp" id="gbp" autocomplete="off" onclick="setCountryCookie(this.value)" checked="checked" name="CheckoutSummary.Currencies.SelectedCurrency"> <label class="btn btn-sm btn-outline-secondary" for="gbp">GBP</label> <input type="radio" class="btn-check billing-currency" value="usd" id="usd" autocomplete="off" onclick="setCountryCookie(this.value)" name="CheckoutSummary.Currencies.SelectedCurrency"> <label class="btn btn-sm btn-outline-secondary" for="usd">USD</label> </div> <div class="text small text-secondary">Billed in British Pounds (GBP) (£).</div> </div>   <div class="list-group-item d-flex align-items-start"> <div class="flex-grow-1 me-auto"> <div class="title text-secondary">Total excl. Tax</div> </div> <div class="ms-2"> <div class="text text-secondary">£259.00 <span class="small"></span></div> </div> </div>   <div class="list-group-item d-flex align-items-start fst-italic"> <div class="flex-grow-1 me-auto"> <div class="title">Tax</div> </div> <div class="ms-2"> <div class="text"> £0.00 <span class="small"></span> </div> </div> </div>  <div class="list-group-item"> <div class="text small" type="button" data-bs-toggle="collapse" data-bs-target="#taxInformation" aria-expanded="false" aria-controls="taxInformation"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" /> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" /> </svg> <span class="ms-1">Who will be charged Tax?</span> </div> <div class="collapse multi-collapse text small text-secondary py-2" id="taxInformation"> <p>Tax will vary depending on your country of residence. If you are based outside of the UK and the EU, you won't pay Tax. If you are based in the UK you do have to pay Tax. If you are based in the EU, you may have to pay Tax. Based on the information you give us, we'll automatically work out if you need to pay Tax and add it to your bill if necessary.</p> </div> </div>  <div class="list-group-item d-flex align-items-start fs-4 fw-bold py-3"> <div class="flex-grow-1 me-auto"> <div class="title small">Total</div> </div> <div class="ms-2"> <div class="text"> £259.00 <span class="small"></span></div> </div> </div>  <button id="summaryUpdateButton" style="display:none" type="submit">Test Submit</button> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HNH6wEk-iVJmGsQbNkyOqpAZhEoWlrlDUxA5zVuNzwkpkfyslDczivDvF51Ms2efty77E-d8srIHDdPgngI96b2oY50_ZT3XRVkU0U-ohK1Ps0rA5wFqDq0_cn85iza5B-4bSj2eqFIPQiBkrMf9Iw" /></form> </div>  </div>  </div>   <div class="col-12 col-lg-8 col-xl-7 sticky-bottom" id="ContinueToPaymentButton" style="display: block;"> <div class="card">  <div class="buttons d-grid m-3"> <button id="confirmOrderButton" type="button" class="btn btn-lg btn-success"> <span id="redirectToStripeText" style="display:none"> <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> <span>Redirecting to Stripe...</span> </span> <span id="continueToStripeText">Continue to payment</span> </button> </div> </div> </div>  </div>  </div> </article>   <footer id="site-footer" class="border-top py-4 text-center small"> <div class="d-flex justify-content-center align-items-center p-3 pb-5"> <a href="https://www.linkedin.com/company/uskinned/" class="mx-2" target="_blank" title="LinkedIn link will open in a new window or tab."> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16"> <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z" /> </svg> <span class="d-none">LinkedIn</span> </a> <a href="https://twitter.com/uskinned" class="mx-2" target="_blank" title="Twitter link will open in a new window or tab."> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16"> <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" /> </svg> <span class="d-none">Twitter</span> </a> <a href="https://youtube.com/uskinnednet" class="mx-2" target="_blank" title="YouTube link will open in a new window or tab."> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z" /> </svg> <span class="d-none">YouTube</span> </a> <a href="https://facebook.com/uskinned" class="mx-2" target="_blank" title="Facebook link will open in a new window or tab."> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16"> <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" /> </svg> <span class="d-none">Facebook</span> </a> <a href="https://instagram.com/uskinned" class="mx-2" target="_blank" title="Instagram link will open in a new window or tab."> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16"> <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" /> </svg> <span class="d-none">Instagram</span> </a> </div> <p>© uSkinned 2024. All rights reserved.</p> </footer>  </main>  </div>   <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true" data-bs-backdrop="static"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Login</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form method="post" data-ajax="true" data-ajax-method="post" data-ajax-mode="replace" data-ajax-update="#modalLoginFormContent" data-ajax-complete="modalLoginCompleted" data-ajax-loading="#ModelLoginFormLoading" action="/checkout?returnUrl=%2Fcheckout%3FproductType%3DLicense&handler=ModalLogin"> <div id="modalLoginFormContent" class="modal-body ajax-wrap"> <div class="alerts" id="ModalLoginError" style="display:none"> <div class="alert alert-warning d-flex align-items-top" role="alert"><div class="mx-2"><p>An account with this email address already exists. Please login to complete your order.</p></div></div> </div> <fieldset> <input type="hidden" id="PostLoginReturnUrl" name="PostLoginReturnUrl" value="" /> <div class="form-floating mb-3"> <input class="form-control" aria-required="true" type="email" data-val="true" data-val-email="The UserLogIn field is not a valid e-mail address." data-val-required="The UserLogIn field is required." id="UserLogIn" name="UserLogIn" value="" /> <label class="form-label" for="UserLogIn">Email address <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="UserLogIn" data-valmsg-replace="true"></span> </div> <div class="form-floating mb-3"> <input class="form-control" aria-required="true" placeholder="password" type="password" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" /> <label class="form-label" for="Password">Password <span class="text-danger small ms-1" aria-label="Required field">*</span></label> <span class="form-feedback text-danger field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>  <div class="password-toggle" aria-hidden="true"> <label for="password-toggle-login-modal"> <span class="d-none">Password toggle</span> <input tabindex="-1" id="password-toggle-login-modal" name="password-toggle-login-modal" type="checkbox" onclick="showPasswordFunction('Password')"> <span>  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="dark-text" class="bi bi-eye-fill" viewBox="0 0 16 16"> <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" /> <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7" /> </svg>  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="dark-text" class="bi bi-eye-slash-fill" viewBox="0 0 16 16"> <path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7 7 0 0 0 2.79-.588M5.21 3.088A7 7 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474z" /> <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12z" /> </svg> </span> </label> </div>  </div> <div class="form-check text-start mb-3"> <label class="form-label" for="RememberMe"> <input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Remember me? field is required." id="RememberMe" name="RememberMe" value="true" /> Remember me? </label> </div> <div class="buttons d-grid py-3 mb-3"> <button type="submit" class="btn btn-primary btn-lg" onclick="clearLoginError()">Login</button> </div> <p class="text-body-secondary small text-center">or</p> <p class="d-grid mb-0"> <a class="btn btn-outline-secondary btn-sm border-light mb-2" href="/account/forgotpassword">Forgot your password?</a> </p> </fieldset> <div style="display:none;" class="ajax-loading align-items-center justify-content-center" id="ModelLoginFormLoading"> <div class="spinner spinner-border" role="status"> <span class="visually-hidden">Loading...</span> </div> </div> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8HNH6wEk-iVJmGsQbNkyOqpAZhEoWlrlDUxA5zVuNzwkpkfyslDczivDvF51Ms2efty77E-d8srIHDdPgngI96b2oY50_ZT3XRVkU0U-ohK1Ps0rA5wFqDq0_cn85iza5B-4bSj2eqFIPQiBkrMf9Iw" /><input name="RememberMe" type="hidden" value="false" /></form> </div> </div> </div>   <script src="/lib/jquery/dist/jquery.min.js"></script> <script src="/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></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> </body> </html>

CINXE.COM

Checkout - uSkinned Members Portal