authorization_form.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="stylesheet" href="style.css" />
  6. <link rel="shortcut icon" href="img/icon.svg" type="image/svg">
  7. <title>Авторизация</title>
  8. <script src="main.js"></script>
  9. <style>
  10. @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
  11. input[type="checkbox"] {
  12. display: none;
  13. }
  14. html {
  15. height: 100%;
  16. }
  17. body {
  18. background:
  19. url(img/pinkCircles.png) left bottom no-repeat,
  20. url(img/yellowCorner.png) right top no-repeat;
  21. margin-left: -10px;
  22. position:absolute;
  23. margin-right: 200px;
  24. position:absolute;
  25. }
  26. </style>
  27. </head>
  28. <body class="registration_form">
  29. <a href="main_unregistered.html"><input type="button" value="Отменить" class="button-back"></a>
  30. <p class="heads-form">Авторизация</p>
  31. <form class="form-position" action="main_registered.html">
  32. <div class="element">
  33. <label class="lable">Почта</label><br>
  34. <input type="email" placeholder="User@mail.ru" class="input" tabIndex="1" onkeydown="return tab(this, event)">
  35. </div>
  36. <div class="element">
  37. <label class="lable">Пароль</label><br>
  38. <input type="password" placeholder="***********" class="input" tabIndex="2">
  39. </div>
  40. <label class="container">Запомните меня на этом компьютере
  41. <input type="checkbox">
  42. <span class="checkmark"></span>
  43. </label>
  44. <div class="button">
  45. <input type="submit" value="Авторизоваться" class="button-text" id="avtoriz">
  46. </div>
  47. </form>
  48. <a href="registration_form.html" class="link"><p class="footer-form">Впервые у нас?</p></a>
  49. </body>