mirror of
https://github.com/appen-isen/fermentardoise.git
synced 2026-01-18 16:17:27 +01:00
Nano index (#2)
* begin appearance * update * update * add profile page
This commit is contained in:
nano
GitHub
39
index.html
Normal file
39
index.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="fixed flex justify-between p-2.5 bg-lime-600 top-0 w-full">
|
||||
<h2 class="text-white">Fermentardoise</h2>
|
||||
<div class="flex gap-x-5 flex-wrap">
|
||||
<div class="lg:inline-flex sm:max-lg:flex-col space-x-3 sm:max-lg:space-y-2 group">
|
||||
<input type="search" name="" id=""
|
||||
class="bg-green-500 rounded-full align-middle hidden scale-0 px-2.5
|
||||
text-white placeholder:text-white
|
||||
focus:scale-100 group-focus-within:scale-100 focus:flex group-focus-within:flex"
|
||||
placeholder="Rechercher">
|
||||
<button class="bg-slate-400 rounded-xl px-1.5 focus:ring focus:ring-red-600">
|
||||
rechercher
|
||||
</button>
|
||||
<a href="login.html" class="rounded-full border bg-rose-600 text-white px-1.5 hover:bg-green-500">
|
||||
Connexion
|
||||
</a>
|
||||
</div>
|
||||
<input type="search" name="" id=""
|
||||
class="bg-green-500 rounded-full align-middle hidden scale-0 px-2.5
|
||||
text-white placeholder:text-white
|
||||
sm:max-lg:focus:scale-100 sm:max-lg:peer-focus-within:scale-100 sm:max-lg:focus:flex sm:max-lg:peer-focus-within:flex"
|
||||
placeholder="Rechercher">
|
||||
</div>
|
||||
</header>
|
||||
<main class="flex justify-center w-full h-screen">
|
||||
<img src="public_html/img/temp_logo.png" alt="Logo Ferment'ISEN" class="self-center">
|
||||
</main>
|
||||
<footer class="fixed bottom-0 w-full text-center bg-lime-300 py-2">
|
||||
Made with ❤️ & 🍺 by Appen
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
53
login.html
Normal file
53
login.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="fixed flex justify-between p-2.5 bg-lime-600 top-0 w-full">
|
||||
<h2 class="text-white"><a href="index.html">Fermentardoise</a></h2>
|
||||
<div class="lg:inline-flex sm:max-lg:flex-col space-x-3 sm:max-lg:space-y-2 group">
|
||||
<input type="search" name="" id=""
|
||||
class="bg-green-500 rounded-full align-middle hidden scale-0 px-2.5
|
||||
text-white placeholder:text-white
|
||||
focus:scale-100 group-focus-within:scale-100 focus:flex group-focus-within:flex"
|
||||
placeholder="Rechercher">
|
||||
<button class="bg-slate-400 rounded-xl px-1.5 focus:ring focus:ring-red-600">
|
||||
rechercher
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<main class="flex justify-center w-full h-[70vh]">
|
||||
<div class="bg-blue-300 self-center flex flex-col p-3.5 w-[60vw] space-y-2.5">
|
||||
<h3>Connexion</h3>
|
||||
<div class="flex flex-col rounded-md shadow-sm">
|
||||
<input type="email" name="" id="" placeholder="Mail" autocomplete="email" required
|
||||
class="rounded-t-md border border-gray-500 px-2 py-1 w-full ring-0 placeholder:text-zinc-400
|
||||
focus:outline-none focus:border-emerald-600 focus:ring-1 focus:ring-emerald-600 focus:z-10">
|
||||
|
||||
<input type="password" name="" id="" placeholder="Mot de passe" autocomplete="current-password" required
|
||||
class="rounded-b-md border border-gray-500 px-2 py-1 w-full ring-0 placeholder:text-zinc-400
|
||||
focus:outline-none focus:border-emerald-600 focus:ring-1 focus:ring-emerald-600 focus:z-10">
|
||||
</div>
|
||||
<div class="flex items-center justify-between ">
|
||||
<div class="flex items-center">
|
||||
<input type="checkbox" name="" id="remember"
|
||||
class="">
|
||||
<label for="remember" class="ml-2 block text-sm text-gray-900">Se Souvenir de moi</label>
|
||||
</div>
|
||||
<div class="text-sm">
|
||||
<a href="" class="font-medium text-indigo-600 hover:text-indigo-500">Mot de passe oublié ?</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="w-full bg-slate-200 rounded-md py-1 px-2">
|
||||
Connexion
|
||||
</button>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="fixed bottom-0 w-full text-center bg-lime-300 py-2">
|
||||
Made with ❤️ & 🍺 by Appen
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
57
profile.html
Normal file
57
profile.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="fixed flex justify-between p-2.5 bg-lime-600 top-0 w-full">
|
||||
<h2 class="text-white">Fermentardoise</h2>
|
||||
<div class="flex gap-x-5 flex-wrap">
|
||||
<div class="lg:inline-flex sm:max-lg:flex-col space-x-3 sm:max-lg:space-y-2 group">
|
||||
<input type="search" name="" id=""
|
||||
class="bg-green-500 rounded-full align-middle hidden scale-0 px-2.5
|
||||
text-white placeholder:text-white
|
||||
focus:scale-100 group-focus-within:scale-100 focus:flex group-focus-within:flex"
|
||||
placeholder="Rechercher">
|
||||
<button class="bg-slate-400 rounded-xl px-1.5 focus:ring focus:ring-red-600">
|
||||
rechercher
|
||||
</button>
|
||||
<a href="login.html" class="rounded-full border bg-rose-600 text-white px-1.5 hover:bg-green-500">
|
||||
Connexion
|
||||
</a>
|
||||
</div>
|
||||
<input type="search" name="" id=""
|
||||
class="bg-green-500 rounded-full align-middle hidden scale-0 px-2.5
|
||||
text-white placeholder:text-white
|
||||
sm:max-lg:focus:scale-100 sm:max-lg:peer-focus-within:scale-100 sm:max-lg:focus:flex sm:max-lg:peer-focus-within:flex"
|
||||
placeholder="Rechercher">
|
||||
</div>
|
||||
</header>
|
||||
<main class="flex justify-center w-full h-screen">
|
||||
<div class="fixed bg-slate-400 w-[95vw] top-16 p-3 space-y-5">
|
||||
<div class="flex flex-row justify-between">
|
||||
<div class="flex flex-col">
|
||||
<h4>Prénom</h4>
|
||||
<h4>Nom</h4>
|
||||
</div>
|
||||
<div>
|
||||
Promo
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="flex justify-center">
|
||||
Reste à payer :
|
||||
</div>
|
||||
<hr>
|
||||
<div class="flex justify-center">
|
||||
HISTORIQUE
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="fixed bottom-0 w-full text-center bg-lime-300 py-2">
|
||||
Made with ❤️ & 🍺 by Appen
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
public_html/img/temp_logo.png
Normal file
BIN
public_html/img/temp_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
Reference in New Issue
Block a user