JSFiddle - React, Tailwind, and code Playground

by hisbvdis

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Запись на стрижку | Borodinski</title>
</head>
<body>

<header class="header">
  <a class="logo" href="index.html">
    <img class="logo__img" src="#" width="226" height="30" alt="Барбершоп «Borodinski»">
  </a>
  <nav class="nav">
    <button class="nav__btn" type="button">Открыть меню</button>
    <div class="nav__wrapper">
      <ul class="site-nav">
        <li class="site-nav__item">
          <a class="site-nav__link site-nav__link--active">Главная</a>
        </li>
        <li class="site-nav__item">
          <a class="site-nav__link" href="photo.html">Наши работы</a>
        </li>
        <li class="site-nav__item">
          <a class="site-nav__link" href="form.html">Записаться</a>
        </li>
        <li class="site-nav__item">
          <a class="site-nav__link" href="#">Контакты</a>
        </li>
        <li class="site-nav__item">
          <a class="site-nav__link" href="#">HTML Academy</a>
        </li>
      </ul>
      <ul class="user-panel">
        <li class="user-panel__item">
          <a class="user-panel__link user-panel__link--login" href="#">Войти</a>
        </li>
      </ul>
    </div>
  </nav>
</header>

<main class="main">
  <h1 class="page-title">Запись на стрижку</h1>

  <section class="appt">
    <h2 class="visually-hidden">Форма записи</h2>
    <form class="appt-form" action="https://echo.htmlacademy.ru" method="POST">
      <input type="text" name="last-name" placeholder="Фамилия" autocomplete="off">
      <input type="text" name="first-name" placeholder="Имя" autocomplete="off">
      <input type="text" name="patronymic" placeholder="Отчество" autocomplete="off">
      <input type="text" name="phone" placeholder="Контактный телефон" autocomplete="off">
      <input type="email" name="email" placeholder="Контактный e-mail"...