@@include('../blocks/head.html')

<div class="grey-bg simple-page">
   <div class="container">
      <div class="simple-page__body">
         <div class="simple-page__wrapper">
            <div class="simple-page__logo">
               <img src="../../icons/cases/logo.svg" alt="" />
            </div>
            <div class="simple-page__bredcrumbs bredcrumbs">
               <div class="bredcrumbs__body">
                  <div class="bredcrumbs__list">
                     <a href="##" class="bredcrumbs__item text">Главная</a>
                     <span class="bredcrumbs__item text">
                        <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                           <path
                              d="M4.89556 0.357422L10 5.35742L4.89556 10.3574M10 5.35742L-1.49012e-07 5.35742"
                              stroke="white"
                           />
                        </svg>
                     </span>
                     <span href="##" class="bredcrumbs__item text">Кейсы</span>
                  </div>
               </div>
            </div>
            <h1 class="h1 simple-page__title">Кейсы</h1>
         </div>
      </div>
   </div>
</div>

<section class="section cases section--top">
   <div class="cases__wrapper">
      <div class="container">
         <div class="cases__body">
            <div class="cases__tabs tabs">
               <div class="tabs__body">
                  <div class="tabs__nav tabs-nav">
                     <div class="tabs-nav__list">
                        <div class="tabs-nav__item active" data-tab="1" data-slug="all"><span>Все</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                        <div class="tabs-nav__item" data-tab="2" data-slug=""><span>Новые</span></div>
                        <div class="tabs-nav__item" data-tab="3" data-slug=""><span>Event</span></div>
                        <div class="tabs-nav__item" data-tab="4" data-slug=""><span>PR Event</span></div>
                     </div>
                  </div>
                  <div class="tabs__content cases__content">
                     <div class="cases__list">
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Торжественная встреча фитнес-тренеров РУДН</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Межправительственный совет дорожников</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                        <a href="" class="cases__item cases-item">
                           <div class="cases-item__cover">
                              <img src="../../images/cases.jpg" alt="" />
                           </div>
                           <div class="cases-item__substrate arrow-link">
                              <span class="caption arrow-link__text">Т. Конф</span>
                              <span class="arrow-link__arrow">
                                 <img src="../../icons/header/arraw.svg" alt="" />
                              </span>
                           </div>
                        </a>
                     </div>
                  </div>
               </div>
            </div>
            <!-- <a href="" class="cases__link arrow-link dark">
               <span class="arrow-link__arrow">
                  <img src="../../icons/header/arrow-dark.svg" alt="" />
               </span>
               <span class="arrow-link__text dark-text">смотреть все кейсы</span>
            </a> -->
            <div class="cases__pagination list-pagination">
               <div class="list-pagination__body">
                  <div class="list-pagination__arrow left">
                     <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                           d="M0.666016 5.99199L0.332614 5.65859L-0.00078696 5.99199L0.332614 6.32539L0.666016 5.99199ZM14.811 6.46349C15.0714 6.46349 15.2825 6.25239 15.2825 5.99199C15.2825 5.73159 15.0714 5.52049 14.811 5.52049V5.99199V6.46349ZM6.32402 0.333984L5.99062 0.000583082L0.332614 5.65859L0.666016 5.99199L0.999417 6.32539L6.65742 0.667386L6.32402 0.333984ZM0.666016 5.99199L0.332614 6.32539L5.99062 11.9834L6.32402 11.65L6.65742 11.3166L0.999417 5.65859L0.666016 5.99199ZM0.666016 5.99199V6.46349H14.811V5.99199V5.52049H0.666016V5.99199Z"
                           fill="white"
                        />
                     </svg>
                  </div>
                  <div class="list-pagination__pages">
                     <div class="list-pagination__page">1</div>
                     <div class="list-pagination__page">2</div>
                     <div class="list-pagination__page">3</div>
                     <div class="list-pagination__page empty">...</div>
                     <div class="list-pagination__page">15</div>
                  </div>
                  <div class="list-pagination__arrow right">
                     <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                           d="M14.6172 5.99199L14.9506 5.65859L15.284 5.99199L14.9506 6.32539L14.6172 5.99199ZM0.47217 6.46349C0.211767 6.46349 0.000669479 6.25239 0.000669479 5.99199C0.000669479 5.73159 0.211767 5.52049 0.47217 5.52049V5.99199V6.46349ZM8.95918 0.333984L9.29258 0.000583082L14.9506 5.65859L14.6172 5.99199L14.2838 6.32539L8.62578 0.667386L8.95918 0.333984ZM14.6172 5.99199L14.9506 6.32539L9.29258 11.9834L8.95918 11.65L8.62578 11.3166L14.2838 5.65859L14.6172 5.99199ZM14.6172 5.99199V6.46349H0.47217V5.99199V5.52049H14.6172V5.99199Z"
                           fill="white"
                        />
                     </svg>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

<section class="section contacts-form">
   <div class="container">
      <div class="contacts-form__wrapper">
         <div class="contacts-form__body">
            <div class="contacts-form__form">
               <h3 class="contacts-form__title h3">Давайте сделаем яркое мероприятие вместе</h3>
               <div class="contacts-form__descr text">
                  Оставьте заявку и мы свяжемся с вамив течение 30 минут, чтобы обсудить детали
               </div>
               <form action="" class="callback-form">
                  <div class="callback-form__body">
                     <div class="callback-form__input input">
                        <input type="text" placeholder="Ваше имя" required />
                     </div>
                     <div class="callback-form__input input input--tel">
                        <input type="tel" placeholder="+7 999 999-99-99" required />
                     </div>

                     <div class="callback-form__consent consent-block">
                        <div class="consent-block__ckeckbox">
                           <input type="checkbox" id="consent" class="consent-block__input" />
                           <label for="consent" class="consent-block__label legal-text">
                              <span class="consent-block__label-text"
                                 >Даю  <a href=""> согласие на Обработку персональных данных</a> и ознакомлен(а) с 
                                 <a href="">условиями Политики конфиденциальности</a>
                              </span>
                           </label>
                        </div>
                     </div>

                     <button type="submit" class="callback-form__btn btn">Отправить</button>
                  </div>
               </form>
            </div>
            <div class="contacts-form__manager img-manager">
               <div class="img-manager__bg">
                  <div class="img-manager__img">
                     <img src="../../images/managers/2.png" alt="" />
                  </div>
                  <div class="img-manager__info img-manager--main">
                     <div class="img-manager__name h5">Юлия Фокина</div>
                     <div class="img-manager__post text">Event-продюсер</div>
                  </div>
               </div>
               <div class="img-manager__info img-manager--second">
                  <div class="img-manager__name h5">Юлия Фокина</div>
                  <div class="img-manager__post text">Event-продюсер</div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>

@@include('../blocks/footer.html')