//= 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">Вакансии</span>
        </div>
        <h1 class="page-title__title">Вакансии</h1>
    </div>
  </div>
</div>

<section class="bg-white">
  <div class="container">
    <div class="row section_independent">
      <div class="col-xl-4 pr-xxl-4">
        <div class="headline-block headline-block_vacancy headline-block_margin mb-4">
          <h5 class="headline-block__subtitle">Соискателям</h5>
          <h1 class="headline-block__title">Работа в&nbsp;Proland</h1>
          <p class="headline-block__description">Нам нужны люди, владеющие современными знаниями и&nbsp;технологиями, готовые перенять опыт и&nbsp;продолжить развитие компании.</p>
        </div>
      </div>
      <div class="col-xl-8 article">
        <p>
          Работа в компании Пролэнд – это не только широкие карьерные возможности, но и настоящий вызов. Нам нужны люди, владеющие современными знаниями и технологиями, инициативные, амбициозные, готовые перенять опыт предыдущих поколений и продолжить развитие отрасли. Влившись в коллектив Пролэнда, вы найдете интересную работу, перспективы профессионального и карьерного роста, стабильную заработную плату и гарантированный социальный пакет.
        </p>
        <p>Основными критериями отбора кандидатов являются:</p>
        <ul>
          <li>соответствие требованиям должности;</li>
          <li>обладание необходимыми профессиональными компетенциями;</li>
          <li>соответствие ценностям компании «Пролэнд».</li>
        </ul>
        
        <div class="row">
          <div class="col-md-6 col-sm-12">
            <a href="images\image2.1.jpg" data-rel="lightcase:myCollection"><img alt="image 2.1.jpg" src="images\image2.1.jpg" title="image 2.1.jpg"></a>
          </div>
          <div class="col-md-6 col-sm-12">
            <a href="images\image2.2.jpg" data-rel="lightcase:myCollection"><img alt="image 2.2.jpg" src="images\image2.2.jpg" title="image 2.2.jpg"></a>
          </div>
        </div>
        
      </div>
    </div>
  </div>
</section>

<div class="container">
  <div class="row section_independent">
    <div class="col-xl-4">
      <div class="headline-block headline-block_vacancy headline-block_margin mb-4">
        <h5 class="headline-block__subtitle">Вакансии</h5>
        <h1 class="headline-block__title">Открытые вакансии</h1>
        <p class="headline-block__description">Подписывайтесь на&nbsp;наш Instagram, чтобы быть в&nbsp;курсе наших акций, конкурсов и&nbsp;событий</p>
        <a href="#popup-job" id="job0" class="button button_primary" data-rel="lightcase"><span>Отправить резюме</span></a>
      </div>
    </div>
    <div class="col-xl-8">
      <div class="rosalina" id="rosalina-parent">
        <div class="rosalina__item 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>
            <a href="#" class="button button_primary rosalina__button"><span>Откликнуться</span></a>
          </div>
          <div class="rosalina__luma collapse" data-parent="#rosalina-parent" id="luma1">
            //= fragments/rosalina__item.html
          </div>
        </div>

        <div class="rosalina__item 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>
            <a href="#" class="button button_primary rosalina__button"><span>Откликнуться</span></a>
          </div>
          <div class="rosalina__luma collapse" data-parent="#rosalina-parent" id="luma2">
            //= fragments/rosalina__item.html
          </div>
        </div>

        <div class="rosalina__item 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>
            <a href="#" class="button button_primary rosalina__button"><span>Откликнуться</span></a>
          </div>
          <div class="rosalina__luma collapse" data-parent="#rosalina-parent" id="luma3">
            //= fragments/rosalina__item.html
          </div>
        </div>

        <!-- Модальные окна -->
        <div class="popup popup_job" id="popup-job">
          <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*">
            <div class="custom-file">
              <input type="file" class="custom-file-input" id="resume" accept="application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
              <label class="custom-file-label" for="resume">Файл с резюме (формат DOC/DOCX)*</label>
            </div>
            <div class="custom-file">
              <input type="file" class="custom-file-input" id="photo" accept="image/jpeg,image/png,image/gif">
              <label class="custom-file-label" for="photo">Ваша фотография (формат JPG, PNG, GIF)</label>
            </div>
            <input type="text" class="form-control" id="salary" placeholder="Зарплатные ожидания">
            <textarea class="form-control" id="your-text" placeholder="Дополнительный комментарий" rows="2"></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-job-success">
          <h2 class="popup__title">Поздравляем!</h2>
          <p class="popup__description">Ваше резюме было успешно отправлено. Мы рассмотрим его и свяжемся с вами по электронной почте.</p>
          <a href="javascript:lightcase.close();" class="button button_primary"><span>Закрыть окно</span></a>
        </div>

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

//= footer.html