<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Регистрация</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <script src="/js/bootstrap.js"></script> <link rel="stylesheet" href="/fontello.css" type="text/css" /> <link rel="stylesheet" href="style.css"> </head> <body class="d-flex flex-column min-vh-100"> <main class="container-fluid p-2"> <div class="row g-0 justify-content-end"> <div class="col-xl-4 col-10 align-self-center justify-content-center"> <div class="row g-0"> <div class="col-md-3"> <a class="nav-link m-0 justify-content-start" href="/index.html"><img src="/src/logoOfLibrary.png" alt="" width="80" class="d-inline-block align-text-top" border-radius="20%"></a> </div> <div class="row g-0 row-of-inter"> <div class="col-10"> <div class="conteiner mb-4"> <h2>Регистрация</h2> <h3>Если у вас уже есть аккаунт,</h3> <h3>вы можете <a href="/pageSignIn.html">Войти!</a></h3> </div> <label>Email</label> <div class="input-group mb-3 border-bottom"> <span class="input-group-text border-0 bg-white" id="basic-addon1"><img src="/src/icons/icons_sigh/envelope.svg" alt=""></span> <input type="text" class="form-control border-0 placeholder-class" placeholder="Введите вашу почту" aria-label="Email" aria-describedby="basic-addon1"> </div> <label>Username</label> <div class="input-group mb-3 border-bottom"> <span class="input-group-text border-0 bg-white" id="basic-addon1"><img src="/src/icons/icons_sigh/person.svg" alt=""></span> <input type="text" class="form-control border-0 placeholder-class" placeholder="Введите ваше имя" aria-label="Username" aria-describedby="basic-addon1"> </div> <label>Password</label> <div class="input-group mb-3 border-bottom"> <span class="input-group-text border-0 bg-white" id="basic-addon1"> <img src="/src/icons/icons_sigh/lock.svg" alt=""></span> <input type="text" class="form-control border-0 placeholder-class" placeholder="Введите ваш пароль" aria-label="Password" aria-describedby="basic-addon1"> </div> <label>Confirm Password</label> <div class="input-group mb-3 border-bottom"> <span class="input-group-text border-0 bg-white" id="basic-addon1"><img src="/src/icons/icons_sigh/lock-fill.svg" alt=""></span> <input type="text" class="form-control border-0 placeholder-class" placeholder="Повторите ваш пароль" aria-label="ConfPassword" aria-describedby="basic-addon1"> </div> <button class="btn-sign btn btn-lg mt-5 shadow border text-light"><a href="/index.html" style="text-decoration: none; color: inherit">Регистрация</a></button> </form> </div> </div> </div> </div> <div class="col-auto d-none d-xl-block"> <img class="picture-sigh" src="/src/banners/cover.png" alt="" width="70%"> </div> </div> </main> </body> </html>