Spaces:
Running
Running
sitenin ismi kayseri pazar olsun amacı alıcı ve satıcıları buluşturmak ve satışlar yapmak sitenin amacı facebookda ki marketplacenin alternatifi olmak bu yüzden orada olan bütün özellikler burada da olsun kendine has giriş yapma kayıt olma ve satıcılar ile alıcılar arasında pazarlık teklif gönderme ve sohbet etme imkanları olsun satıcılar konum girebilsin ürün eklerken ürün ürün açıklaması konum vb girme imkanı olsun ve en önemlisi site kayseride ki yerel halkı barındıracak o yüzden kayseri ve çevresinin konumları eksiksiz mevcut olsun yaparken hem önyüz hemde arka yüzünü yapmanı rica ediyorum aşagıda db bilgilerim mevcut
717cc3c verified | <html lang="tr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>KayseriPazarı - Kayıt Ol</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <style> | |
| .auth-bg { | |
| background: linear-gradient(135deg, rgba(255,215,0,0.1) 0%, rgba(255,255,255,1) 100%); | |
| } | |
| .input-focus:focus { | |
| border-color: #FFD700; | |
| box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.2); | |
| } | |
| </style> | |
| </head> | |
| <body class="auth-bg min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="max-w-md w-full space-y-8 bg-white p-10 rounded-lg shadow-xl"> | |
| <div> | |
| <img class="mx-auto h-12 w-auto" src="https://cdn-icons-png.flaticon.com/512/3144/3144456.png" alt="KayseriPazarı"> | |
| <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900"> | |
| Yeni Hesap Oluştur | |
| </h2> | |
| <p class="mt-2 text-center text-sm text-gray-600"> | |
| veya <a href="login.html" class="font-medium text-primary-600 hover:text-primary-500"> giriş yapın </a> | |
| </p> | |
| </div> | |
| <form class="mt-8 space-y-6" action="#" method="POST"> | |
| <input type="hidden" name="remember" value="true"> | |
| <div class="rounded-md shadow-sm space-y-4"> | |
| <div> | |
| <label for="full-name" class="sr-only">Tam Adınız</label> | |
| <div class="relative"> | |
| <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> | |
| <i data-feather="user" class="h-5 w-5 text-gray-400"></i> | |
| </div> | |
| <input id="full-name" name="full-name" type="text" autocomplete="name" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Tam Adınız"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="email-address" class="sr-only">Email adresi</label> | |
| <div class="relative"> | |
| <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> | |
| <i data-feather="mail" class="h-5 w-5 text-gray-400"></i> | |
| </div> | |
| <input id="email-address" name="email" type="email" autocomplete="email" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Email adresi"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="password" class="sr-only">Şifre</label> | |
| <div class="relative"> | |
| <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> | |
| <i data-feather="lock" class="h-5 w-5 text-gray-400"></i> | |
| </div> | |
| <input id="password" name="password" type="password" autocomplete="new-password" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Şifre"> | |
| </div> | |
| </div> | |
| <div> | |
| <label for="confirm-password" class="sr-only">Şifreyi Onayla</label> | |
| <div class="relative"> | |
| <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> | |
| <i data-feather="lock" class="h-5 w-5 text-gray-400"></i> | |
| </div> | |
| <input id="confirm-password" name="confirm-password" type="password" autocomplete="new-password" required class="appearance-none block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-md placeholder-gray-500 text-gray-900 input-focus focus:outline-none sm:text-sm" placeholder="Şifreyi Onayla"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <input id="terms" name="terms" type="checkbox" class="h-4 w-4 text-primary-600 focus:ring-primary-500 border-gray-300 rounded" required> | |
| <label for="terms" class="ml-2 block text-sm text-gray-900"> | |
| <a href="#" class="font-medium text-primary-600 hover:text-primary-500">Kullanım Koşulları</a> ve <a href="#" class="font-medium text-primary-600 hover:text-primary-500">Gizlilik Politikasını</a> kabul ediyorum | |
| </label> | |
| </div> | |
| <div> | |
| <button type="submit" class="group relative w-full flex justify-center py-3 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-primary-600 hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500"> | |
| <span class="absolute left-0 inset-y-0 flex items-center pl-3"> | |
| <i data-feather="user-plus" class="h-5 w-5 text-primary-200 group-hover:text-primary-100"></i> | |
| </span> | |
| Kayıt Ol | |
| </button> | |
| </div> | |
| </form> | |
| <div class="mt-6"> | |
| <div class="relative"> | |
| <div class="absolute inset-0 flex items-center"> | |
| <div class="w-full border-t border-gray-300"></div> | |
| </div> | |
| <div class="relative flex justify-center text-sm"> | |
| <span class="px-2 bg-white text-gray-500"> | |
| Veya sosyal medya ile kayıt ol | |
| </span> | |
| </div> | |
| </div> | |
| <div class="mt-6 grid grid-cols-3 gap-3"> | |
| <div> | |
| <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"> | |
| <i data-feather="facebook" class="h-5 w-5 text-blue-600"></i> | |
| </a> | |
| </div> | |
| <div> | |
| <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"> | |
| <i data-feather="twitter" class="h-5 w-5 text-blue-400"></i> | |
| </a> | |
| </div> | |
| <div> | |
| <a href="#" class="w-full inline-flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"> | |
| <i data-feather="google" class="h-5 w-5 text-red-500"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script>feather.replace();</script> | |
| </body> | |
| </html> | |