| <!DOCTYPE html> |
| <html lang="ru"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Авторизация | Edler.pro</title> |
| <link rel="icon" type="image/x-icon" href="https://amorfati.edler.pro/img/auth/logo.svg"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| .auth-bg { |
| background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); |
| } |
| .btn-primary { |
| background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); |
| } |
| .btn-primary:hover { |
| background: linear-gradient(90deg, #5a6fd1 0%, #6a4495 100%); |
| } |
| </style> |
| </head> |
| <body class="auth-bg min-h-screen flex items-center justify-center p-4"> |
| <div class="max-w-md w-full bg-white rounded-xl shadow-2xl overflow-hidden" data-aos="fade-up"> |
| |
| <div class="bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 p-6 text-white text-center"> |
| <img src="https://amorfati.edler.pro/img/auth/logo.svg" alt="Edler.pro Logo" class="h-12 mx-auto mb-4"> |
| <h1 class="text-2xl font-bold">EXP.business</h1> |
| <p class="text-sm opacity-90">Настроенный домен платформы</p> |
| </div> |
|
|
| |
| <div class="p-8"> |
| <div class="text-center mb-6"> |
| <h2 class="text-2xl font-semibold text-gray-800">Вход в платформу</h2> |
| <p class="text-gray-600 mt-2">Добро пожаловать в платформу Edler.pro!</p> |
| </div> |
|
|
| |
| <div id="whiteLabelWarning" class="hidden bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-6 rounded-r"> |
| <div class="flex"> |
| <div class="flex-shrink-0"> |
| <i data-feather="alert-triangle" class="h-5 w-5 text-yellow-400"></i> |
| </div> |
| <div class="ml-3"> |
| <p class="text-sm text-yellow-700"> |
| Вы уверены, что хотите отключить WhiteLabel? Платформа будет перенесена на предыдущий субдомен, все активные сессии завершены, а все ссылки, связанные с Вашим личным доменом, к сожалению, будут отключены. |
| </p> |
| <button class="mt-2 text-sm font-medium text-yellow-700 hover:text-yellow-600"> |
| Отключить whitelabel |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <form class="space-y-6"> |
| <div> |
| <label for="email" class="block text-sm font-medium text-gray-700">Email</label> |
| <div class="mt-1 relative rounded-md shadow-sm"> |
| <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> |
| <i data-feather="mail" class="h-4 w-4 text-gray-400"></i> |
| </div> |
| <input type="email" id="email" name="email" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md py-3" placeholder="your@email.com"> |
| </div> |
| </div> |
|
|
| <div> |
| <label for="password" class="block text-sm font-medium text-gray-700">Пароль</label> |
| <div class="mt-1 relative rounded-md shadow-sm"> |
| <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> |
| <i data-feather="lock" class="h-4 w-4 text-gray-400"></i> |
| </div> |
| <input type="password" id="password" name="password" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md py-3" placeholder="••••••••"> |
| </div> |
| <div class="mt-2 flex justify-end"> |
| <a href="https://amorfati.edler.pro/recover" class="text-sm font-medium text-indigo-600 hover:text-indigo-500">Забыли пароль?</a> |
| </div> |
| </div> |
|
|
| <div class="flex items-center"> |
| <input id="terms" name="terms" type="checkbox" class="h-4 w-4 text-indigo-600 focus:ring-indigo-500 border-gray-300 rounded"> |
| <label for="terms" class="ml-2 block text-sm text-gray-700"> |
| Я согласен с <a href="https://docs.google.com/document/d/1hhPx_L4uYkvFkRicBVtGA3H0KSo-EbE4UoLcgqaIANo/edit#heading=h.8pj6zm6b2icv" class="text-indigo-600 hover:text-indigo-500">Лицензионным соглашением</a> и <a href="https://edler.pro/privacy" class="text-indigo-600 hover:text-indigo-500">Политикой конфиденциальности</a> |
| </label> |
| </div> |
|
|
| <div> |
| <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white btn-primary hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"> |
| Войти в личный кабинет |
| </button> |
| </div> |
| </form> |
|
|
| <div class="mt-6 text-center"> |
| <a href="#" class="text-sm font-medium text-gray-600 hover:text-gray-500 flex items-center justify-center"> |
| <i data-feather="arrow-left" class="mr-1"></i> |
| Вернуться назад |
| </a> |
| </div> |
|
|
| <div class="mt-8 border-t border-gray-200 pt-6"> |
| <p class="text-sm text-gray-500 text-center"> |
| У Вас еще нет аккаунта? |
| <a href="https://amorfati.edler.pro/registration" class="font-medium text-indigo-600 hover:text-indigo-500"> |
| Давайте скорее создадим его! |
| </a> |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="hidden"> |
| <div class="flex items-center p-4 border rounded-lg mb-2"> |
| <img src="https://amorfati.edler.pro/img/auth/logo.svg" class="h-8 w-8 mr-3"> |
| <div> |
| <p class="font-medium">Название компании</p> |
| <p class="text-sm text-gray-500">home.edler.edler.pro</p> |
| </div> |
| </div> |
|
|
| <div class="flex items-center p-4 border rounded-lg mb-2 bg-red-50"> |
| <img src="https://amorfati.edler.pro/img/auth/logo.svg" class="h-8 w-8 mr-3"> |
| <div> |
| <p class="font-medium">Аккаунт заблокирован</p> |
| </div> |
| </div> |
| </div> |
|
|
| <script> |
| AOS.init(); |
| feather.replace(); |
| |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| |
| |
| }); |
| </script> |
| </body> |
| </html> |
|
|
