detail.html

<section class="forms">
  <ul class="forms__list">
  
  <li class="authorization__form">
  
  <button class="button__exit" href="#"><img src="./img/X.svg"></button>
  
  <h2 class="authorization__form-title">Войдите в профиль</h2>
  <p class="authorization__form-text">Добавлять рецепты могут только зарегистрированные
  пользователи.</p>
  <div class="authorization__form-content">
  <button class="authorization__form-button authorization__form-button-login" type="login"
  name="authorization__form-button-login">Войти</button>
  <button class="authorization__form-button authorization__form-button-signup" type="sign up"
  name="authorization__form-button-signup">Регистрация</button>
  </div>
  </li>
  
  
  <li class="registration__form">
  <button class="button__exit" href="#"><img src="./img/X.svg" alt="Кнопка «button»" ></button>
  <h2 class="registration__form-title">Регистрация</h2>
  <form class="registration__form-style" action="#" method="post">
  
  <input class="registration__form-name" type="name" placeholder="Имя " id="name" required>
  
  <input class="registration__form-login" type="login" placeholder="Логин " id="login"
  required>
  <div class="registration__form-password-field">
  <input class="registration__form-password" type="password" placeholder="Пароль: "
  id="password" required>
  <input class="registration__form-password-repite" type="password"
  placeholder="Повторите пароль: " required>
  </div>
  <div class="registration__form-buttons-wrapper">
  <button class="registration__form-button registration__form-button-submit" type="submit"
  name="registration__form-button-submit">Зарегистрироваться</button>
  <button class="registration__form-button registration__form-button-cancel" type="cancel"
  name="registration__form-button-cancel">Отмена</button>
  </div>
  
  </form>
  <p class="registration__form-text" href="#">У меня уже есть аккаунт</p>
  </li>
  
  <li class="login__form">
  <button class="button__exit" href="#"><img src="./img/X.svg" alt="Кнопка «button»"></button>
  <h2 class="login__form-title">Войти</h2>
  <div class="login__form-content">
  <form class="login__form-style" action="#" method="post">
  <div class="login__form-field">
  <input class="login__form-login" type="login" placeholder="Логин " id="login"
  required>
  <input class="login__form-password" type="password" placeholder="Пароль "
  id="password" required>
  </div>
  <div class="login__form-buttons-wrapper">
  <button class="login__form-button login__form-button-submit" type="submit"
  name="login__form-button-submit">Войти</button>
  <button class="login__form-button login__form-button-cancel" type="cancel"
  name="login__form-button-cancel">Отмена</button>
  </div>
  </form>
  <p class="registration__form-text" href="">У меня ещё нет аккаунта</p>
  </div>
  </li>
  
  </ul>
  </section>