Good-Production
/
template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity
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.
11 Commits
18 Branches
0 Tags
79 MiB
 
 
 
Tag: Branch: Tree: 3d390347e2
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '3d390347e2'
${ noResults }
template-for-verstka/article.html

561 lines
33 KiB
Raw Blame History

<!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>