beardedtek/flowbite-beardedtek.com
1
0
Fork 0
mirror of https://github.com/BeardedTek/flowbite-beardedtek.com.git synced 2025-12-06 13:41:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

INITIAL COMMIT

Browse Source
This commit is contained in:
BeardedTek
2025-04-15 14:55:06 -08:00
commit 47f065dfab
1394 changed files with 183371 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
content/authentication/reset-password-3.html Normal file
View File

@@ -0,0 +1,82 @@
---
title: Tailwind CSS Reset Password with background - Flowbite
description: Get started with a collection of over 53 page templates based on Tailwind CSS for Marketing UI purposes including landing pages, contact pages, about pages, and more
layout: main
---
<section class="bg-white dark:bg-gray-900">
<div class="grid lg:h-screen lg:grid-cols-2">
<div class="relative flex items-center justify-center px-4 py-6 lg:py-0 sm:px-0">
<form class="w-full max-w-md xl:max-w-xl" action="#">
<h1 class="mb-1 text-xl font-bold leading-tight tracking-tight text-gray-900 sm:text-2xl dark:text-white">
Reset your password
</h1>
<p class="text-gray-500 dark:text-gray-400">Your new password must be different from previous used passwords.</p>
<div class="my-4 my:mb-5">
<label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Email</label>
<input type="email" name="email" id="email" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white" placeholder="Enter your email" required="">
</div>
<div class="mb-4 md:mb-5">
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">New Password</label>
<input type="password" name="password" id="password" placeholder="••••••••" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required="">
</div>
<div class="mb-4 md:mb-5">
<label for="confirm-password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Confirm password</label>
<input type="confirm-password" name="confirm-password" id="confirm-password" placeholder="••••••••" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500" required="">
</div>
<div class="flex items-start mb-4 md:mb-5">
<div class="flex items-center h-5">
<input id="terms" aria-describedby="terms" type="checkbox" class="w-4 h-4 border border-gray-300 rounded-sm bg-gray-50 focus:ring-3 focus:ring-primary-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-primary-600 dark:ring-offset-gray-800" required="">
</div>
<div class="ml-3 text-sm">
<label for="terms" class="text-gray-500 dark:text-gray-400">I agree to Flowbite’s <a href="#" class="font-medium text-primary-700 dark:text-primary-500 hover:underline">Terms of Use</a> and <a href="#" class="font-medium text-primary-700 dark:text-primary-500 hover:underline">Privacy Policy</a>.</label>
</div>
</div>
<button type="submit" class="mb-3 w-full text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">Reset password</button>
</form>
<div class="hidden lg:block absolute inset-x-0 bottom-0 p-8 text-center">
<p class="text-sm font-normal text-gray-500 dark:text-gray-400">
© 2021-<span id="currentYear">2023</span> Flowbite, LLC. All rights reserved.
</p>
</div>
</div>
<div class="hidden lg:flex items-center justify-center px-4 py-6 bg-primary-600 lg:py-0 sm:px-0">
<div class="max-w-md xl:max-w-xl">
<a href="#" class="flex items-center mb-4 text-2xl font-semibold text-white">
<img class="w-8 h-8 mr-2" src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/logo.svg" alt="logo">
Flowbite
</a>
<h1 class="mb-4 text-3xl font-extrabold leading-none tracking-tight text-white xl:text-5xl">
Explore the world’s leading design portfolios.
</h1>
<p class="mb-4 text-primary-200 lg:mb-8">
Millions of designers and agencies around the world showcase their portfolio work on Flowbite - the home to
the world’s
best design and creative professionals.
</p>
<div class="flex items-center divide-x divide-primary-500">
<div class="flex pr-3 -space-x-4 sm:pr-5">
<img class="w-10 h-10 border-2 rounded-full border-primary-600"
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png" alt="bonnie avatar">
<img class="w-10 h-10 border-2 rounded-full border-primary-600"
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png" alt="jese avatar">
<img class="w-10 h-10 border-2 rounded-full border-primary-600"
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/roberta-casas.png"
alt="roberta avatar">
<img class="w-10 h-10 border-2 rounded-full border-primary-600"
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/thomas-lean.png" alt="thomas avatar">
</div>
<a href="#" class="pl-3 text-white sm:pl-5 dark:text-white">
<span class="text-sm text-primary-200">Rated Best Over <span class="font-medium text-white">15.7k</span>
Reviews</span>
</a>
</div>
</div>
</div>
</div>
</section>