CINXE.COM
Volt Laravel Dashboard - Forgot password
<!DOCTYPE html> <html lang="en"> <head> <!-- Favicons --> <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"> <!-- Apex Charts --> <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"> <!-- Datepicker --> <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"> <!-- Fontawesome --> <link type="text/css" href="/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> <!-- Sweet Alert --> <link type="text/css" href="/vendor/sweetalert2/sweetalert2.min.css" rel="stylesheet"> <!-- Notyf --> <link type="text/css" href="/vendor/notyf/notyf.min.css" rel="stylesheet"> <!-- Volt CSS --> <link type="text/css" href="/css/volt.css" rel="stylesheet"> <!-- Livewire Styles --> <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> <!-- Livewire Scripts --> <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 = '9fSBiQZruQUMmdkgofpuQK7rT2DBdpfJc43Q6ccM'; /* 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> <!-- Core --> <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> <!-- Vendor JS --> <script src="/assets/js/on-screen.umd.min.js"></script> <!-- Slider --> <script src="/assets/js/nouislider.min.js"></script> <!-- Smooth scroll --> <script src="/assets/js/smooth-scroll.polyfills.min.js"></script> <!-- Apex Charts --> <script src="/vendor/apexcharts/apexcharts.min.js"></script> <!-- Charts --> <script src="/assets/js/chartist.min.js"></script> <script src="/assets/js/chartist-plugin-tooltip.min.js"></script> <!-- Datepicker --> <script src="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/js/datepicker.min.js"></script> <!-- Sweet Alerts 2 --> <script src="/assets/js/sweetalert2.all.min.js"></script> <!-- Moment JS --> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script> <!-- Notyf --> <script src="/vendor/notyf/notyf.min.js"></script> <!-- Simplebar --> <script src="/assets/js/simplebar.min.js"></script> <!-- Github buttons --> <script async defer src="https://buttons.github.io/buttons.js"></script> <!-- Volt JS --> <script src="/assets/js/volt.js"></script> </head> <body> <main wire:id="GXLREkewN6NgAyfes1in" wire:initial-data="{"fingerprint":{"id":"GXLREkewN6NgAyfes1in","name":"forgot-password","locale":"en","path":"forgot-password","method":"GET","v":"acj"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"46925251","data":{"mailSentAlert":false,"showDemoNotification":false,"email":"","rules":{"email":"required|email|exists:users"}},"dataMeta":[],"checksum":"0322bd54785746e7660ae15b7ade3e02a6d46a7edaeb972ae6ed13e66e94fd13"}}"> <title>Volt Laravel Dashboard - Forgot password</title> <!-- Section --> <section class="vh-lg-100 mt-4 mt-lg-0 bg-soft d-flex align-items-center"> <div class="container"> <div class="row justify-content-center form-bg-image"> <p class="text-center"><a href="https://volt-laravel-admin-dashboard.updivision.com/login" class="d-flex align-items-center justify-content-center"><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="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path></svg> Back to log in</a></p> <div class="col-12 d-flex align-items-center justify-content-center"> <div class="signin-inner my-3 my-lg-0 bg-white shadow border-0 rounded p-4 p-lg-5 w-100 fmxw-500"> <h1 class="h3">Forgot your password?</h1> <p class="mb-4">Don't fret! Just type in your email and we will send you a code to reset your password!</p> <form wire:submit.prevent="recoverPassword" action="#" method="POST"> <!-- Form --> <div class="mb-4"> <label for="email">Your Email</label> <div class="input-group"> <input wire:model='email' type="email" class="form-control" id="email" placeholder="john@company.com" required autofocus> </div> </div> <!-- End of Form --> <div class="d-grid"> <button type="submit" class="btn btn-gray-800">Recover password</button> </div> </form> </div> </div> </div> </div> </section> </main> <!-- Livewire Component wire-end:GXLREkewN6NgAyfes1in --> <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"> <!-- List --> <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> </body> </html>