Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-11 08:43:03 +00:00
Code Issues Projects Releases Wiki Activity

Fix Typo (#81)

Browse Source
This commit is contained in:
Francisco Solis
2022-11-05 12:45:47 -03:00
committed by GitHub
parent a746e1f496
commit 10077ffeea
9 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
components/sign-in-and-registration-forms/SignInPageWithSelectUser.html Normal file
View File

@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meraki UI Components</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="//unpkg.com/alpinejs" defer></script>
</head>
<body>
<section class="bg-white dark:bg-gray-900">
<div class="container flex flex-col items-center justify-center min-h-screen px-6 mx-auto">
<h1 class="text-3xl font-semibold tracking-wide text-center text-gray-800 capitalize md:text-5xl dark:text-white">
welcome Back
</h1>
<div class="flex items-center mt-6">
<p class="text-gray-500 dark:text-gray-400">continue as</p>
<div class="flex items-center mx-2">
<img class="object-cover w-8 h-8 mx-1 rounded-full" src="https://images.unsplash.com/photo-1628890923662-2cb23c2e0cfe?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80" alt="">
<span class="mx-1 text-gray-800 dark:text-white">Ana Williams...</span>
</div>
<button class="text-blue-500 dark:text-blue-400 focus:outline-none hover:underline">change</button>
</div>
<div class="w-full max-w-md mx-auto mt-6">
<form>
<div>
<label class="block mb-2 text-sm text-gray-600 dark:text-gray-200">Password</label>
<input type="password" placeholder="Enter your password" class="block w-full px-5 py-3 mt-2 text-gray-700 placeholder-gray-400 bg-white border border-gray-200 rounded-md dark:placeholder-gray-600 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-700 focus:border-blue-400 dark:focus:border-blue-400 focus:ring-blue-400 focus:outline-none focus:ring focus:ring-opacity-40" />
</div>
<a href="#" class="inline-block mt-4 text-blue-500 capitalize hover:underline dark:text-blue-400">
reset password?
</a>
<button class="w-full px-6 py-3 mt-4 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-500 rounded-md hover:bg-blue-400 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-50">
“Continue”
</button>
<div class="mt-6 text-center">
<a href="#" class="text-sm text-blue-500 hover:underline dark:text-blue-400">
Don’t have an account yet? Sign up
</a>
</div>
<p class="mt-6 text-gray-500 dark:text-gray-400">
By clicking “Continue” above, you acknowledge that you have read and
understood, and agree to Our <a href="#" class="text-gray-700 dark:text-white">Term & Conditions</a>
and<a href="#" class="text-gray-700 dark:text-white"> Privacy Policy.</a>
</p>
</form>
</div>
</div>
</section>
</body>
</html>