Files
template-for-verstka/article.html
Константин Белан baaabfa6f1 init
2024-11-02 15:58:46 +07:00

561 lines
33 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
<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__single" itemscope itemtype="http://schema.org/WebPage" role="main">
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
<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">
<a href="/blog.html" itemprop="item">
<span itemprop="name">
Блог
</span>
</a>
<meta itemprop="position" content="2">
</li>
<li>
<span>/</span>
</li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<div itemprop="item">
<p itemprop="name">
ТОП-5 причин заказать приемку квартиры
</p>
</div>
<meta itemprop="position" content="3">
</li>
</ul>
</div>
</section>
<section class="section section--nopadding single__hero">
<div class="section__container">
<div class="single__title">
<h1 itemprop="headline">ТОП-5 причин заказать приемку квартиры</h1>
<div class="single__thumbnail">
<img src="assets/img/why-img1.webp" width="auto" height="auto"
alt="ТОП-5 причин заказать приемку квартиры" title="ТОП-5 причин заказать приемку квартиры">
</div>
</div>
<div class="single__meta">
<meta itemprop="datePublished" content="2024-11-02T08:56">
<div class="single__date">
<p>22 августа 2024</p>
</div>
<div class="single__author" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a href="/author.html" title="Автор: Васильев Михаил" itemprop="name">Васильев Михаил</a>
</div>
<div class="single__min">
<p>5 минут</p>
</div>
<div class="single__count">
<p>132</p>
</div>
</div>
</div>
<!-- .article -->
</section>
<section class="section section--nopadding single">
<div class="section__container">
<div class="single__wrapper">
<div class="single__content" itemprop="articleBody">
<h2>Заголовок 1</h2>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также
рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации.
<b>Разнообразный и богатый опыт укрепление и развитие структуры</b> влечет за собой процесс внедрения и
модернизации форм развития. Товарищи! постоянный количественный рост и сфера нашей активности играет
важную роль в формировании существенных финансовых условий.
</p>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также
рамки и <b>место обучения кадров требуют определения и уточнения соответствующий условий
активизации</b>.
Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и
модернизации форм развития. Товарищи! постоянный количественный рост и сфера нашей активности играет
важную роль в формировании существенных финансовых условий.</p>
<div class="single__gallery">
<div class="single__slider-nav">
<button class="single__slider-prev"></button>
<button class="single__slider-next"></button>
</div>
<div class="single__carousel swiper">
<div class="single__slider swiper-wrapper">
<div class="swiper-slide">
<a href="#!">
<img src="assets/img/demo_slider_img.webp" width="auto" height="auto" alt="">
</a>
</div>
<div class="swiper-slide">
<a href="#!">
<img src="assets/img/demo_slider_img.webp" width="auto" height="auto" alt="">
</a>
</div>
</div>
</div>
</div>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также
рамки и <b>место обучения кадров требуют определения и уточнения соответствующий условий
активизации</b>.
Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс внедрения и
модернизации форм развития. Товарищи! постоянный количественный рост и сфера нашей активности играет
важную роль в формировании существенных <a href="#!" target="_blank">финансовых условий</a>.</p>
<h2>Заголовок 2</h2>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по разработке соответствующий условий активизации. Идейные соображения высшего порядка, а также
рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации.</p>
<h3>Заголовок 3</h3>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по <i>разработке соответствующий условий активизации</i>. Идейные соображения высшего порядка, а
также
рамки и место обучения кадров требуют определения и уточнения соответствующий условий активизации.</p>
<blockquote>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет
выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего
порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий
активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс
внедрения и модернизации форм развития.</blockquote>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по разработке соответствующий условий активизации.</p>
<ol>
<li>Нумерованный список</li>
<li>Нумерованный список</li>
<li>Нумерованный список</li>
<li>Нумерованный список</li>
<li>Нумерованный список</li>
</ol>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по разработке <a href="#!">соответствующий условий активизации</a>. Идейные соображения высшего
порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий
активизации. </p>
<ul>
<li>Маркированный список</li>
<li>Маркированный список</li>
<li>Маркированный список</li>
<li>Маркированный список</li>
<li>Маркированный список</li>
</ul>
<p>Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет выполнять
важные
задания по разработке соответствующий условий активизации. </p>
<blockquote class="blockquote__warning">
Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет
выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего
порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий
активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс
внедрения и модернизации форм развития.
</blockquote>
<blockquote class="blockquote__info">
Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет
выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего
порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий
активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс
внедрения и модернизации форм развития.
</blockquote>
<blockquote class="blockquote__check">
Значимость этих проблем настолько очевидна, что рамки и место обучения кадров позволяет
выполнять важные задания по разработке соответствующий условий активизации. Идейные соображения высшего
порядка, а также рамки и место обучения кадров требуют определения и уточнения соответствующий условий
активизации. Разнообразный и богатый опыт укрепление и развитие структуры влечет за собой процесс
внедрения и модернизации форм развития.
</blockquote>
</div>
<div class="single__sidebar">
<div class="single__call">
<div class="single__call-img blog__author-img">
<img src="assets/img/author_demo.webp" width="auto" height="auto" alt="Иванов Иван">
</div>
<div class="single__call-info">
<p class="single__call-name blog__author-name">Иванов Иван</p>
<p class="single__call-job blog__author-job">Специалист по оценке и приемке квартир с 6-летним опытом
</p>
<div class="single__call-socials 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="single__call-tel header__tel">
<a href="tel:+79691293400" class="single__call-tel">+7 (969) 129-34-00</a>
</div>
<div class="single__call-btn">
<button class="btn modal__open" data-modal="call">Заказать звонок</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</article>
<section class="section articles similar">
<div class="section__container">
<div class="section__header section__header--jcsb">
<div class="section__title section__title--840">
<p>Другие статьи по теме</p>
</div>
<div class="articles__nav">
<button class="articles__nav-prev"></button>
<button class="articles__nav-next"></button>
</div>
</div>
<div class="articles__slider swiper">
<div class="articles__items swiper-wrapper">
<article class="article__item swiper-slide">
<a href="#!" class="article__item-img">
<img src="assets/img/why-img1.webp" width="auto" height="auto" alt="">
</a>
<div class="article__item-content">
<a href="#!" class="article__item-title" title="ТОП-5 причин заказать приемку квартиры">ТОП-5 причин
заказать приемку квартиры</a>
<div class="article__item-footer">
<div class="article__item-date">
<p title="17.10.2024 10:58">22 августа 2024</p>
</div>
<div class="article__item-min">
<p>5 минут</p>
</div>
<div class="article__item-count">
<p>132</p>
</div>
</div>
</div>
</article>
<article class="article__item swiper-slide">
<a href="#!" class="article__item-img">
<img src="assets/img/why-img1.webp" width="auto" height="auto" alt="">
</a>
<div class="article__item-content">
<a href="#!" class="article__item-title" title="ТОП-5 причин заказать приемку квартиры">ТОП-5 причин
заказать приемку квартиры</a>
<div class="article__item-footer">
<div class="article__item-date">
<p title="17.10.2024 10:58">22 августа 2024</p>
</div>
<div class="article__item-min">
<p>5 минут</p>
</div>
<div class="article__item-count">
<p>132</p>
</div>
</div>
</div>
</article>
<article class="article__item swiper-slide">
<a href="#!" class="article__item-img">
<img src="assets/img/why-img1.webp" width="auto" height="auto" alt="">
</a>
<div class="article__item-content">
<a href="#!" class="article__item-title" title="ТОП-5 причин заказать приемку квартиры">ТОП-5 причин
заказать приемку квартиры</a>
<div class="article__item-footer">
<div class="article__item-date">
<p title="17.10.2024 10:58">22 августа 2024</p>
</div>
<div class="article__item-min">
<p>5 минут</p>
</div>
<div class="article__item-count">
<p>132</p>
</div>
</div>
</div>
</article>
<article class="article__item swiper-slide">
<a href="#!" class="article__item-img">
<img src="assets/img/why-img1.webp" width="auto" height="auto" alt="">
</a>
<div class="article__item-content">
<a href="#!" class="article__item-title" title="ТОП-5 причин заказать приемку квартиры">ТОП-5 причин
заказать приемку квартиры</a>
<div class="article__item-footer">
<div class="article__item-date">
<p title="17.10.2024 10:58">22 августа 2024</p>
</div>
<div class="article__item-min">
<p>5 минут</p>
</div>
<div class="article__item-count">
<p>132</p>
</div>
</div>
</div>
</article>
<article class="article__item swiper-slide">
<a href="#!" class="article__item-img">
<img src="assets/img/why-img1.webp" width="auto" height="auto" alt="">
</a>
<div class="article__item-content">
<a href="#!" class="article__item-title" title="ТОП-5 причин заказать приемку квартиры">ТОП-5 причин
заказать приемку квартиры</a>
<div class="article__item-footer">
<div class="article__item-date">
<p title="17.10.2024 10:58">22 августа 2024</p>
</div>
<div class="article__item-min">
<p>5 минут</p>
</div>
<div class="article__item-count">
<p>132</p>
</div>
</div>
</div>
</article>
<article class="article__item swiper-slide">
<a href="#!" class="article__item-img">
<img src="assets/img/why-img1.webp" width="auto" height="auto" alt="">
</a>
<div class="article__item-content">
<a href="#!" class="article__item-title" title="ТОП-5 причин заказать приемку квартиры">ТОП-5 причин
заказать приемку квартиры</a>
<div class="article__item-footer">
<div class="article__item-date">
<p title="17.10.2024 10:58">22 августа 2024</p>
</div>
<div class="article__item-min">
<p>5 минут</p>
</div>
<div class="article__item-count">
<p>132</p>
</div>
</div>
</div>
</article>
</div>
</div>
<a href="#!" class="btn btn--border articles__link">Все статьи</a>
</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>