CINXE.COM
vCardGo SaaS - Login
<!DOCTYPE html> <html lang="en" dir=""> <head> <style> :root { --color-customColor: theme-3; } </style> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/css/custom-color.css"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui" /> <meta name="description" content="Dashboard Template Description" /> <meta name="keywords" content="Dashboard Template" /> <meta name="author" content="Workdo" /> <!-- CSRF Token --> <meta name="csrf-token" content="YXk5KtBC0X9gdnH5nIEpUfmLuWfaogLvElXTLoEd"> <title> vCardGo SaaS - Login </title> <!-- Favicon --> <link rel="shortcut icon" href="https://demo.workdo.io/vcardgo-saas/storage/uploads/logo/favicon.png"> <!-- font css --> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/fonts/tabler-icons.min.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/fonts/feather.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/fonts/fontawesome.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/fonts/material.css"> <!-- vendor css --> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/css/style.css" id="main-style-link"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/css/customizer.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/custom/css/custom.css"> <link rel="stylesheet" href="https://demo.workdo.io/vcardgo-saas/assets/css/custom-auth.css" id="main-style-link"> <style type="text/css"> img.navbar-brand-img { width: 245px; height: 61px; } .hover-img.d-none { border: 0; } .hover-img { position: absolute; max-width: 500px; max-height: 320px; width: 100%; height: 100%; top: 59%; left: 400px; border-radius: 20px; overflow: hidden; border: 3px solid var(--bs-btn-border-color); z-index: 99; transition: all 7s ease-in-out; padding-top: 25%; visibility: hidden; } .hover-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; position: absolute; top: 0; left: 0; transition: all 7s ease-in-out; } .hover-img.active img { object-position: bottom !important; visibility: visible; } </style> </head> <body class="theme-3"> <div class="announcebar main-site-annouce admin-announce"> <style> .hover-effect { font-size: 17px; transition: transform 0.3s ease-in-out; } .hover-effect:hover { transform: scale(1.2); } </style> <div class="announcebar"> <a id="offer1" class="offer-text" href="https://codecanyon.net/item/vcardgo-saas-digital-business-card-builder/34885397" target="_blank"> <p class="text-center text-capitalize text-white hover-effect" style="font-size: 17px; hover:transform: scale(1.2);">Cyber Sale : <b><span style="color:#F4B41A"> Unlock 50% Off </span></b>vCardGo SaaS on <b style="color:#00dd37">Envato</b> -<span> Transform Your Business Today!</span> </p></p> </a> </div> <script src="https://demo.workdo.io/vcardgo-saas/public/assets/js/jquery.min.js"></script> <script> const offers = document.querySelectorAll('.offer-text'); let currentIndex = 0; function showNextOffer() { offers[currentIndex].style.display = 'none'; currentIndex = (currentIndex + 1) % offers.length; offers[currentIndex].style.display = 'block'; } offers[currentIndex].style.display = 'block'; setInterval(showNextOffer, 4000); </script> </div> <div class="custom-login"> <div class="login-bg-img"> <img src="https://demo.workdo.io/vcardgo-saas/assets/images/auth/theme-3.svg" class="login-bg-1"> <img src="https://demo.workdo.io/vcardgo-saas/assets/images/auth/common.svg" class="login-bg-2"> </div> <div class="bg-login bg-primary"></div> <div class="custom-login-inner"> <header class="dash-header"> <nav class="navbar navbar-expand-md default"> <div class="container-fluid pe-2"> <div class="navbar-brand"> <a href="#"> <img class="logo" src="https://demo.workdo.io/vcardgo-saas/storage/uploads/logo/logo-dark.png?1732754529" alt="" loading="lazy" /> </a> </div> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarlogin"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarlogin"> <ul class="navbar-nav align-items-center ms-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link" href="https://demo.workdo.io/vcardgo-saas/pages/about_us">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="https://demo.workdo.io/vcardgo-saas/pages/terms_and_conditions">Terms and Conditions</a> </li> <li class="nav-item"> <a class="nav-link" href="https://demo.workdo.io/vcardgo-saas/pages/privacy_policy">Privacy Policy</a> </li> <div class="lang-dropdown-only-desk"> <li class="dropdown dash-h-item drp-language"> <a class="dash-head-link dropdown-toggle btn" href="#" data-bs-toggle="dropdown" aria-expanded="false"> <span class="drp-text"> English </span> </a> <div class="dropdown-menu dash-h-dropdown dropdown-menu-end"> <a href="https://demo.workdo.io/vcardgo-saas/login/ar"tabindex="0" class="dropdown-item "> <span>Arabic</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/zh"tabindex="0" class="dropdown-item "> <span>Chinese</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/da"tabindex="0" class="dropdown-item "> <span>Danish</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/de"tabindex="0" class="dropdown-item "> <span>German</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/en"tabindex="0" class="dropdown-item active "> <span>English</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/es"tabindex="0" class="dropdown-item "> <span>Spanish</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/fr"tabindex="0" class="dropdown-item "> <span>French</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/he"tabindex="0" class="dropdown-item "> <span>Hebrew</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/it"tabindex="0" class="dropdown-item "> <span>Italian</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/ja"tabindex="0" class="dropdown-item "> <span>Japanese</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/nl"tabindex="0" class="dropdown-item "> <span>Dutch</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/pl"tabindex="0" class="dropdown-item "> <span>Polish</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/pt"tabindex="0" class="dropdown-item "> <span>Portuguese</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/ru"tabindex="0" class="dropdown-item "> <span>Russian</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/tr"tabindex="0" class="dropdown-item "> <span>Turkish</span> </a> <a href="https://demo.workdo.io/vcardgo-saas/login/pt-br"tabindex="0" class="dropdown-item "> <span>Portuguese(Brazil)</span> </a> </div> </li> </div> </ul> </div> </div> </nav> </header> <main class="custom-wrapper"> <div class="custom-row"> <div class="card"> <!-- [ auth-signup ] start --> <div class="card-body"> <div> <h2 class="mb-3 f-w-600">Login</h2> </div> <form method="POST" action="https://demo.workdo.io/vcardgo-saas/login" accept-charset="UTF-8" id="loginForm" class="login-form needs-validation" novalidate><input name="_token" type="hidden" value="YXk5KtBC0X9gdnH5nIEpUfmLuWfaogLvElXTLoEd"> <div class="custom-login-form"> <div class="form-group mb-3"> <label class="form-label">Email</label><span class="text-danger">*</span> <input class="form-control" id="input-email" placeholder="Enter Your Email" required="required" name="email" type="text" value="company@example.com"> </div> <div class="form-group mb-3"> <label class="form-label">Password</label><span class="text-danger">*</span> <input type="password" class="form-control " name="password" id="input-password" placeholder="Enter Your Password" value="1234" required="required"> </div> <div class="form-group mb-4"> <div class="d-flex flex-wrap align-items-center justify-content-between"> <span><a href="https://demo.workdo.io/vcardgo-saas/forgot-password/en" tabindex="0">Forgot your password?</a></span> </div> </div> <div class="d-grid"> <input class="btn btn-primary mt-2" id="saveBtn" type="submit" value="Login"> </div> <p class="my-4 text-center">Don't have an account? <a href="https://demo.workdo.io/vcardgo-saas/register/en" tabindex="0">Register</a> </p> <div class="d-flex flex-wrap autorized-btn"> <button class="btn btn-primary" type="button" id="super_admin_login">Super Admin</button> <button class="btn btn-primary" type="button" id="company_login">Company</button> <button class="btn btn-primary" type="button" id="manager_login">Editor</button> <button class="btn btn-primary" type="button" id="assistant_login">Assistant</button> </div> <div class="col-12 "> <div class="row"> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme1/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/it-developer" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> IT Developer </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme2/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/car-mechanic" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Car Mechanic </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme3/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/wedding-planner" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Wedding Planner </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme4/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/wedding-management" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Wedding </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme5/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/lawyer" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Lawyer </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme6/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/doctor" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Doctor </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme7/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/photo-studio" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Photo Studio </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme8/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/influencer" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Influencer </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme9/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/model" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Model </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme10/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/event-management" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Event Management </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme11/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/actor" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Actor </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme12/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/graphics-design" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white" target="_blank">Graphics Design</a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme13/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/salon" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white"> Salon </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme14/color1.png"> <div class=" mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/marketing-agency" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white">Marketing Agency</a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme15/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/surgeon" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white"> Surgeon </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme16/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/gym-fitness" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white">Gym Fitness</a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme17/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/health" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white"> Health Wellness </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme18/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/legal-advising" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white">Legal Advising</a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme19/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/photography" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white"> Photography </a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme20/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/gardening" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-3 py-2 w-100 text-white">Gardening</a> </div> </div> <div class="col-md-6 login_div" data-url="https://demo.workdo.io/vcardgo-saas/storage/uploads/card_theme/theme21/color1.png"> <div class="mt-2 w-100"> <a href="https://demo.workdo.io/vcardgo-saas/food-chef" target="_blank" class="btn btn-lg rounded-1 btn-secondary px-2 py-2 w-100 text-white"> Food Chef </a> </div> </div> </div> </div> </div> </form> </div> <div class="hover-img btn-primary" id="preview"> <img id="img" src="https://demo.workdo.io/vcardgo-saasstorage/uploads/card_theme/theme1/color1.png"> </div> <!-- [ auth-signup ] end --> </div> </div> </main> <footer> <div class="auth-footer"> <div class="container"> <div class="row"> <div class="col-12"> <span>© 2024 vCardGo SaaS </span> </div> </div> </div> </div> </footer> </div> </div> <!-- Required Js --> <script src="https://demo.workdo.io/vcardgo-saas/assets/js/vendor-all.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/assets/js/plugins/bootstrap.min.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/assets/js/plugins/feather.min.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/js/jquery.min.js"></script> <script src="https://demo.workdo.io/vcardgo-saas/custom/js/custom.js"></script> <script> feather.replace(); </script> <script> </script> <script> feather.replace(); var pctoggle = document.querySelector("#pct-toggler"); if (pctoggle) { pctoggle.addEventListener("click", function() { if ( !document.querySelector(".pct-customizer").classList.contains("active") ) { document.querySelector(".pct-customizer").classList.add("active"); } else { document.querySelector(".pct-customizer").classList.remove("active"); } }); } var themescolors = document.querySelectorAll(".themes-color > a"); for (var h = 0; h < themescolors.length; h++) { var c = themescolors[h]; c.addEventListener("click", function(event) { var targetElement = event.target; if (targetElement.tagName == "SPAN") { targetElement = targetElement.parentNode; } var temp = targetElement.getAttribute("data-value"); removeClassByPrefix(document.querySelector("body"), "theme-"); document.querySelector("body").classList.add(temp); }); } var custthemebg = document.querySelector("#cust-theme-bg"); if (custthemebg) { custthemebg.addEventListener("click", function() { if (custthemebg.checked) { document.querySelector(".dash-sidebar").classList.add("transprent-bg"); document .querySelector(".dash-header:not(.dash-mob-header)") .classList.add("transprent-bg"); } else { document.querySelector(".dash-sidebar").classList.remove("transprent-bg"); document .querySelector(".dash-header:not(.dash-mob-header)") .classList.remove("transprent-bg"); } }); } var custdarklayout = document.querySelector("#cust-darklayout"); if (custdarklayout) { custdarklayout.addEventListener("click", function() { if (custdarklayout.checked) { document .querySelector(".m-header > .b-brand > .logo-lg") .setAttribute("src", "../assets/images/logo.svg"); document .querySelector("#main-style-link") .setAttribute("href", "../assets/css/style-dark.css"); } else { document .querySelector(".m-header > .b-brand > .logo-lg") .setAttribute("src", "../assets/images/logo-dark.svg"); document .querySelector("#main-style-link") .setAttribute("href", "../assets/css/style.css"); } }); } function removeClassByPrefix(node, prefix) { for (let i = 0; i < node.classList.length; i++) { let value = node.classList[i]; if (value.startsWith(prefix)) { node.classList.remove(value); } } } </script> <script src="https://demo.workdo.io/vcardgo-saas/custom/libs/jquery/dist/jquery.min.js"></script> <script> $(document).on("click", "#super_admin_login", function() { $("#input-email").val('superadmin@example.com'); $("#input-password").val('1234'); $('#saveBtn').trigger('click'); }); $(document).on("click", "#company_login", function() { $("#input-email").val('company@example.com'); $("#input-password").val('1234'); $('#saveBtn').trigger('click'); }); $(document).on("click", "#manager_login", function() { $("#input-email").val('editor@example.com'); $("#input-password").val('12345678'); $('#saveBtn').trigger('click'); }); $(document).on("click", "#assistant_login", function() { $("#input-email").val('assistant@example.com'); $("#input-password").val('12345678'); $('#saveBtn').trigger('click'); }); </script> <script> $(document).ready(function() { $("#loginForm").submit(function(e) { $("#saveBtn").attr("disabled", true); return true; }); }); </script> <script type="text/javascript"> $(".login_div a").on("mouseover", function() { var path = $(this).parent().parent().attr('data-url'); document.getElementById('img').src = path; $('#preview').removeClass('d-none'); $('.hover-img img').css("object-position", 'top') $('.hover-img').removeClass('active') }); $('.login_div a').mouseenter( function() { var path = $(this).parent().parent().attr('data-url'); document.getElementById('img').src = path; $('#preview').show(); $('.hover-img').addClass('active'); }); $('.login_div a').mouseleave( function() { $('#preview').hide(); $('.hover-img img').css("object-position", 'top') $('.hover-img').removeClass('active') } ).mouseleave(); </script> </body> <link rel='stylesheet' href='https://demo.workdo.io/vcardgo-saas/css/cookieconsent.css' media="screen" /> <script src="https://demo.workdo.io/vcardgo-saas/js/cookieconsent.js"></script> </html>