//= header.html

<div class="container">
  <div class="row">
    <div class="col page-title">
        <div class="breadcrumbs">
          <span class="breadcrumbs__item"><a href="#">Главная</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item">FAQ</span>
        </div>
        <h1 class="page-title__title">FAQ</h1>
    </div>
  </div>
</div>

<section class="bg-white">
  <div class="container">
    <div class="row section_independent">
      <div class="col-xxl-8 col-xl-10 col-12">
        <div class="headline-block headline-block_faq headline-block_margin mb-4">
          <h5 class="headline-block__subtitle">Справка</h5>
          <h1 class="headline-block__title">Часто задаваемые вопросы</h1>
          <p class="headline-block__description">В этом разделе вы можете получить ответы на вопросы, которые наши клиенты задают чаще всего. Эти вопросы касаются как работы сайта и компании Proland, так и особенностей работы реализуемого нами оборудования. Если вы не нашли ответа на свой вопрос, задайте его через форму связи и получите ответ от наших специалистов.</p>
          <a href="#popup-faq" data-rel="lightcase" class="button button_primary"><span>Задать свой вопрос</span></a>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="isabelle" id="isabelle">
  <div class="isabelle__item">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <a href="#isabelle-item-1" class="isabelle__link" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="isabelle-item-1">
            <h2 class="isabelle__title">Работа компании</h2>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div id="isabelle-item-1" class="container isabelle__inner collapse" data-parent="#isabelle">
    <div class="row no-gutters">
      <div class="col-12">
        <div class="rosalina" id="rosalina-parent">
          <div class="rosalina__item rosalina__item_gutters inner-skin">
            <div class="rosalina__header">
              <a class="rosalina__link" href="#luma1" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="luma1">
                <h4 class="rosalina__title">Как я могу приобрести интересующий меня товар?</h4>
              </a>
            </div>
            <div class="rosalina__luma collapse" data-parent="#rosalina-parent" id="luma1">
              <article class="article_small">
                $lipsum(words:54)
              </article>
            </div>
          </div>
          <div class="rosalina__item rosalina__item_gutters inner-skin">
            <div class="rosalina__header">
              <a class="rosalina__link" href="#luma2" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="luma2">
                <h4 class="rosalina__title">Как я могу приобрести интересующий меня товар?</h4>
              </a>
            </div>
            <div class="rosalina__luma collapse" data-parent="#rosalina-parent" id="luma2">
              <article class="article_small">
                $lipsum(words:54)
              </article>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class="isabelle__item">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <a href="#isabelle-item-2" class="isabelle__link" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="isabelle-item-2">
            <h2 class="isabelle__title">Работа с сайтом</h2>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div id="isabelle-item-2" class="container isabelle__inner collapse" data-parent="#isabelle">
    <div class="row no-gutters">
      <div class="col-12">
        <div class="rosalina" id="rosalina-parent-2">
          <div class="rosalina__item rosalina__item_gutters inner-skin">
            <div class="rosalina__header">
              <a class="rosalina__link" href="#luma3" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="luma3">
                <h4 class="rosalina__title">Как я могу приобрести интересующий меня товар?</h4>
              </a>
            </div>
            <div class="rosalina__luma collapse" data-parent="#rosalina-parent-2" id="luma3">
              <article class="article_small">
                $lipsum(words:54)
              </article>
            </div>
          </div>
          <div class="rosalina__item rosalina__item_gutters inner-skin">
            <div class="rosalina__header">
              <a class="rosalina__link" href="#luma4" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="luma4">
                <h4 class="rosalina__title">Как я могу приобрести интересующий меня товар?</h4>
              </a>
            </div>
            <div class="rosalina__luma collapse" data-parent="#rosalina-parent-2" id="luma4">
              <article class="article_small">
                $lipsum(words:54)
              </article>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</section>

<!-- Модальные окна -->
<div class="popup popup_job" id="popup-faq">
  <h2 class="popup__title">Задайте вопрос</h2>
  <p class="popup__description">Получите ответы на интересующие вас вопросы по работе с сайтом или особенностях оборудования.</p>
  <form id="ajax-form" class="form_open" name="ajax-form" action="#popup-success" method="post" data-rel="lightcase">
    <input type="text" class="form-control" id="your-name" placeholder="Ваше имя">
    <input type="text" class="form-control" id="your-email" placeholder="E-mail*">
    <textarea class="form-control" id="your-text" placeholder="Ваш вопрос" rows="4"></textarea>
    <div class="popup__checkbox custom-control custom-checkbox">
      <input type="checkbox" class="custom-control-input" id="policy">
      <label class="custom-control-label" for="policy">Даю согласие на обработку <a href="">моих персональных данных</a>.</label>
    </div>
    <button type="submit" name="button" class="button button_primary"><span>Отправить</span></button>
  </form>
</div>

<div class="popup popup_success" id="popup-faq-success">
  <h2 class="popup__title">Успех!</h2>
  <p class="popup__description">Ваш вопрос был отправлен на рассмотрение. В ближайшее время мы подготовим ответ и отправим его на ваш e-mail. Спасибо за обращение!</p>
  <a href="javascript:lightcase.close();" class="button button_primary"><span>Закрыть окно</span></a>
</div>

//= footer.html