You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
template-for-verstka/reviews.html

377 lines
18 KiB

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
<link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 1025px)" href="assets/css/gp-style-tablet.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
<link rel="stylesheet" href="modules/swiper/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="modules/fancybox/css/fancybox.css" />
</head>
<body>
<header class="header">
<div class="header__container">
<div class="header__logo">
<a href="/" title="Профрешение - Юридическая компания">
<img src="assets/icons/logo.svg" width="93" height="42" alt="Профрешение - Юридическая компания">
</a>
</div>
<div class="header__nav">
<nav class="header__nav-list">
<ul>
<li class="submenu">
<a href="#">Услуги</a>
<ul class="submenu__list">
<li><a href="/ddu.html"><b>Приемка квартир</b></a></li>
<li><a href="/ddu.html">Приемка квартиры от застройщика Самолет</a></li>
<li><a href="/ddu.html">Приемка квартиры от застройщика ПИК</a></li>
<li><a href="/ddu.html">Приемка квартиры от застройщика А101</a></li>
<li><a href="/ddu.html">Приемка квартиры по реновации</a></li>
<li><a href="/ddu.html">Приемка ремонта в квартире</a></li>
<li><a href="/ddu.html"><b>Оценка квартир</b></a></li>
<li><a href="/ddu.html">Оценка квартиры для продажи</a></li>
<li><a href="/ddu.html">Оценка квартиры для ипотеки</a></li>
<li><a href="/ddu.html">Оценка квартиры после залива</a></li>
<li><a href="/ddu.html"><b>Экспертиза квартир</b></a></li>
<li><a href="/ddu.html">Экспертиза по заливу квартир</a></li>
<li><a href="/ddu.html">Экспертиза ремонта в квартире</a></li>
<li><a href="/ddu.html"><b>Взыскание неустойки</b></a></li>
<li><a href="/ddu.html">Взыскание по ДДУ</a></li>
<li><a href="/ddu.html">Взыскание за строительные недостатки</a></li>
</ul>
</li>
<li>
<a href="/about.html">О компании</a>
</li>
<li>
<a href="/cases.html">Кейсы</a>
</li>
<li class="current-menu-item">
<a href="/reviews.html">Отзывы</a>
</li>
<li>
<a href="/contacts.html">Контакты</a>
</li>
<li>
<a href="/blog.html">Блог</a>
</li>
</ul>
<div class="header__nav-contacts">
<a class="btn btn--red modal__open" href="#!">
<p>Заказать приемку</p>
</a>
<div class="header__tel">
<div class="header__tel-bottom">
<button class="modal__open" data-modal="call">
<p>Заказать звонок</p>
</button>
<div class="header__socials">
<a href="#!" target="_blank">
<img src="assets/icons/i-tg.svg" width="42" height="42" alt="Мы в Telegram">
</a>
<a href="#!" target="_blank">
<img src="assets/icons/i-wh.svg" width="42" height="42" alt="Мы в Whatsapp">
</a>
</div>
</div>
<a href="tel:+79691293400" target="_blank">+7 (969) 129-34-00</a>
</div>
</div>
</nav>
<button class="header__nav-burger">
<span></span>
<span></span>
<span></span>
</button>
</div>
<div class="header__contacts">
<div class="header__socials">
<a href="#!" target="_blank">
<img src="assets/icons/i-tg.svg" width="42" height="42" alt="Мы в Telegram">
</a>
<a href="#!" target="_blank">
<img src="assets/icons/i-wh.svg" width="42" height="42" alt="Мы в Whatsapp">
</a>
</div>
<div class="header__tel">
<a href="tel:+79691293400" target="_blank">+7 (969) 129-34-00</a>
<button class="modal__open" data-modal="call">
<p>Заказать звонок</p>
</button>
</div>
</div>
</div>
</header>
<main class="page page__reviews" itemscope itemtype="http://schema.org/WebPage" role="main">
<section class="breadcrumbs">
<div class="section__container">
<ul class="breadcrumbs__wrapper" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/" itemprop="item">
<span itemprop="name">
Главная
</span>
</a>
<meta itemprop="position" content="1">
</li>
<li>
<span>/</span>
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<div itemprop="item">
<p itemprop="name">
Отзывы
</p>
</div>
<meta itemprop="position" content="2">
</li>
</ul>
</div>
</section>
<section class="section page__hero">
<div class="section__container">
<div class="section__title">
<h1><b>Клиенты</b> высоко оценивают работу наших юристов</h1>
</div>
<div class="reviews__header">
<div class="reviews__btns">
<div class="reviews__btns-item">
<button class="btn btn--blue">Видео-отзывы</button>
<div class="reviews__btns-info">
<p>9 отзывов</p>
</div>
</div>
<div class="reviews__btns-item">
<button class="btn btn--white">Яндекс Карты</button>
<div class="reviews__btns-info">
<span>5.0</span>
<p>29 отзывов</p>
</div>
</div>
<div class="reviews__btns-item">
<button class="btn btn--white">2GIS</button>
<div class="reviews__btns-info">
<span>4.9</span>
<p>48 отзывов</p>
</div>
</div>
</div>
<div class="reviews__nav">
<button class="reviews__nav-prev"></button>
<button class="reviews__nav-next"></button>
</div>
</div>
<div class="reviews__tabs">
<div class="reviews__tab reviews__video reviews__tab--visible">
<div class="reviews__swiper swiper">
<div class="swiper-wrapper">
<div class="reviews__item reviews__item-video swiper-slide">
<iframe loading="lazy" data-src="https://kinescope.io/embed/iXYVYUsG7gDPtg6aAZ5Heu"
allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write;"
frameborder="0" allowfullscreen width="560" height="315"></iframe>
</div>
<div class="reviews__item reviews__item-video swiper-slide">
<iframe loading="lazy" data-src="https://kinescope.io/embed/iXYVYUsG7gDPtg6aAZ5Heu"
allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write;"
frameborder="0" allowfullscreen width="560" height="315"></iframe>
</div>
<div class="reviews__item reviews__item-video swiper-slide">
<iframe loading="lazy" data-src="https://kinescope.io/embed/iXYVYUsG7gDPtg6aAZ5Heu"
allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write;"
frameborder="0" allowfullscreen width="560" height="315"></iframe>
</div>
<div class="reviews__item reviews__item-video swiper-slide">
<iframe loading="lazy" data-src="https://kinescope.io/embed/iXYVYUsG7gDPtg6aAZ5Heu"
allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write;"
frameborder="0" allowfullscreen width="560" height="315"></iframe>
</div>
<div class="reviews__item reviews__item-video swiper-slide">
<iframe loading="lazy" data-src="https://kinescope.io/embed/iXYVYUsG7gDPtg6aAZ5Heu"
allow="autoplay; fullscreen; picture-in-picture; encrypted-media; gyroscope; accelerometer; clipboard-write;"
frameborder="0" allowfullscreen width="560" height="315"></iframe>
</div>
</div>
</div>
</div>
<div class="reviews__tab reviews__screenshot reviews__tab--hidden">
<div class="reviews__swiper swiper">
<div class="swiper-wrapper">
<div class="reviews__item swiper-slide">
<a data-fancybox="rev1" href="assets/img/rev_demo.webp">
<img src="assets/img/rev_demo.webp" width="auto" height="auto" alt="" loading="lazy">
<div class="swiper-lazy-preloader"></div>
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev1" href="assets/img/rev_demo.webp">
<img src="assets/img/rev_demo.webp" width="auto" height="auto" alt="" loading="lazy">
<div class="swiper-lazy-preloader"></div>
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev1" href="assets/img/rev_demo.webp">
<img src="assets/img/rev_demo.webp" width="auto" height="auto" alt="" loading="lazy">
<div class="swiper-lazy-preloader"></div>
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev1" href="assets/img/rev_demo.webp">
<img src="assets/img/rev_demo.webp" width="auto" height="auto" alt="" loading="lazy">
<div class="swiper-lazy-preloader"></div>
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev1" href="assets/img/rev_demo.webp">
<img src="assets/img/rev_demo.webp" width="auto" height="auto" alt="" loading="lazy">
<div class="swiper-lazy-preloader"></div>
</a>
</div>
</div>
</div>
</div>
<div class="reviews__tab reviews__screenshot reviews__tab--hidden">
<div class="reviews__swiper swiper">
<div class="swiper-wrapper">
<div class="reviews__item swiper-slide">
<a data-fancybox="rev2" href="assets/img/rev_demo2.webp">
<img src="assets/img/rev_demo2.webp" width="auto" height="auto" alt="">
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev2" href="assets/img/rev_demo2.webp">
<img src="assets/img/rev_demo2.webp" width="auto" height="auto" alt="">
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev2" href="assets/img/rev_demo2.webp">
<img src="assets/img/rev_demo2.webp" width="auto" height="auto" alt="">
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev2" href="assets/img/rev_demo2.webp">
<img src="assets/img/rev_demo2.webp" width="auto" height="auto" alt="">
</a>
</div>
<div class="reviews__item swiper-slide">
<a data-fancybox="rev2" href="assets/img/rev_demo2.webp">
<img src="assets/img/rev_demo2.webp" width="auto" height="auto" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__columns" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Проф.решение">
<link itemprop="url" href="/">
<div class="footer__info">
<div class="footer__logo">
<a href="/" title="Профрешение - Юридическая компания">
<img src="assets/icons/i-logo-footer.svg" width="136" height="64"
alt="Профрешение - Юридическая компания">
</a>
</div>
<div class="footer__contacts">
<a href="tel:+79691293400" target="_blank" class="footer__tel">+7 969 129-34-00</a>
<div class="footer__socials">
<a href="#!" target="_blank">
<img src="assets/icons/i-tg.svg" width="42" height="42" alt="Мы в Telegram">
</a>
<a href="#!" target="_blank">
<img src="assets/icons/i-wh.svg" width="42" height="42" alt="Мы в Whatsapp">
</a>
</div>
<button class="btn btn--red footer__call modal__open" data-modal="call">Заказать звонок</button>
<a href="mailto:profresheniye@mail.ru" target="_blank" class="footer__email">profresheniye@mail.ru</a>
</div>
</div>
<div class="footer__navigations">
<nav class="footer__services">
<ul>
<li>Услуги:</li>
<li><a href="#!">Приемка квартиры в новостройках</a></li>
<li><a href="#!">Взыскание неустойки по ДДУ</a></li>
<li><a href="#!">Взыскание за строительные недостатки</a></li>
<li><a href="#!">Приемка квартиры с актом осмотра</a></li>
<li><a href="#!">Экспертиза квартир</a></li>
<li><a href="#!">Независимая оценка квартиры</a></li>
</ul>
</nav>
<nav class="footer__pages">
<ul>
<li>Страницы:</li>
<li><a href="#!">О компании</a></li>
<li><a href="#!">Кейсы</a></li>
<li><a href="#!">Отзывы</a></li>
<li><a href="#!">Контакты</a></li>
<li><a href="#!">Блог</a></li>
</ul>
</nav>
</div>
<div class="footer__address" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span>Адреса офисов:</span>
<p><span itemprop="addressLocality">г. Москва</span>, <span itemprop="streetAddress">д. Саларьево, 2-я Новая
улица, 23а, 305&nbsp;офис</span></p>
<p><span itemprop="addressLocality">г.Уфа</span>, <span itemprop="streetAddress">Верхнеторговая пл, д.&nbsp;4,
помещ. 52</span></p>
<meta itemprop="postalCode" content="108811">
</div>
</div>
<div class="footer__bottom">
<p>Copyright © 2024 ООО "Профрешение" | Все права защищены.</p>
<a href="#!" target="_blank">Политика конфиденциальности</a>
</div>
</div>
<div class="footer__agency">
<div class="section__container">
<p>Разработка и продвижение</p>
<a href="https://ledoffsky.agency" target="_blank" title="Разработка и продвижение Ledoffsky Agency">
<img src="assets/icons/i-agency.svg" width="145" height="24" alt="Ledoffsky Agency">
</a>
</div>
</div>
</footer>
<div class="modal modal__call" data-id="call">
<div class="modal__wrapper">
<button class="modal__close"></button>
<div class="modal__content">
<div class="modal__title">
<p>Заказать звонок</p>
</div>
<div class="modal__desc">
<p>Оставьте ваши данные, наш менеджер свяжется с вами и&nbsp;проконсультирует по любым вопросам</p>
</div>
<div class="modal__form">
<form id="form__call" action="">
<input type="text" name="name" id="name" value="" placeholder="Введите имя">
<input type="text" name="tel" id="tel" value="" placeholder="+7 (___) ___-__-__">
<button class="btn btn--red">Жду звонка</button>
</form>
<div class="modal__offera">
<p>Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой
конфиденциальности</p>
</div>
</div>
</div>
</div>
</div>
<div id="modal__bg"></div>
</body>
<script src="modules/swiper/js/swiper-bundle.min.js"></script>
<script src="modules/fancybox/js/fancybox.js"></script>
<script src="assets/js/scripts.js"></script>
</html>