//= parts/header.html

<div class="main">
  <section class="block1">
    <div class="wrap-content">
      <div class="content">
        <h1 class="title">Комфортная элегантность</h1>
        <div class="wrap-btn">
          <a href="/catalog-boys.html" class="btn-fs">Мальчики</a>
          <a href="/catalog-girls.html" class="btn-fs">Девочки</a>
        </div>
      </div>
    </div>
  </section>

  <section class="block2 container">
    <div class="wrap-content">
      <div class="title">
        Одежда по индивидуальным меркам<span class="line"></span>
      </div>
      <div class="desc">
        <div class="content-block">
          <div class="caption">
            Сделано из качественных и натуральных тканей
          </div>
          <div class="text">
            Мы отбираем все самое лучшее, чтобы детям было удобно и комфортно.
          </div>
        </div>
        <div class="content-block">
          <div class="caption">
            Создаём одежду по индивидуальным меркам
          </div>
          <div class="text">
            Заказ на изготовление одежды отправляется на фабрику, только после
            снятся мерок. Мы считаем, что только так можно сделать одежду,
            которую детям хочется носить.
          </div>
        </div>
      </div>
    </div>
    <div class="wrap-image">
      <div class="image"></div>
    </div>
  </section>

  <section class="block3">
    <div class="collection">
      <div class="content container">
        <div class="title">Коллекция <br />2020</div>
      </div>
    </div>
    <div class="gallery">
      <div class="gallery-item"></div>
      <div class="gallery-item"></div>
      <div class="gallery-item"></div>
    </div>
    //= parts/b3slider.html
    <div class="wrap-btn">
      <a href="#" class="btn-s">Смотреть коллекцию</a>
    </div>
  </section>

  <section class="block4">
    <div class="content">
      <div class="title">Как оформить и получить заказ?</div>
      <div class="container">
        <div class="list">
          <div class="item">
            <div class="text">
              Выбрать понравившиеся
              <a href="/catalog.html" class="link">модели</a>
            </div>
            <div class="line"></div>
            <div class="circle"></div>
          </div>
          <div class="item">
            <div class="text">Оформить заказ</div>
            <div class="line"></div>
            <div class="circle"></div>
          </div>
          <div class="item">
            <div class="text">
              С вами свяжется наш специалист и подберёт правильный размер
            </div>
            <div class="line"></div>
            <div class="circle"></div>
          </div>
          <div class="item">
            <div class="text">Оплата заказа</div>
            <div class="line"></div>
            <div class="circle"></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="block5 container">
    <div class="title">Мерки</div>
    <ul class="list">
      <li class="item">
        <div class="icon">
          <img src="../img/tailor.webp" alt="icon" />
        </div>
        <div class="text">Как снять мерки у ребенка?</div>
      </li>
      <li class="item">
        <div class="icon">
          <div class="arrow">
            <svg
              width="44"
              stroke="#000000"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 23.7 18.7"
            >
              <path class="st0" d="M.1 9.4h23"></path>
              <path class="st1" d="M14.1 18.4l9-9-9-9"></path>
            </svg>
          </div>
          <img src="../img/kideducate.svg" alt="icon" />
        </div>
        <div class="text">
          Мы сделали форму для отправки мерок и инструкции, как правильно снять
          мерки в домашних условиях
        </div>
      </li>
      <li class="item">
        <div class="icon">
          <div class="arrow">
            <svg
              width="44"
              stroke="#000000"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 23.7 18.7"
            >
              <path class="st0" d="M.1 9.4h23"></path>
              <path class="st1" d="M14.1 18.4l9-9-9-9"></path>
            </svg>
          </div>
          <img src="../img/24.webp" alt="icon" />
        </div>
        <div class="text">
          Мы свяжемся с вами в течении 24 часов и уточним детали
        </div>
      </li>
    </ul>
    <div class="wrap-btn">
      <a href="/merki.html" class="btn-s">Указать мерки</a>
    </div>
  </section>

  <section class="block6">
    <div class="container">
      <div class="title">Вопросы и ответы</div>
      //= parts/faq.html
    </div>
  </section>

  <section class="block7">
    <div class="content">
      <div class="title">КЕШБЭК 5%</div>
      <div class="desc">
        При покупке 3х и более вещей 5% от суммы чека возвращаются вам на счет, для будущих покупок.
      </div>
      <a href="/catalog.html" class="btn-fr">Смотреть образы</a>
    </div>
  </section>

  <section class="block8 container">
    <div class="wrap-image">
      <div class="image"></div>
    </div>
    <div class="wrap-content">
      <div class="title">О нас<span class="line"></span></div>
      <div class="desc">
        Нам нравится одежда ведущих мировых брендов, но такую одежду себе могут
        позвонить немногие. Мы задались целью, создать одежду премиального
        качества, но по доступной цене.
      </div>
    </div>
  </section>
</div>

//= parts/footer.html