Фотоотчет
<html> <head> <title>Авторизация</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js"></script> <link href="https://members.tildacdn.com/css/tilda-noauth.css" rel="stylesheet"> <script src="https://members.tildacdn.com/js/tilda-ma-base.min.js" id="tilda-ma-base"></script> <script src="https://members.tildacdn.com/js/tilda-ma-notauthorized.min.js"></script> </head> <body style=""> <div id="allrecords" class="t-records" data-tilda-project-id="2349596"> <div class="tlk__reg-form-container tlk__form-container" data-gradient="true" data-gradient-start-color="" data-gradient-end-color="" data-gradient-start-opacity="0" data-gradient-end-opacity="0"> <div class="tlk__reg-form tlk__reg-form-registration"> <div class="tlk__reg-form-title">Войти в личный кабинет</div> <form method="post" id="form_login" action="/"> <div class="tlk__reg-form-wrap"> <div class="tlk__reg-form-item"> <div class="tlk__reg-form-item-title"></div> <input name="login" placeholder="E-mail" type="text" id="reg-form-email" class="tlk__reg-form-input" autofocus=""> </div> <div class="tlk__reg-form-item"> <div class="tlk__reg-form-item-title"></div> <input name="password" placeholder="Пароль" type="password" id="reg-form-password" class="tlk__reg-form-input"> </div> <div class="tlk__reg-form-error tlk__reg-form-error-registration">*** Error text ***</div> </div> <div class="tlk__reg-form-error tlk__reg-form-error-all-registration">*** Error text ***</div> <div class="tlk__reg-form-submit-wrap"> <div class="tlk__reg-form-submit-btn"> <input type="submit" name="" value="Войти" class="tlk__reg-form-submit"> <span class="loadicon" style="display: none;"></span> </div> </div> </form> <div class="tlk__reg-form-text-btn-wrap"> <a href="/members/recovery-password" class="tlk__reg-form-text-btn">Забыли свой пароль?</a> </div></div> <style> .tlk__reg-form-container { position: relative; font-family: montserrat; } .tlk__form-container { background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px 15px; box-sizing: border-box; } .tlk__reg-form { position: relative; z-index: 1; max-width: 410px; padding: 35px 35px 40px; margin: 0 auto; border-radius: 5px; background-color: #ffff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); } .tlk__reg-form-input { width: 100%; height: 40px; padding: 0 10px; font-size: 14px; font-family: montserrat; font-weight: 400; letter-spacing: 0.5px; color: #000; border-radius: 5px; border: 1px solid #cda85d; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; } .tlk__reg-form-submit { padding: 10px 148px 11px; border: 0; font-family: montserrat; background: #172a59; border-radius: 5px; border: 1px solid #cda85d; font-size: 14px; color: #ffff; cursor: pointer; outline: 0 } .tlk__reg-form-title { margin-bottom: 20px; font-family: montserrat; color: #172a59; font-size: 22px; font-weight: 500; text-align: left; } </style></div> <div class="tlk__bg-filter" style="background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));"></div></div> </body></html>