1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <link rel="stylesheet" href="style.css" />
- <link rel="shortcut icon" href="img/icon.svg" type="image/svg">
- <title>Авторизация</title>
- <script src="main.js"></script>
- <script src="second.js"></script>
- <style>
- @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
- input[type="checkbox"] {
- display: none;
- }
- html {
- height: 100%;
- }
- body {
- background:
- url(img/pinkCircles.png) left bottom no-repeat,
- url(img/yellowCorner.png) right top no-repeat;
- margin-left: -10px;
- position:absolute;
- margin-right: 200px;
- position:absolute;
- }
- </style>
- </head>
- <body class="registration_form">
- <a href="main_unregistered.html"><input type="button" value="Отменить" class="button-back"></a>
- <p class="heads-form">Авторизация</p>
- <form class="form-position" name="form">
- <div class="element">
- <label class="lable">Почта</label><br>
- <input type="text" placeholder="User@mail.ru" class="input" tabIndex="1" onkeydown="return tab(this, event)" id="email">
- </div>
- <div class="element">
- <label class="lable">Пароль</label><br>
- <input type="password" placeholder="***********" class="input" tabIndex="2" id="password">
- </div>
- <label class="container">Запомните меня на этом компьютере
- <input type="checkbox">
- <span class="checkmark"></span>
- </label>
- <div class="button">
- <a href="main_registered.html"><input type="button" value="Авторизоваться" class="button-text"></a>
- </div>
- </form>
- <a href="registration_form.html" class="link"><p class="footer-form">Впервые у нас?</p></a>
- </body>
|