CINXE.COM
Login - Tremhost
<!doctype html> <html lang="en" data-bs-theme="light"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Login - Tremhost</title> <!-- Styling --> <link href="/clientarea/templates/x/img/favicon.png" rel="shortcut icon"> <link href="/clientarea/templates/x/css/all.min.css?v=6c0abc" rel="stylesheet"> <link href="/clientarea/templates/x/css/theme.min.css?v=6c0abc" rel="stylesheet"> <link href="/clientarea/assets/css/fontawesome-all.min.css" rel="stylesheet"> <link href="/clientarea/templates/x/css/swiper-bundle.min.css?v=6c0abc" rel="stylesheet"> <link href="/clientarea/templates/x/includes/tt/hostim/css/hostim.css" rel="stylesheet"> <link href="/clientarea/templates/x/css/custom.css" rel="stylesheet"> <script> var csrfToken = 'b7b222a12fcae529ed4db73ed9db9f8fce050514', markdownGuide = 'Markdown Guide', locale = 'en', saved = 'saved', saving = 'autosaving', whmcsBaseUrl = "/clientarea", requiredText = 'Required', recaptchaSiteKey = "6LdUwhQUAAAAAN6o2T2ibcPSAaep3H-dHmVLg7V9"; </script> <script src="/clientarea/templates/x/js/scripts.min.js?v=6c0abc"></script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-107207634-1']); _gaq.push(['_setDomainName', 'tremhost.com']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!-- OneAll.com / Social Login 1.0 for WHMCS --> <script data-cfasync="false" type="text/javascript"> (function() { var oa = document.createElement('script'); oa.type = 'text/javascript'; oa.async = true; oa.src = 'https://tremhost.api.oneall.com/socialize/library.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oa, s); })(); </script> </head> <body class="tt-body-wrapper "> <!--for single navbar include this "tt-single-navbar.tpl" file and for double navbar then include this "tt-double-navbar.tpl" file--> <header id="header" class="header tt-header"> <div class="overlay"></div> <div class="navbar navbar-light"> <div class="container"> <a class="navbar-brand mr-3" href="/clientarea/index.php"> <img src="/clientarea/assets/img/logo.png" alt="Tremhost" class="logo-img"> </a> <div class="navbar navbar-expand-xl main-navbar-wrapper tt-main-header offcanvas-collapse"> <div class="" id="mainNavbar"> <form method="post" action="/clientarea/knowledgebase/search" class="d-xl-none"> <input type="hidden" name="token" value="b7b222a12fcae529ed4db73ed9db9f8fce050514" /> <div class="input-group search w-100 mb-2"> <div class="input-group-prepend"> <button class="btn btn-default" type="submit"> <i class="fas fa-search"></i> </button> </div> <input class="form-control prepended-form-control" type="text" name="search" placeholder="Search our knowledgebase..."> </div> </form> <ul id="nav" class="navbar-nav mr-auto"> <li menuItemName="Home" class="d-block no-collapse" id="Primary_Navbar-Home"> <a class="pr-4" href="/clientarea/index.php"> Home </a> </li> <li menuItemName="Store" class="d-block dropdown no-collapse" id="Primary_Navbar-Store"> <a class="pr-4 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"> Store </a> <ul class="dropdown-menu"> <li menuItemName="Browse Products Services" class="dropdown-item" id="Primary_Navbar-Store-Browse_Products_Services"> <a href="/clientarea/store" class="dropdown-item px-2 py-0"> Browse All </a> </li> <div class="dropdown-divider"></div> <li menuItemName="Web Hosting" class="dropdown-item" id="Primary_Navbar-Store-Web_Hosting"> <a href="/clientarea/store/annual-web-hosting" class="dropdown-item px-2 py-0"> Web Hosting </a> </li> <li menuItemName="Cpanel Virtual Private Server" class="dropdown-item" id="Primary_Navbar-Store-Cpanel_Virtual_Private_Server"> <a href="/clientarea/store/virtual-private-server" class="dropdown-item px-2 py-0"> Cpanel Virtual Private Server </a> </li> <li menuItemName="Dedicted Servers" class="dropdown-item" id="Primary_Navbar-Store-Dedicted_Servers"> <a href="/clientarea/store/dedicted-servers" class="dropdown-item px-2 py-0"> Dedicted Servers </a> </li> <li menuItemName="Email Hosting" class="dropdown-item" id="Primary_Navbar-Store-Email_Hosting"> <a href="/clientarea/store/email-hosting" class="dropdown-item px-2 py-0"> Email Hosting </a> </li> <li menuItemName="Web Designing & Annual Hosting + Emails" class="dropdown-item" id="Primary_Navbar-Store-Web_Designing_&_Annual_Hosting_+_Emails"> <a href="/clientarea/store/web-designing-and-annual-hosting-emails" class="dropdown-item px-2 py-0"> Web Designing & Annual Hosting + Emails </a> </li> <li menuItemName="Cpanel Reseller" class="dropdown-item" id="Primary_Navbar-Store-Cpanel_Reseller"> <a href="/clientarea/store/cpanel-reseller" class="dropdown-item px-2 py-0"> Cpanel Reseller </a> </li> <li menuItemName="SSL Certificates" class="dropdown-item" id="Primary_Navbar-Store-SSL_Certificates"> <a href="/clientarea/store/ssl-certificates" class="dropdown-item px-2 py-0"> SSL Certificates </a> </li> <li menuItemName="Wordpress & E-commerce" class="dropdown-item" id="Primary_Navbar-Store-Wordpress_&_E-commerce"> <a href="/clientarea/store/wordpress-and-e-commerce" class="dropdown-item px-2 py-0"> Wordpress & E-commerce </a> </li> <li menuItemName="SEO Optimisation " class="dropdown-item" id="Primary_Navbar-Store-SEO_Optimisation_"> <a href="/clientarea/store/seo-optimisation" class="dropdown-item px-2 py-0"> SEO Optimisation </a> </li> <li menuItemName="Licenses" class="dropdown-item" id="Primary_Navbar-Store-Licenses"> <a href="/clientarea/store/licenses" class="dropdown-item px-2 py-0"> Licenses </a> </li> <li menuItemName="BizMail" class="dropdown-item" id="Primary_Navbar-Store-BizMail"> <a href="/clientarea/store/bizmail" class="dropdown-item px-2 py-0"> BizMail </a> </li> <li menuItemName="License Reseller" class="dropdown-item" id="Primary_Navbar-Store-License_Reseller"> <a href="/clientarea/store/license-reseller" class="dropdown-item px-2 py-0"> License Reseller </a> </li> <li menuItemName="Master Reseller" class="dropdown-item" id="Primary_Navbar-Store-Master_Reseller"> <a href="/clientarea/store/master-reseller" class="dropdown-item px-2 py-0"> Master Reseller </a> </li> <li menuItemName="Unmanaged VPS" class="dropdown-item" id="Primary_Navbar-Store-Unmanaged_VPS"> <a href="/clientarea/store/unmanaged-vps" class="dropdown-item px-2 py-0"> Unmanaged VPS </a> </li> <li menuItemName="Windows VPS" class="dropdown-item" id="Primary_Navbar-Store-Windows_VPS"> <a href="/clientarea/store/windows-vps" class="dropdown-item px-2 py-0"> Windows VPS </a> </li> <li menuItemName="Cpanel Dedicated Servers" class="dropdown-item" id="Primary_Navbar-Store-Cpanel_Dedicated_Servers"> <a href="/clientarea/store/cpanel-dedicated-servers" class="dropdown-item px-2 py-0"> Cpanel Dedicated Servers </a> </li> <li menuItemName="S3 Storage" class="dropdown-item" id="Primary_Navbar-Store-S3_Storage"> <a href="/clientarea/store/s3-storage" class="dropdown-item px-2 py-0"> S3 Storage </a> </li> <li menuItemName="Kubernetes" class="dropdown-item" id="Primary_Navbar-Store-Kubernetes"> <a href="/clientarea/store/kubernetes" class="dropdown-item px-2 py-0"> Kubernetes </a> </li> <li menuItemName="Lifetime Web Hosting" class="dropdown-item" id="Primary_Navbar-Store-Lifetime_Web_Hosting"> <a href="/clientarea/store/lifetime-web-hosting" class="dropdown-item px-2 py-0"> Lifetime Web Hosting </a> </li> <li menuItemName="Lifetime Reseller Hosting" class="dropdown-item" id="Primary_Navbar-Store-Lifetime_Reseller_Hosting"> <a href="/clientarea/store/lifetime-reseller-hosting" class="dropdown-item px-2 py-0"> Lifetime Reseller Hosting </a> </li> <li menuItemName="Crypto Servers" class="dropdown-item" id="Primary_Navbar-Store-Crypto_Servers"> <a href="/clientarea/store/crypto-servers" class="dropdown-item px-2 py-0"> Crypto Servers </a> </li> <li menuItemName="siteBuilder" class="dropdown-item" id="Primary_Navbar-Store-siteBuilder"> <a href="/clientarea/store/site-builder" class="dropdown-item px-2 py-0"> Site Builder </a> </li> <li menuItemName="weebly" class="dropdown-item" id="Primary_Navbar-Store-weebly"> <a href="/clientarea/store/website-builder" class="dropdown-item px-2 py-0"> Website Builder </a> </li> <div class="dropdown-divider"></div> <li menuItemName="Register a New Domain" class="dropdown-item" id="Primary_Navbar-Store-Register_a_New_Domain"> <a href="/clientarea/cart.php?a=add&domain=register" class="dropdown-item px-2 py-0"> Register a New Domain </a> </li> <li menuItemName="Transfer a Domain to Us" class="dropdown-item" id="Primary_Navbar-Store-Transfer_a_Domain_to_Us"> <a href="/clientarea/cart.php?a=add&domain=transfer" class="dropdown-item px-2 py-0"> Transfer Domains to Us </a> </li> </ul> </li> <li menuItemName="Announcements" class="d-block" id="Primary_Navbar-Announcements"> <a class="pr-4" href="/clientarea/announcements"> News </a> </li> <li menuItemName="Knowledgebase" class="d-block" id="Primary_Navbar-Knowledgebase"> <a class="pr-4" href="/clientarea/knowledgebase"> Knowledgebase </a> </li> <li menuItemName="Affiliates" class="d-block" id="Primary_Navbar-Affiliates"> <a class="pr-4" href="/clientarea/affiliates.php"> Affiliates </a> </li> <li menuItemName="Contact Us" class="d-block" id="Primary_Navbar-Contact_Us"> <a class="pr-4" href="/clientarea/contact.php"> Contact Us </a> </li> <li class="d-none dropdown collapsable-dropdown"> <a class="dropdown-toggle" href="#" id="navbarDropdownMenu" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> More </a> <ul class="collapsable-dropdown-menu dropdown-menu" aria-labelledby="navbarDropdownMenu"> </ul> </li> </ul> </div> </div> <div class="tt-main-header tt-toolbar-wrap"> <ul class="navbar-nav toolbar tt-toolbar-wrap tt-secondary-list"> <li class="nav-item dropdown d-none d-lg-none d-xl-block"> <a href="javascript:void(0)" id="dropdownMenuButton" class="position-relative mr-2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fal fa-search fa-fw"></i> </a> <form method="post" action="/clientarea/knowledgebase/search" class="position-absolute form-inline dropdown-menu dropdown-menu-right p-4 bg-gray-light border-0" aria-labelledby="dropdownMenuButton"> <input type="hidden" name="token" value="b7b222a12fcae529ed4db73ed9db9f8fce050514" /> <div class="input-group search d-none d-xl-flex"> <div class="input-group-prepend"> <button class="btn-default border-0" type="submit"> <i class="fal fa-search"></i> </button> </div> <input class="form-control appended-form-control font-weight-light" type="text" name="search" placeholder="Search our knowledgebase..."> </div> </form> </li> <!--currency dropdown start--> <li class="dropdown" id="currency-dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <img alt="USD" src="/clientarea/templates/x/img/flags/USD.svg" class="tt-country-flag"> <span>$</span> <b class="caret"></b> </a> <ul class="dropdown-menu dropdown-menu-right"> <li><a href="https://tremhost.com/clientarea/login?currency=4"><img alt="USD" src="/clientarea/templates/x/img/flags/USD.svg" class="tt-country-flag"><span>$</span></a></li> <li><a href="https://tremhost.com/clientarea/login?currency=5"><img alt="ZAR" src="/clientarea/templates/x/img/flags/ZAR.svg" class="tt-country-flag"><span>R</span></a></li> <li><a href="https://tremhost.com/clientarea/login?currency=6"><img alt="INR" src="/clientarea/templates/x/img/flags/INR.svg" class="tt-country-flag"><span>₹</span></a></li> </ul> </li> <!--currency dropdown end--> <li class="nav-item"> <a href="/clientarea/register.php" class="btn-sm"><i class="fal fa-user"></i> <span class="tt-hide-sm ml-1"> Register</span></a> </li> <li class="nav-item"> <a href="/clientarea/clientarea.php" class="btn-sm"><i class="fal fa-sign-in"></i> <span class="tt-hide-sm ml-1"> Login</span></a> </li> <li class="nav-item"> <a class="btn nav-link cart-btn" href="/clientarea/cart.php?a=view"> <i class="fal fa-shopping-bag fa-fw"></i> <span id="cartItemCount" class="tt-cart-badge rounded-circle">0</span> <span class="sr-only">Shopping Cart</span> </a> </li> <li class="nav-item ml-2 d-xl-none"> <button class="btn nav-link" type="button" data-toggle="offcanvas"> <span class="far fa-bars fa-fw"></span> </button> </li> </ul> </div> </div> </div> </header> <div class="tt-color-switch"> <a href="javascript:void(0)" class="tt-theme-toggle"> <div class="tt-theme-light" data-toggle="tooltip" data-placement="left" data-title="Dark"><i class="fas fa-moon fs-lg"></i></div> <div class="tt-theme-dark" data-toggle="tooltip" data-placement="left" data-title="Light"><i class="fas fa-sun fs-lg"></i></div> </a> </div> <section id="main-body" class=" tt-auth-wrap"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-10 primary-content"> <div class="providerLinkingFeedback"></div> <div class="tt-form-wrap"> <form method="post" action="/clientarea/login" class="login-form" role="form"> <input type="hidden" name="token" value="b7b222a12fcae529ed4db73ed9db9f8fce050514" /> <div class="tt-form-container"> <div class="tt-form-content"> <div class="mb-4"> <h3 class="h4 mt-4">Login</h3> <p class="text-muted mb-0">Sign in to your account to continue.</p> </div> <div class="form-group"> <label for="inputEmail" class="form-control-label">Email Address</label> <div class="input-group input-group-merge"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fad fa-envelope"></i></span> </div> <input type="email" class="form-control" name="username" id="inputEmail" placeholder="name@example.com" autofocus> </div> </div> <div class="form-group mb-4 focused"> <div class="d-flex align-items-center justify-content-between"> <label for="inputPassword" class="form-control-label">Password</label> <div class="mb-2"> <a href="/clientarea/password/reset" class="small text-muted" tabindex="-1">Forgot Password?</a> </div> </div> <div class="input-group input-group-merge"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fad fa-key"></i></span> </div> <input type="password" class="form-control pw-input" name="password" id="inputPassword" placeholder="Password" autocomplete="off"> <div class="input-group-append"> <button class="btn-reveal-pw" type="button" tabindex="-1"> <i class="fad fa-eye"></i> </button> </div> </div> </div> <div class="tt-captcha-wrapper"> <div id="google-recaptcha-domainchecker" class="form-group recaptcha-container mx-auto"></div> </div> <div class="d-flex align-items-center justify-content-between"> <button id="login" type="submit" class="btn btn-primary btn-recaptcha"> Login </button> <label class="mb-0"> <input type="checkbox" class="form-check-input" name="rememberme" /> Remember Me </label> </div> <div class="mt-3 d-flex align-items-center justify-content-between"> <p class="mb-0">Not registered? <a href="/clientarea/register.php">Create account</a></p> <ul class="list-inline mb-0"> <li class="list-inline-item"> <button type="button" class="btn p-0" data-toggle="modal" data-target="#modalChooseLanguage"> <div class="d-inline-block align-middle"> <div class="iti-flag us"></div> </div> English / $ USD </button> </li> </ul> </div> </div> <div class="tt-login-registration-testimonial" style="background: url('/clientarea/templates/x/img/tt-login-testimonial-bg.jpg')no-repeat center bottom / cover"> <div class="tt-testimonial-slider"> <div class="swiper-container custom-slider-2 overflow-hidden"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="p-4 tt-rounded tt-login-testimonial"> <div class="tt-review mb-2"> <img src="/clientarea/templates/x/img/star-review-5.svg" alt="review"> </div> <p>This company has got it right!! Great, well defined and described products, easy to use platform, super speed delivery!</p> <div class="tt-testimonial-author d-flex align-items-center mt-4"> <img src="/clientarea/templates/x/img/author-1.jpg" alt="author" class="img-fluid rounded-circle" width="45"> <div class="ml-3"> <h6 class="mb-0">Elias M. Jessen</h6> <span class="tt-designation">Co-Founder</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="p-4 tt-rounded tt-login-testimonial"> <div class="tt-review mb-2"> <img src="/clientarea/templates/x/img/star-review-3.svg" alt="review"> </div> <p>This company has got it right!! Great, well defined and described products, easy to use platform, super speed delivery!</p> <div class="tt-testimonial-author d-flex align-items-center mt-4"> <img src="/clientarea/templates/x/img/author-2.jpg" alt="author" class="img-fluid rounded-circle" width="45"> <div class="ml-3"> <h6 class="mb-0">Jessen Joy</h6> <span class="tt-designation">Co-Founder</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="p-4 tt-rounded tt-login-testimonial"> <div class="tt-review mb-2"> <img src="/clientarea/templates/x/img/star-review-2.svg" alt="review"> </div> <p>This company has got it right!! Great, well defined and described products, easy to use platform, super speed delivery!</p> <div class="tt-testimonial-author d-flex align-items-center mt-4"> <img src="/clientarea/templates/x/img/author-3.jpg" alt="author" class="img-fluid rounded-circle" width="45"> <div class="ml-3"> <h6 class="mb-0">Roy</h6> <span class="tt-designation">Co-Founder</span> </div> </div> </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </div> </div> </form> </div> </div> </div> </section> <footer id="footer" class="footer py-0 bg-dark tt-footer"> <div class="tt-footer-top ptb-60"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6"> <div class="tt-footer-widget"> <h6 class="text-white">Account & Support</h6> <ul class="list-unstyled tt-footer-menu mt-3"> <li><a href="https://wa.me/+263735639917">Whatsapp Tech Support</a></li> <li><a href="https://wa.me/+263785960376">Whatsapp Billing Support</a></li> <li><a href="https://tremhost.com/clientarea/login">Clientarea Login</a></li> <li><a href="https://www.tremhost.com/clientarea/submitticket.php">Support Ticket</a></li> <li><a href="https://tremhost.com/x/contact.html">Contact</a></li> </ul> <ul class="list-inline mb-0"> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="tt-footer-widget"> <h6 class="text-white">Top Products</h6> <ul class="list-unstyled tt-footer-menu mt-3"> <li><a href="/clientarea/store/web-hosting">Web Hosting</a></li> <li><a href="/clientarea/store/vps-hosting">VPS Hosting</a></li> <li><a href="/clientarea/store/reseller-hosting">Reseller Hosting</a></li> <li><a href="/clientarea/store/store/licenses">Licenses</a></li> <li> <a href="/clientarea/contact.php"> Contact Us </a> </li> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="tt-footer-widget"> <h6 class="text-white">Top Services</h6> <ul class="list-unstyled tt-footer-menu mt-3"> <li><a href="/clientarea/store/ssl-certificates">SSL Certificates</a></li> <li><a href="/clientarea/store/email-services">E-mail Services</a></li> <li><a href="/clientarea/store/web-designing-and-annual-hosting-emails">Web Design</a></li> <li><a href="/clientarea/store/seo-optimisation">SEO Optimisation</a></li> <li><a href="/clientarea/store/e-commerceo">E-Commerce</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6"> <div class="tt-footer-widget"> <h6 class="text-white">Payment Options</h6> <img src="/clientarea/templates/x/img/icon-payments.png" class="img-fluid mt-3" alt="support image"> </div> </div> </div> </div> </div> <div class="tt-footer-bottom py-3"> <div class="container"> <div class="row align-items-center justify-content-lg-between"> <div class="col-lg-7"> <p class="copyright text-left mb-0 mt-0"> Copyright © 2025 Tremhost. All Rights Reserved. </p> </div> <div class="col-lg-4"> <ul class="list-inline mb-0 float-lg-right"> <li class="list-inline-item"> <button type="button" class="btn" data-toggle="modal" data-target="#modalChooseLanguage"> <div class="d-inline-block align-middle"> <div class="iti-flag us"></div> </div> English / $ USD </button> </li> </ul> </div> </div> </div> </div> </footer> <div id="fullpage-overlay" class="w-hidden"> <div class="outer-wrapper"> <div class="inner-wrapper"> <img src="/clientarea/assets/img/overlay-spinner.svg" alt=""> <br> <span class="msg"></span> </div> </div> </div> <div class="modal system-modal fade" id="modalAjax" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title"></h5> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span> </button> </div> <div class="modal-body"> Loading... </div> <div class="modal-footer"> <div class="float-left loader"> <i class="fas fa-circle-notch fa-spin"></i> Loading... </div> <button type="button" class="btn btn-default" data-dismiss="modal"> Close </button> <button type="button" class="btn btn-primary modal-submit"> Submit </button> </div> </div> </div> </div> <form method="get" action="/clientarea/login?"> <div class="modal modal-localisation" id="modalChooseLanguage" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body p-4"> <div class="d-flex align-items-center justify-content-between pb-3"> <h5>Choose language</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true"><i class="fal fa-times"></i></span> </button> </div> <h5 class="h5 mt-4 text-dark">Choose Currency</h5> <div class="row item-selector"> <input type="hidden" name="currency" data-current="1" value=""> <div class="col-6 col-lg-3"> <a href="#" class="item active" data-value="1"> $ USD </a> </div> <div class="col-6 col-lg-3"> <a href="#" class="item" data-value="4"> $ USD </a> </div> <div class="col-6 col-lg-3"> <a href="#" class="item" data-value="5"> R ZAR </a> </div> <div class="col-6 col-lg-3"> <a href="#" class="item" data-value="6"> ₹ INR </a> </div> </div> <button type="submit" class="btn btn-primary mt-4">Apply Now</button> </div> </div> </div> </div> </form> <form action="#" id="frmGeneratePassword"> <div class="modal fade" id="modalGeneratePassword"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header bg-gray-light text-white"> <h5 class="modal-title"> Generate Password </h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="alert alert-danger w-hidden" id="generatePwLengthError"> Please enter a number between 8 and 64 for the password length </div> <div class="form-group"> <label for="generatePwLength" class="col-form-label">Password Length</label> <input type="number" min="8" max="64" value="12" step="1" class="form-control input-inline" id="inputGeneratePasswordLength"> </div> <div class="form-group"> <label for="generatePwOutput" class="col-form-label">Generated Password</label> <input type="text" class="form-control" id="inputGeneratePasswordOutput"> <div class="mt-3"> <button type="submit" class="btn btn-default btn-sm"> <i class="fad fa-key fa-fw"></i> Generate new password </button> <button type="button" class="btn btn-default btn-sm copy-to-clipboard" data-clipboard-target="#inputGeneratePasswordOutput"> <i class="fad fa-copy mr-2"></i> Copy </button> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal"> Close </button> <button type="button" class="btn btn-primary" id="btnGeneratePasswordInsert" data-clipboard-target="#inputGeneratePasswordOutput"> Copy to clipboard & Insert </button> </div> </div> </div> </div> </form> <script type="text/javascript"> var __lc = {}; __lc.license = 15915990; __lc.group = 1; (function() { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); })(); </script> <script src="/clientarea/templates/x/js/swiper-bundle.min.js"></script> <script src="/clientarea/templates/x/js/jquery.easing.min.js"></script> <script src="/clientarea/templates/x/js/custom.js?v=6c0abc"></script> </body> </html>