Volt Laravel Dashboard - Sign In page

<!DOCTYPE html> <html lang="en"> <head>  <link rel="apple-touch-icon" href="../../assets/img/favicon/apple-touch-icon.png" sizes="180x180"> <link rel="icon" href="../../assets/img/favicon/favicon-32x32.png" sizes="32x32" type="image/png"> <link rel="icon" href="../../assets/img/favicon/favicon-16x16.png" sizes="16x16" type="image/png"> <link rel="mask-icon" href="../../assets/img/favicon/safari-pinned-tab.svg" color="#563d7c"> <link rel="icon" href="../../assets/img/favicon/favicon.ico"> <meta name="msapplication-config" content="../../assets/img/favicons/browserconfig.xml"> <meta name="theme-color" content="#563d7c"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">  <link type="text/css" href="/vendor/apexcharts/apexcharts.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/css/datepicker.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/css/datepicker-bs4.min.css">  <link type="text/css" href="/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">  <link type="text/css" href="/vendor/sweetalert2/sweetalert2.min.css" rel="stylesheet">  <link type="text/css" href="/vendor/notyf/notyf.min.css" rel="stylesheet">  <link type="text/css" href="/css/volt.css" rel="stylesheet">  <style > [wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] { display: none; } [wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] { display:none; } [wire\:offline] { display: none; } [wire\:dirty]:not(textarea):not(input):not(select) { display: none; } input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { animation-duration: 50000s; animation-name: livewireautofill; } @keyframes livewireautofill { from {} } </style>  <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script> <script data-turbo-eval="false" data-turbolinks-eval="false" > if (window.livewire) { console.warn('Livewire: It looks like Livewire\'s @livewireScripts JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.') } window.livewire = new Livewire(); window.livewire.devTools(true); window.Livewire = window.livewire; window.livewire_app_url = ''; window.livewire_token = 'Z4ttTHxrPqhuRrk8hXFTblOwI2seghLIpSsf63dj'; /* Make sure Livewire loads first. */ if (window.Alpine) { /* Defer showing the warning so it doesn't get buried under downstream errors. */ document.addEventListener("DOMContentLoaded", function () { setTimeout(function() { console.warn("Livewire: It looks like AlpineJS has already been loaded. Make sure Livewire\'s scripts are loaded before Alpine.\\n\\n Reference docs for more info: http://laravel-livewire.com/docs/alpine-js") }) }); } /* Make Alpine wait until Livewire is finished rendering to do its thing. */ window.deferLoadingAlpine = function (callback) { window.addEventListener('livewire:load', function () { callback(); }); }; let started = false; window.addEventListener('alpine:initializing', function () { if (! started) { window.livewire.start(); started = true; } }); document.addEventListener("DOMContentLoaded", function () { if (! started) { window.livewire.start(); started = true; } }); </script>  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>  <script src="/assets/js/on-screen.umd.min.js"></script>  <script src="/assets/js/nouislider.min.js"></script>  <script src="/assets/js/smooth-scroll.polyfills.min.js"></script>  <script src="/vendor/apexcharts/apexcharts.min.js"></script>  <script src="/assets/js/chartist.min.js"></script> <script src="/assets/js/chartist-plugin-tooltip.min.js"></script>  <script src="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/js/datepicker.min.js"></script>  <script src="/assets/js/sweetalert2.all.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>  <script src="/vendor/notyf/notyf.min.js"></script>  <script src="/assets/js/simplebar.min.js"></script>  <script async defer src="https://buttons.github.io/buttons.js"></script>  <script src="/assets/js/volt.js"></script> </head> <body> <main wire:id="vOidx44anycVPU0ERchq" wire:initial-data="{"fingerprint":{"id":"vOidx44anycVPU0ERchq","name":"auth.login","locale":"en","path":"login","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"2b4f4806","data":{"email":"admin@volt.com","password":"secret","remember_me":false},"dataMeta":[],"checksum":"56e9ef32ee1a2d715de640a6f69bd2b85eae69d9fb573e8f366935fddb24b1c2"}}"> <title>Volt Laravel Dashboard - Sign In page</title>  <section class="vh-lg-100 mt-5 mt-lg-0 bg-soft d-flex align-items-center"> <div class="container"> <div wire:ignore.self class="row justify-content-center form-bg-image" data-background-lg="/assets/img/illustrations/signin.svg"> <div class="col-12 d-flex align-items-center justify-content-center"> <div class="bg-white shadow-soft border rounded border-light p-4 p-lg-5 w-100 fmxw-500"> <div class="text-center text-md-center mb-4 mt-md-0"> <h1 class="mb-3 h3">Welcome back</h1> <p class="mb-0"> Create new account or <p class="mb-0">Sign in with these credentials:</p> <p class="mb-0"> Email: <strong><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="83e2e7eeeaedc3f5eceff7ade0ecee">[email protected]</a></strong> Password: <strong>secret</strong></p> </p> </div> <form wire:submit.prevent="login" action="#" class="mt-4" method="POST">  <div class="form-group mb-4"> <label for="email">Your Email</label> <div class="input-group"> <span class="input-group-text" id="basic-addon1"><svg class="icon icon-xs text-gray-600" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"> </path> <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path> </svg></span> <input wire:model="email" type="email" class="form-control" placeholder="example@company.com" id="email" autofocus required> </div> </div>  <div class="form-group">  <div class="form-group mb-4"> <label for="password">Your Password</label> <div class="input-group"> <span class="input-group-text" id="basic-addon2"><svg class="icon icon-xs text-gray-600" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M5 9V7a5 5 0 0110 0v2a2 2 0 012 2v5a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a2 2 0 012-2zm8-2v2H7V7a3 3 0 016 0z" clip-rule="evenodd"></path> </svg></span> <input wire:model.lazy="password" type="password" placeholder="Password" class="form-control" id="password" required> </div> </div>  <div class="d-flex justify-content-between align-items-top mb-4"> <div class="form-check"> <input wire:model="remember_me" class="form-check-input" type="checkbox" value="" id="remember"> <label class="form-check-label mb-0" for="remember"> Remember me </label> </div> <div><a href="https://volt-laravel-admin-dashboard.updivision.com/forgot-password" class="small text-right">Lost password?</a></div> </div> </div> <div class="d-grid"> <button type="submit" class="btn btn-gray-800">Sign in</button> </div> </form> <div class="mt-3 mb-4 text-center"> <span class="fw-normal">or login with</span> </div> <div class="d-flex justify-content-center my-4"> <a href="#" class="btn btn-icon-only btn-pill btn-outline-gray-500 me-2" aria-label="facebook button" title="facebook button"> <svg class="icon icon-xxs" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"> </path> </svg> </a> <a href="#" class="btn btn-icon-only btn-pill btn-outline-gray-500 me-2" aria-label="twitter button" title="twitter button"> <svg class="icon icon-xxs" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"> </path> </svg> </a> <a href="#" class="btn btn-icon-only btn-pill btn-outline-gray-500" aria-label="github button" title="github button"> <svg class="icon icon-xxs" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="github" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"> <path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"> </path> </svg> </a> </div> <div class="d-flex justify-content-center align-items-center mt-4"> <span class="fw-normal"> Not registered? <a href="https://volt-laravel-admin-dashboard.updivision.com/register" class="fw-bold">Create account</a> </span> </div> </div> </div> </div> </div> </section> </main>  <div class="theme-settings card bg-gray-800 pt-2 collapse" id="theme-settings"> <div class="card-body bg-gray-800 text-white pt-4"> <button type="button" class="btn-close theme-settings-close" aria-label="Close" data-bs-toggle="collapse" href="#theme-settings" role="button" aria-expanded="false" aria-controls="theme-settings"></button> <div class="d-flex justify-content-between align-items-center mb-3"> <p class="m-0 mb-1 me-4 fs-7">Open source <span role="img" aria-label="gratitude">馃挍</span></p> <a class="github-button" href="https://github.com/themesberg/volt-laravel-admin-dashboard" data-color-scheme="no-preference: dark; light: light; dark: light;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star themesberg/volt-bootstrap-5-dashboard on GitHub">Star</a> </div> <a href="https://themesberg.com/product/laravel/volt-admin-dashboard-template" target="_blank" class="btn btn-secondary d-inline-flex align-items-center justify-content-center mb-3 w-100"> Download <svg class="icon icon-xs ms-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z" clip-rule="evenodd"></path> </svg> </a> <p class="fs-7 text-gray-300 text-center">Available in the following technologies:</p> <div class="d-flex justify-content-center"> <a class="me-3" href="https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard" target="_blank"> <img src="/assets/img/technologies/bootstrap-5-logo.svg" class="image image-xs"> </a> <a href="https://demo.themesberg.com/volt-react-dashboard/#/" target="_blank"> <img src="/assets/img/technologies/react-logo.svg" class="image image-xs"> </a> </div> </div> </div> <div class="card theme-settings bg-gray-800 theme-settings-expand" id="theme-settings-expand"> <div class="card-body bg-gray-800 text-white rounded-top p-3 py-2"> <span class="fw-bold d-inline-flex align-items-center h6"> <svg class="icon icon-xs me-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path> </svg> Settings </span> </div> </div> <footer class="p-5 mb-4"> <div class="container"> <div class="col-12 d-flex align-items-center justify-content-center"> <div class="col-12 col-md-4 mb-4 mb-md-0 text-lg-center">  <ul class="list-inline list-group-flush list-group-borderless"> <li class="list-inline-item px-0 px-sm-2"> <a href="https://themesberg.com/about">About</a> </li> <li class="list-inline-item px-0 px-sm-2"> <a href="https://themesberg.com/themes">Themes</a> </li> <li class="list-inline-item px-0 px-sm-2"> <a href="https://themesberg.com/blog">Blog</a> </li> <li class="list-inline-item px-0 px-sm-2"> <a href="https://themesberg.com/contact">Contact</a> </li> </ul> <p class="mb-0 text-center">漏 2019-<span class="current-year"></span> <a class="text-primary fw-normal" href="https://themesberg.com" target="_blank">Themesberg & </a><a href="https://updivision.com/" target="_blank">Updivision</a></p> </div> </div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body> </html>

CINXE.COM

Volt Laravel Dashboard - Sign In page