CINXE.COM
Client Portal | Solvid
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" /> <meta name="description" content="Client portal for Solvid" /> <meta name="robots" content="noindex" /> <meta name="csrf-token" content="N3ciaCp09s7duvWiJ2Tm2snKm4Z5Vlrdf2ulumV6" /> <meta name="turbo-cache-control" content="no-cache" /> <meta http-equiv="refresh" content="7200" /> <link rel="shortcut icon" href="https://spp-clients.s3-accelerate.amazonaws.com/aac2ca85-a50d-4e3c-9658-51cce6524fc3/Group-233.svg" /> <title> Client Portal | Solvid </title> <link rel="stylesheet" href="https://use.typekit.net/bxa8xcu.css" /> <style> :root { --sidebar-bg: #624ede !important; --sidebar-bg-2: #3d26ca !important; --accent-color: #38e1d0 !important; --accent-color-2: #1dc3b3 !important; --body-bg: #ffffff !important; } </style> <link rel="preload" as="style" href="https://my.solvid.co.uk/build/assets/clients.57c89e3b.css" /><link rel="stylesheet" href="https://my.solvid.co.uk/build/assets/clients.57c89e3b.css" data-turbo-track="reload" /> <link rel="manifest" href="https://my.solvid.co.uk/manifest.json" /> <script src="https://js.stripe.com/v3/" defer></script> <script src="https://js.sentry-cdn.com/f2d3f39f4da346cc9e444e044a204649.min.js" crossorigin="anonymous" ></script> <link rel="modulepreload" href="https://my.solvid.co.uk/build/assets/clients.fd114acc.js" /><link rel="modulepreload" href="https://my.solvid.co.uk/build/assets/app.2ae97e80.js" /><script type="module" src="https://my.solvid.co.uk/build/assets/clients.fd114acc.js" data-turbo-track="reload"></script> <script src="https://kit.fontawesome.com/51761b1c6c.js" integrity="sha384-TkHCDK2R4IB93mPBtcXB9TEEMBrgr+TauHljGd1FRtIUOlP3bzlwhereXI2hOKjr" crossorigin="anonymous" ></script> <script src="https://my.solvid.co.uk/help-widget/widget.js" async></script> <style> .p-2 { padding: 1rem!important; } .form-builder-field input:checked+.item-wrapper:before { font-size: 15px !important; } .orderform .item-wrapper { border-radius: 0.7rem !important; } .sidebar .sidebar-sticky .nav-link { border-radius: 0.5rem; } .sidebar .sidebar-sticky .title { font-weight: 600; padding-top: 20px; } .sidebar .navbar-brand{ margin-bottom: 10px; } body{ font-weight: 500; } .table.portal-table .btn-primary { font-weight: 600 !important; } .alert-success a:not(.btn) { color: #505c7c; font-weight: 600; } .alert { font-weight: 600; } label { font-weight: 600; color: #505c7c; font-size: 14px; } .form-control { background-color: #f5f5fb; border: 0px solid rgba(145, 131, 228, 0.25); border-radius: 7px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; height: calc(2.5em + 1rem + 2px); border-radius: 12px; } .form-control:focus { box-shadow: none; background-color: #f5f5fb; border: 0px solid rgba(145, 131, 228, 0.25); } #card-element .form-control{ padding-top:18px !important; } #card-element{ padding-top:18px !important; } .custom-control-input:checked~.custom-control-label:before { border-color: #38DFCE; background-color: #38DFCE; } .custom-control-label { margin-top: 1px; } .bootstrap-select.btn-group .dropdown-menu a.dropdown-item { color: #42526e; } .dropdown-item:active { background-color: #fafafd; } .dropdown-item:focus{ box-shadow: none; background-color: #f5f5fb; } .dropdown-item:focus { box-shadow: none; border: 0px solid #f0eaf0; outline: none; } .bootstrap-select.btn-group .dropdown-menu a.dropdown-item span.dropdown-item-inner { display: block; outline: none; } .bootstrap-select.btn-group .dropdown-menu { margin-top: 10px; margin-bottom: 10px; border-radius: 12px } .btn-lg { border-radius: 12px; } .btn-group.show .dropdown-toggle { box-shadow: none; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #42526e; } .btn:not(:disabled):not(.disabled) { cursor: pointer; border-radius: 10px; } .bootstrap-select.btn-group .dropdown-toggle:focus { box-shadow: none; } .btn-primary { font-weight: 600 !important; border-radius: 10px; } .list-group-item { border: 1px solid #f5f5fb; margin-bottom: 10px; border-radius: 12px; } .list-group-item:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .input-group .btn-secondary { border: 0px solid #062a8e12; } .input-group .btn-secondary:hover { border: 0px solid #062a8e12; } .input-group .btn-secondary:focus { border: 0px solid #062a8e12; } .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary:hover { border: none!important; background: #f5f5fb!important; } .btn-secondary { background: #f5f5fb; border: 1px solid #f5f5fb; color: #42526e; border-radius: 10px; } .custom-control-label:before { background-color: #f1f1f9; border: none; box-shadow: none; } .list-group-item { box-shadow: 0 1px 4px rgba(50,50,93,.1); border: none; padding-top: 13px; margin-top: 10px; } .orderform .item-wrapper { transition: border .15s ease-in,box-shadow .2s ease-in; box-shadow: 0 1px 3px 0 #D5D7E9!important; border: none; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } } .orderform .item-wrapper:hover { border: none; transition: border .15s ease-in,box-shadow .2s ease-in; box-shadow: 0 3px 7px 0 #E0E1EA!important; } .orderform input:checked+.item-wrapper { border: none; outline: none; } .orderform .item-cards.optgroup .row { margin-left: -5px; margin-right: -5px; } .orderform .item-cards.optgroup div[class^=col-] { padding-left: 5px; padding-right: 5px; border-radius: 3px; } .orderform .item-cards.optgroup div[class^=col-]:last-child .item-wrapper { border-radius: .7rem; } .orderform .item-cards.optgroup div[class^=col-]:first-child .item-wrapper { border-radius: .7rem; } .orderform input[type=radio]:checked+.item-wrapper:before { color: #38DFCE; position: absolute; } .well { background-color: #fff; color: #42526e; padding: 10px; margin-bottom: 0px; margin-top: 0px; border-radius: none; box-shadow: none; padding-bottom: 15px !important; } .orderform input:checked+.item-wrapper .item-title { color: #42526e; } .container-fluid .content { margin-left: auto; margin-right: auto; border-radius: 12px !important; padding-top: 25px !important; } .form-group.form-group-lg.multiselect .btn i { display: none; } .form-group-lg.multiselect .bootstrap-select.btn-group.form-control .dropdown-toggle { background-size: 13px !important; background-position: 98% !important; background-color: #fff !important; background-image: url(https://solvid.co.uk/wp-content/uploads/2020/05/signs.svg) !important; background-repeat: no-repeat !important; transition: border .15s ease-in,box-shadow .2s ease-in; box-shadow: 0 1px 3px 0 #D5D7E9!important; } .form-group-lg.multiselect .bootstrap-select.btn-group.form-control .dropdown-toggle:hover { transition: border .15s ease-in,box-shadow .2s ease-in; box-shadow: 0 2px 7px 0 #E0E1EA!important; } .dropdown-item.active, .dropdown-item.active:hover, .dropdown-item:active, .dropdown-item:active:hover { background-color: #f5f5fb; } .dropdown-item.active, .dropdown-item:active { background-color: #f5f5fb; } .dropdown-item:active { background-color: #f5f5fb; } .dropdown-item:focus { background-color: #f5f5fb; } .dropdown-item:hover { background-color: #f5f5fb; } .dropdown-item.active .small, .dropdown-item.active:hover .small, .dropdown-item:active .small, .dropdown-item:active:hover .small { color: #6b778c; } section { background: #fff; border-radius: 7px; padding: 3rem; box-shadow: 9px 0px 100px 0px rgba(99,127,155,0.18)!important; } .table thead th { color: #505c7c; } .table { color: #42526e; } @media (max-width: 991.98px) .checkout-right .invoice-items { border-top-left-radius: 7px !important; border-top-right-radius: 7px !important; } .invoice-items .totals { border-top: 2px solid #dfe1e6; } .btn-light { background: #f5f5fb; border: 1px solid #f5f5fb; box-shadow: 0 1px 1px 0 #f5f5fb; color: #42526e; border-radius: 10px; } .orderform .item-title { font-weight: 600; cursor: default; color: #505c7c; } .orderform .item-description:not(:empty) { color: #42526e; font-weight: 400; } .orderform .item-price { color: #505c7c; } .intro{ color: #42526e; } .help-block{ color: #42526e; } .navbar.navbar-light { border-bottom: none; box-shadow: 0 2px 25px 0 #ebecf0!important; } @media (max-width: 767px){ .checkout-right .invoice-items { margin-top: 50px; } } @media (max-width: 991.98px){ .checkout-left section { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } } .input-group-text{ border:none; } .sidebar .navbar-brand { width: 75%; } .navbar.navbar-public .navbar-brand img { max-width: 120px; } .invoice-items .btn:not(:disabled):not(.disabled) { cursor: pointer; width: 100%; background: #38DFCE; color: white; font-weight: 600; border-radius: 8px; } .content section { background: #fff; border-radius: 12px; padding: 3rem; } .services .card { height: 100%; transition: box-shadow .2s ease-in; border-radius: 12px; background-color: #f5f5fb; } footer a { color: #b3bac5; transition: color .2s ease-in; display: none !important; } @media (max-width: 575px){ .orderform .item-cards .card { box-shadow: 0 1px 3px 0 #D5D7E9!important; transition: border .15s ease-in,box-shadow .2s ease-in; } .orderform .item-cards .card:hover { transition: border .15s ease-in,box-shadow .2s ease-in; box-shadow: 0 3px 7px 0 #E0E1EA!important; } section { padding: 2rem; } } </style> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-948063447"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-948063447'); </script></head> <body class="vertical-center"> <div class="container-fluid"> <div class="navbar navbar-public p-0"> <a href="https://my.solvid.co.uk" class="navbar-brand"> <img src="https://spp-clients.s3-accelerate.amazonaws.com/088080b1-1a94-4798-9e67-719449388c2e/Group-(3).svg" alt="Solvid" style="max-width: 15rem"> </a> </div> <main class="content"> <div id="status" class="status-top pointer-events-none fixed z-50 w-full"> </div> <style> .vertical-center { display: flex; justify-content: center; min-height: 100%; background-color: #624EDE !important; background-image: URL(https://solvid.co.uk/wp-content/uploads/2023/08/Vector-3.svg) !important; background-size: 50% !important; background-position: 150% 200% !important; background-repeat: no-repeat !important; } .container-fluid .content, .container-xl .content { background: white; border-radius: 5px; margin-top: 30px; } @media (min-width: 576px){ .container-fluid .content { max-width: 450px; margin-left: auto; margin-right: auto; } .form-label-group label { color: #42526e; font-weight: 400; } } @media (max-width: 575px){ .container-fluid .content { margin-left: auto; margin-right: auto; padding: 20px; } .form-label-group label { color: #42526e; font-weight: 400; } } .navbar.navbar-public .navbar-brand img { content: url(https://solvid.co.uk/wp-content/uploads/2023/08/Group-1.svg); } @media (min-width: 576px){ .container.container-xs { max-width: 400px; } } .vertical-center .container-fluid { margin-top: auto; margin-bottom: auto; background-image: url(https://solvid.co.uk/wp-content/uploads/2023/08/Group-132.svg); background-repeat: no-repeat; background-size: 500px; background-position: 50% 100%; } @media (max-width: 575px){ .vertical-center .container-fluid { background-size: 300px; background-position: 50% 97%; } } .content div.container:not(.orderform) { margin-bottom: 1rem; } .mb-5 { margin-bottom: 2rem!important; } .navbar.navbar-public .navbar-brand img { max-width: 10rem !important; } </style> <div class="container container-xs"> <h1 class="text-center mb-5 text-gray-700"> Welcome back 馃憢 </h1> <form role="form" method="post" action="https://my.solvid.co.uk/login/email" autocomplete="on" data-turbo="false"> <input type="hidden" name="_token" value="N3ciaCp09s7duvWiJ2Tm2snKm4Z5Vlrdf2ulumV6" autocomplete="off"> <div class="form-label-group"> <input type="email" class="form-control" name="email" id="email" value="" placeholder="Email" autocomplete="email" autofocus required> <label for="email">Email</label> </div> <div class="form-group"> <input type="hidden" value="1" name="remember"> <button type="submit" class="btn btn-primary btn-block btn-lg">Sign in</button> </div> <div class="text-center text-muted text-sm"> Don't have an account? <a href="https://my.solvid.co.uk/signup"> Sign up </a> </div> </form> </div> </main> <footer class=" pt-3 " > <a href="https://spp.co?utm_campaign=linkback" class="powered-by-spp" target="_blank">Powered by SPP</a> </footer> <script async src="https://www.googletagmanager.com/gtag/js?id=G-167F9LQ5W0"></script> <script data-turbo-track="reload"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", 'G-167F9LQ5W0'); </script> </div> </body> </html>