авторизация.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Авторизация</title>
  7. </head>
  8. <body>
  9. <link rel="stylesheet" type="text/css" href="стили/авторизация.css">
  10. <header>
  11. </header>
  12. <div class="container">
  13. <h2>Вход</h2>
  14. <form id="loginForm">
  15. <input type="email" id="email" placeholder="Email" required>
  16. <input type="password" id="password" placeholder="Пароль" required>
  17. <button type="submit">Вход</button>
  18. </form>
  19. <div class="register-link">
  20. <nav>
  21. <p style="text-align: center; margin-top: 10px;">Еще нет аккаунта? <a href="регистрация.html">Зарегистрироваться</a></p>
  22. </nav>
  23. </div>
  24. <div id="successPopup" class="popup">
  25. <span class="close-button" onclick="closePopup()">×</span>
  26. <h3 style="color: rgb(255, 255, 255);">Вы успешно авторизованы!</h3>
  27. <button type="button" onclick="redirectToCabinet()">Перейти в личный кабинет</button>
  28. </div>
  29. <div id="errorPopup" class="popup">
  30. <span class="close-button" onclick="closePopup()">×</span>
  31. <h3 id="errorMessage" style="color: white;"></h3>
  32. </div>
  33. </div>
  34. <a href="главная.html" class="footer-link">На главную</a>
  35. <script src="скрипты_js/авторизация.js"></script>
  36. </body>
  37. </html>