<!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>