Compare commits
2 Commits
| Author | SHA1 | Date |
|---|---|---|
Константин Белан
|
3d390347e2 | 9 months ago |
|
Константин Белан
|
baaabfa6f1 | 10 months ago |
@ -1,84 +0,0 @@ |
||||
## **Требования к верстке** |
||||
|
||||
### **С точки зрения веб-разработки:** |
||||
* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.) |
||||
* соблюдаем Scope-ориентированный подход: |
||||
- каждую секцию/экран именуем **уникальным** классом-родителем, от которого строим CSS-селектор для дочерних элементов, что ограничивает область ваших стилей только внутри секции/экрана, не влияя на другие части сайта. |
||||
|
||||
- пример: <br> |
||||
|
||||
HTML: |
||||
``` |
||||
<section class="my-namespace"> |
||||
<h1>Новый заголовок</h1> |
||||
<button class="my-button">Кнопка</button> |
||||
</section> |
||||
``` |
||||
|
||||
CSS: |
||||
|
||||
``` |
||||
.my-namespace h1 { |
||||
font-size: 24px; |
||||
color: #333; |
||||
} |
||||
|
||||
.my-namespace .my-button { |
||||
background-color: #007BFF; |
||||
color: #fff; |
||||
} |
||||
``` |
||||
|
||||
|
||||
* чтобы дополнительно структурировать CSS при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**: |
||||
`block-name__elem-name--mod-name--mod-val` |
||||
+ имена записываются латиницей в нижнем регистре |
||||
+ для разделения слов в именах БЭМ-сущностей используется дефис (-) |
||||
+ имя элемента отделяется от имени блока двумя подчеркиваниями (__) |
||||
+ модификаторы отделяются от имения блока или элемента двумя дефисами (--) |
||||
+ значение модификатора отделяется от его имени двумя дефисами (--) |
||||
* из конечного HTML-файла убрать все комментарии, если такие имеются |
||||
* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4) |
||||
* **частая ошибка:** верстальщик берет изображения/видео из макета и не задает им адаптивную ширину/высоту, и на моменте сдачи верстки не заметно косяков, а вот когда мы переходим к натяжке и медиаматериалы начинают выводиться в шаблон динамически и уже разных форматов (ШИРИНАxВЫСОТА), тогда верстка начинает плыть. Чтоб такое избежать проверяйте на как себя ведет элемент при замене слишком большой/маленькой картинки. |
||||
* **ВАЖНО:** если верстка делается для многостраничного сайта (особенно на CMS), то для всех страниц прописывать уникальный класс в \<body\>, от которого строить все CSS-правила на этой странице + для кажой станицы использовать свои отдельные CSS-файлы |
||||
* подключаем вначале normalize.min.css и reset.min.css, чтобы сбросить глобальные стили и устранить влияние наследуемых правил. |
||||
* шрифты и глобальные переменные выносим в отдельный файл (у нас это *gp-style-core.css*) |
||||
|
||||
### **С точки зрения SEO:** |
||||
* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2. |
||||
* на странице должен быть только один заголовок первого уровня (h1) |
||||
* должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8 |
||||
* для кнопок, нажатие на которые не требует редиректа используем тег \<button\>, а не \<a\> |
||||
* для \<img\> самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке |
||||
|
||||
|
||||
## **Порядок работы** |
||||
|
||||
### **Подготовка окружения для локальной разработки** |
||||
1. Выкачивать локально на свой компьютер один из 2х шаблонов (по веткам: 1 - master, 2 - with-phpmailer) командой: `git clone -b ${branch_name} https://git.good-production.xyz/Good-Production/template-for-verstka.git` |
||||
|
||||
заменить переменную: |
||||
`${branch_name}` -- на "master", если достаточно только отправки форм в ТГ, либо "with-phpmailer", если нужна отправка на почту средствами PHP (без использования плагинов CMS) |
||||
|
||||
2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}` |
||||
3. Приступить к локальной разработке в созданной ветке |
||||
4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}` |
||||
- во время push для авторизации понадобиться логин/пароль: `freelancer/freelancerfreelancer00` |
||||
5. Отписать в чат, чтоб руководитель проектом посмотрел результат и выкачал его на тестовый стенд |
||||
|
||||
в командах заменить переменные: |
||||
`${project_name}` -- условное названия проекта (как варинат использовать домен сайта) |
||||
`${name}` -- имя/ник исполнителя |
||||
|
||||
|
||||
## **Оптимальный порядок непосредственно в процессе верстки** |
||||
1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл `style-core.css` |
||||
2. Все шрифты выкачать и сохранить локально в директорию `/assets/fonts/` и подключить их в файле `style-core.css` |
||||
3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Стили для UI kit писать так же в файл `style-core.css`. |
||||
Саму HTML-верстку для UI kit делать в файле `ui_kit.html` |
||||
3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из `style-core.css` |
||||
|
||||
|
||||
### **Примечания** |
||||
|
||||
Для работы с Figma рекомендуем использовать плагин ["Inspect Styles"](https://www.figma.com/community/plugin/1254262542670221199) для инспевтирования CSS-свойсв. |
||||
@ -0,0 +1,533 @@ |
||||
<!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 class="current-menu-item"> |
||||
<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__company" 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>Более 20 лет</b> решаем вопросы с застройщиками</h1> |
||||
</div> |
||||
<div class="section__thumbnail"> |
||||
<img src="assets/img/company_demo.webp" width="auto" height="100%" |
||||
alt="Более 20 лет решаем вопросы с застройщиками"> |
||||
</div> |
||||
<div class="company__info section__grid section__grid-2"> |
||||
<div class="section__item company__item"> |
||||
<div class="company__item-icon"> |
||||
<img src="assets/icons/i-company1.svg" width="46" height="46" alt="Изучаем вопрос со всех сторон"> |
||||
</div> |
||||
<div class="company__item-content"> |
||||
<p>Изучаем вопрос со всех сторон</p> |
||||
<span>Команда юристов и строительных экспертов досконально изучает дело, выявляя все нарушения застройщика |
||||
и |
||||
максимизируя сумму компенсации</span> |
||||
</div> |
||||
</div> |
||||
<div class="section__item company__item"> |
||||
<div class="company__item-icon"> |
||||
<img src="assets/icons/i-company2.svg" width="46" height="46" alt="Решаем именно вашу проблему"> |
||||
</div> |
||||
<div class="company__item-content"> |
||||
<p>Решаем именно вашу проблему</p> |
||||
<span>Тщательно выстраиваем стратегию ведения дела с учетом всех нюансов вашей ситуации. Отчитываемся в |
||||
чате |
||||
в мессенджере о каждом этапе</span> |
||||
</div> |
||||
</div> |
||||
<div class="section__item company__item"> |
||||
<div class="company__item-icon"> |
||||
<img src="assets/icons/i-company3.svg" width="46" height="46" alt="Более 15678+ успешных дел"> |
||||
</div> |
||||
<div class="company__item-content"> |
||||
<p>Более 15678+ успешных дел</p> |
||||
<span>Более 20 лет успешно защищаем интересы клиентов в судах. Знаем, как убедить застройщика исправить |
||||
нарушения.</span> |
||||
</div> |
||||
</div> |
||||
<div class="section__item company__item"> |
||||
<div class="company__item-icon"> |
||||
<img src="assets/icons/i-company4.svg" width="46" height="46" alt="Работаем без предоплаты"> |
||||
</div> |
||||
<div class="company__item-content"> |
||||
<p>Работаем без предоплаты</p> |
||||
<span>Оплата производится только из суммы взысканной с застройщика неустойки. Стремимся к максимальному |
||||
выигрышу</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<section class="section section--bg team"> |
||||
<div class="section__container"> |
||||
<div class="section__header section__header--jcsb"> |
||||
<div class="section__title section__title--840"> |
||||
<h2>С вами будут работать юристы, выигравшие сотни дел с застройщиками</h2> |
||||
</div> |
||||
</div> |
||||
<div class="team__slider swiper"> |
||||
<div class="team__slider-wrapper team__slider-grid section__grid section__grid-4"> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img1.webp" width="auto" height="auto" alt="Хайруллина Гульназ Равилевна" |
||||
title="Хайруллина Гульназ Равилевна"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Хайруллина Гульназ Равилевна</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Высшее образование, специальность «юриспруденция», опыт работы в юриспруденции 15 лет</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img2.webp" width="auto" height="auto" alt="Хайруллин Вадим Вилевич" |
||||
title="Хайруллин Вадим Вилевич"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Хайруллин Вадим Вилевич</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Два высших образования, специальность «юриспруденция» и «экономика», опыт работы в юриспруденции 8 |
||||
лет.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img3.webp" width="auto" height="auto" alt="Воложанина Анна Сергеевна" |
||||
title="Воложанина Анна Сергеевна"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Воложанина Анна Сергеевна</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Высшее образование «Юриспруденция», опыт работы в юриспруденции 7 лет.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна" |
||||
title="Петрова Элина Эдуардовна"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Петрова Элина Эдуардовна</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное |
||||
управление», |
||||
опыт работы в юриспруденции 14 лет.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна" |
||||
title="Петрова Элина Эдуардовна"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Петрова Элина Эдуардовна</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное |
||||
управление», |
||||
опыт работы в юриспруденции 14 лет.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна" |
||||
title="Петрова Элина Эдуардовна"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Петрова Элина Эдуардовна</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное |
||||
управление», |
||||
опыт работы в юриспруденции 14 лет.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна" |
||||
title="Петрова Элина Эдуардовна"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Петрова Элина Эдуардовна</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное |
||||
управление», |
||||
опыт работы в юриспруденции 14 лет.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="team__item"> |
||||
<div class="team__item-img"> |
||||
<img src="assets/img/team-img4.webp" width="auto" height="auto" alt="Петрова Элина Эдуардовна" |
||||
title="Петрова Элина Эдуардовна"> |
||||
</div> |
||||
<div class="team__item-content"> |
||||
<div class="team__item-name"> |
||||
<p>Петрова Элина Эдуардовна</p> |
||||
</div> |
||||
<div class="team__item-info"> |
||||
<p>Два высших образования, специальность «Юриспруденция» и «Государственное и Муниципальное |
||||
управление», |
||||
опыт работы в юриспруденции 14 лет.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<section class="section awards"> |
||||
<div class="section__container"> |
||||
<div class="awards__wrapper"> |
||||
<div class="awards__content"> |
||||
<div class="awards__title"> |
||||
<h2>Мы – троекратные обладатели наград городского округа и муниципалитета</h2> |
||||
</div> |
||||
<div class="awards__years"> |
||||
<span>2020 г.</span> |
||||
<span>2022 г.</span> |
||||
<span>2023 г.</span> |
||||
</div> |
||||
<div class="awards__desc"> |
||||
<p>Получение наград как <b>лучшая организация в Республике Башкортостан по судебной и досудебной |
||||
защите |
||||
прав потребителей</b> от городского округа и муниципалитета</p> |
||||
</div> |
||||
</div> |
||||
<div class="awards__img"> |
||||
<img src="assets/img/awards__img.webp" width="auto" height="auto" |
||||
alt="Мы – троекратные обладатели наград городского округа и муниципалитета"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
<section class="section socials"> |
||||
<div class="section__container"> |
||||
<div class="section__header"> |
||||
<div class="section__title section__title--center"> |
||||
<p>Мы в социальных сетях</p> |
||||
</div> |
||||
</div> |
||||
<div class="socials__content"> |
||||
<div class="socials__channels section__grid section__grid-3"> |
||||
<!-- 01 --> |
||||
<a href="#!" class="socials__channel" title="Канал в Telegram"> |
||||
<div class="socials__channel-icon"> |
||||
<img src="assets/icons/i-socials-tg.svg" width="64" height="64" alt=""> |
||||
</div> |
||||
<div class="socials__channel-info"> |
||||
<p>Канал в Telegram</p> |
||||
<span>Подписаться</span> |
||||
</div> |
||||
</a> |
||||
<!-- 02 --> |
||||
<a href="#!" class="socials__channel" title="Наш чат в Telegram"> |
||||
<div class="socials__channel-icon"> |
||||
<img src="assets/icons/i-socials-tg.svg" width="64" height="64" alt=""> |
||||
</div> |
||||
<div class="socials__channel-info"> |
||||
<p>Наш чат в Telegram</p> |
||||
<span>Вступить</span> |
||||
</div> |
||||
</a> |
||||
<!-- 03 --> |
||||
<a href="#!" class="socials__channel" title="Группа в Вконтакте"> |
||||
<div class="socials__channel-icon"> |
||||
<img src="assets/icons/i-socials-vk.svg" width="64" height="64" alt=""> |
||||
</div> |
||||
<div class="socials__channel-info"> |
||||
<p>Группа в Вконтакте</p> |
||||
<span>Подписаться</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="socials__chats section__grid"> |
||||
<div class="socials__chats-info"> |
||||
<p>Возникли вопросы по определенному застройщику?</p> |
||||
<span>Задайте его в соответствующем чате в Telegram.</span> |
||||
</div> |
||||
<div class="socials__chats-links section__grid"> |
||||
<!-- 01 --> |
||||
<a href="#!" title="Чат по застройщику ПИК" class="socials__chat"> |
||||
<p>Чат по застройщику ПИК</p> |
||||
<div class="socials__chat-logo"> |
||||
<img src="assets/icons/i-chat-pik.svg" width="auto" height="32" alt="Чат по застройщику ПИК"> |
||||
</div> |
||||
<span>Вступить</span> |
||||
</a> |
||||
<!-- 02 --> |
||||
<a href="#!" title="Чат по застройщику A101" class="socials__chat"> |
||||
<p>Чат по застройщику A101</p> |
||||
<div class="socials__chat-logo"> |
||||
<img src="assets/icons/i-chat-a101.svg" width="auto" height="32" alt="Чат по застройщику A101"> |
||||
</div> |
||||
<span>Вступить</span> |
||||
</a> |
||||
<!-- 03 --> |
||||
<a href="#!" title="Чат по застройщику Самолет" class="socials__chat"> |
||||
<p>Чат по застройщику Самолет</p> |
||||
<div class="socials__chat-logo"> |
||||
<img src="assets/icons/i-chat-samolet.svg" width="auto" height="32" alt="Чат по застройщику Самолет"> |
||||
</div> |
||||
<span>Вступить</span> |
||||
</a> |
||||
</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 офис</span></p> |
||||
<p><span itemprop="addressLocality">г.Уфа</span>, <span itemprop="streetAddress">Верхнеторговая пл, д. 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>Оставьте ваши данные, наш менеджер свяжется с вами и проконсультирует по любым вопросам</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> |
||||
@ -0,0 +1,561 @@ |
||||
<!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 офис</span></p> |
||||
<p><span itemprop="addressLocality">г.Уфа</span>, <span itemprop="streetAddress">Верхнеторговая пл, д. 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>Оставьте ваши данные, наш менеджер свяжется с вами и проконсультирует по любым вопросам</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> |
||||
@ -1,16 +1,210 @@ |
||||
/* Переменные, шрифты, UI kit */ |
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap"); |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl300.eot"); |
||||
src: url("../fonts/MuseoSansCyrl300.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl300.woff") format("woff"), url("../fonts/MuseoSansCyrl300.ttf") format("truetype"); |
||||
font-style: normal; |
||||
font-weight: 300; |
||||
font-display: swap; |
||||
} |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl500.eot"); |
||||
src: url("../fonts/MuseoSansCyrl500.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl500.woff") format("woff"), url("../fonts/MuseoSansCyrl500.ttf") format("truetype"); |
||||
font-style: normal; |
||||
font-weight: 500; |
||||
font-display: swap; |
||||
} |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl700.eot"); |
||||
src: url("../fonts/MuseoSansCyrl700.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl700.woff") format("woff"), url("../fonts/MuseoSansCyrl700.ttf") format("truetype"); |
||||
font-style: normal; |
||||
font-weight: 700; |
||||
font-display: swap; |
||||
} |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl900.eot"); |
||||
src: url("../fonts/MuseoSansCyrl900.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl900.woff") format("woff"), url("../fonts/MuseoSansCyrl900.ttf") format("truetype"); |
||||
font-style: normal; |
||||
font-weight: 900; |
||||
font-display: swap; |
||||
} |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl300Italic.eot"); |
||||
src: url("../fonts/MuseoSansCyrl300Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl300Italic.woff") format("woff"), url("../fonts/MuseoSansCyrl300Italic.ttf") format("truetype"); |
||||
font-style: italic; |
||||
font-weight: 300; |
||||
font-display: swap; |
||||
} |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl500Italic.eot"); |
||||
src: url("../fonts/MuseoSansCyrl500Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl500Italic.woff") format("woff"), url("../fonts/MuseoSansCyrl500Italic.ttf") format("truetype"); |
||||
font-style: italic; |
||||
font-weight: 500; |
||||
font-display: swap; |
||||
} |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl700Italic.eot"); |
||||
src: url("../fonts/MuseoSansCyrl700Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl700Italic.woff") format("woff"), url("../fonts/MuseoSansCyrl700Italic.ttf") format("truetype"); |
||||
font-style: italic; |
||||
font-weight: 700; |
||||
font-display: swap; |
||||
} |
||||
@font-face { |
||||
font-family: "Museo Sans Cyrl"; |
||||
src: url("../fonts/MuseoSansCyrl900Italic.eot"); |
||||
src: url("../fonts/MuseoSansCyrl900Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSansCyrl900Italic.woff") format("woff"), url("../fonts/MuseoSansCyrl900Italic.ttf") format("truetype"); |
||||
font-style: italic; |
||||
font-weight: 900; |
||||
font-display: swap; |
||||
} |
||||
html, |
||||
body, |
||||
div, |
||||
span, |
||||
applet, |
||||
object, |
||||
iframe, |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
p, |
||||
blockquote, |
||||
pre, |
||||
a, |
||||
abbr, |
||||
acronym, |
||||
address, |
||||
big, |
||||
cite, |
||||
code, |
||||
del, |
||||
dfn, |
||||
em, |
||||
img, |
||||
ins, |
||||
kbd, |
||||
q, |
||||
s, |
||||
samp, |
||||
small, |
||||
strike, |
||||
strong, |
||||
sub, |
||||
sup, |
||||
tt, |
||||
var, |
||||
b, |
||||
u, |
||||
i, |
||||
center, |
||||
dl, |
||||
dt, |
||||
dd, |
||||
ol, |
||||
ul, |
||||
li, |
||||
fieldset, |
||||
form, |
||||
label, |
||||
legend, |
||||
table, |
||||
caption, |
||||
tbody, |
||||
tfoot, |
||||
thead, |
||||
tr, |
||||
th, |
||||
td, |
||||
article, |
||||
aside, |
||||
canvas, |
||||
details, |
||||
embed, |
||||
figure, |
||||
figcaption, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
menu, |
||||
nav, |
||||
output, |
||||
ruby, |
||||
section, |
||||
summary, |
||||
time, |
||||
mark, |
||||
audio, |
||||
video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
menu, |
||||
nav, |
||||
section { |
||||
display: block; |
||||
} |
||||
|
||||
body { |
||||
line-height: 1; |
||||
} |
||||
|
||||
ol, |
||||
ul { |
||||
list-style: none; |
||||
} |
||||
|
||||
/* |
||||
blockquote, |
||||
q { |
||||
quotes: none; |
||||
} |
||||
|
||||
ШАБЛОН использования глобальных переменных: |
||||
blockquote:before, |
||||
blockquote:after, |
||||
q:before, |
||||
q:after { |
||||
content: ""; |
||||
content: none; |
||||
} |
||||
|
||||
:root { |
||||
--main-text: #e1667c; |
||||
--main-color: #8da6cb; |
||||
--font-family: "Craftwork Grotesk", sans-serif; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
||||
*/ |
||||
* { |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
button { |
||||
font-family: var(--font); |
||||
border: none; |
||||
outline: none; |
||||
background: none; |
||||
cursor: pointer; |
||||
padding: 0; |
||||
margin: 0; |
||||
}/*# sourceMappingURL=gp-style-core.css.map */ |
||||
@ -0,0 +1 @@ |
||||
{"version":3,"sources":["../scss/gp-style-core.scss","gp-style-core.css"],"names":[],"mappings":"AAwFQ,2MAAA;AAxFR;EACC,8BAAA;EACA,yCAAA;EACA,2LAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;ACAD;ADGA;EACC,8BAAA;EACA,yCAAA;EACA,2LAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;ACHD;ADMA;EACC,8BAAA;EACA,yCAAA;EACA,2LAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;ACND;ADSA;EACC,8BAAA;EACA,yCAAA;EACA,2LAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;ACTD;ADYA;EACC,8BAAA;EACA,+CAAA;EACA,6MAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;ACZD;ADeA;EACC,8BAAA;EACA,+CAAA;EACA,6MAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;ACfD;ADkBA;EACC,8BAAA;EACA,+CAAA;EACA,6MAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;AClBD;ADqBA;EACC,8BAAA;EACA,+CAAA;EACA,6MAAA;EAGA,kBAAA;EACA,gBAAA;EACA,kBAAA;ACrBD;AD0BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFC,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,aAAA;EACA,wBAAA;ACxBD;;AD2BA,gDAAA;AACA;;;;;;;;;;;EAWC,cAAA;ACxBD;;AD2BA;EACC,cAAA;ACxBD;;AD2BA;;EAEC,gBAAA;ACxBD;;AD2BA;;EAEC,YAAA;ACxBD;;AD2BA;;;;EAIC,WAAA;EACA,aAAA;ACxBD;;AD2BA;EACC,yBAAA;EACA,iBAAA;ACxBD;;AD2BA;EACC,8BAAA;UAAA,sBAAA;ACxBD;;AD2BA;EACC,wBAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;EACA,eAAA;EACA,UAAA;EACA,SAAA;ACxBD","file":"gp-style-core.css"} |
||||
@ -0,0 +1 @@ |
||||
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap";@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl300.eot");src:url("../fonts/MuseoSansCyrl300.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl300.woff") format("woff"),url("../fonts/MuseoSansCyrl300.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl500.eot");src:url("../fonts/MuseoSansCyrl500.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl500.woff") format("woff"),url("../fonts/MuseoSansCyrl500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl700.eot");src:url("../fonts/MuseoSansCyrl700.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl700.woff") format("woff"),url("../fonts/MuseoSansCyrl700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl900.eot");src:url("../fonts/MuseoSansCyrl900.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl900.woff") format("woff"),url("../fonts/MuseoSansCyrl900.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl300Italic.eot");src:url("../fonts/MuseoSansCyrl300Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl300Italic.woff") format("woff"),url("../fonts/MuseoSansCyrl300Italic.ttf") format("truetype");font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl500Italic.eot");src:url("../fonts/MuseoSansCyrl500Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl500Italic.woff") format("woff"),url("../fonts/MuseoSansCyrl500Italic.ttf") format("truetype");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl700Italic.eot");src:url("../fonts/MuseoSansCyrl700Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl700Italic.woff") format("woff"),url("../fonts/MuseoSansCyrl700Italic.ttf") format("truetype");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:"Museo Sans Cyrl";src:url("../fonts/MuseoSansCyrl900Italic.eot");src:url("../fonts/MuseoSansCyrl900Italic.eot?#iefix") format("embedded-opentype"),url("../fonts/MuseoSansCyrl900Italic.woff") format("woff"),url("../fonts/MuseoSansCyrl900Italic.ttf") format("truetype");font-style:italic;font-weight:900;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}button{font-family:var(--font);border:none;outline:none;background:none;cursor:pointer;padding:0;margin:0}/*# sourceMappingURL=gp-style-core.min.css.map */ |
||||
@ -0,0 +1 @@ |
||||
{"version":3,"sources":["../scss/gp-style-core.scss"],"names":[],"mappings":"AAwFQ,qMAAA,CAxFR,WACC,6BAAA,CACA,wCAAA,CACA,wLAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGD,WACC,6BAAA,CACA,wCAAA,CACA,wLAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGD,WACC,6BAAA,CACA,wCAAA,CACA,wLAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGD,WACC,6BAAA,CACA,wCAAA,CACA,wLAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGD,WACC,6BAAA,CACA,8CAAA,CACA,0MAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGD,WACC,6BAAA,CACA,8CAAA,CACA,0MAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGD,WACC,6BAAA,CACA,8CAAA,CACA,0MAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAGD,WACC,6BAAA,CACA,8CAAA,CACA,0MAAA,CAGA,iBAAA,CACA,eAAA,CACA,iBAAA,CAKD,2ZAiFC,QAAA,CACA,SAAA,CACA,QAAA,CACA,cAAA,CACA,YAAA,CACA,uBAAA,CAID,8EAWC,aAAA,CAGD,KACC,aAAA,CAGD,MAEC,eAAA,CAGD,aAEC,WAAA,CAGD,oDAIC,UAAA,CACA,YAAA,CAGD,MACC,wBAAA,CACA,gBAAA,CAGD,EACC,6BAAA,CAAA,qBAAA,CAGD,OACC,uBAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,cAAA,CACA,SAAA,CACA,QAAA","file":"gp-style-core.min.css"} |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,5 +1,160 @@ |
||||
/* Стили для планшетов */ |
||||
@media only screen and (max-width: 992px) { |
||||
.header__container { |
||||
padding-right: 140px !important; |
||||
} |
||||
.header__nav-list { |
||||
display: none; |
||||
} |
||||
.header__nav-burger { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
} |
||||
|
||||
|
||||
} |
||||
.section:not(.hero) { |
||||
padding-top: 92px; |
||||
padding-bottom: 92px; |
||||
} |
||||
.section:last-child { |
||||
padding-bottom: 92px !important; |
||||
} |
||||
.section__header--jcsb { |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
-webkit-box-align: start; |
||||
-ms-flex-align: start; |
||||
align-items: flex-start; |
||||
} |
||||
|
||||
.hero__bg { |
||||
right: -10vw; |
||||
} |
||||
.hero__privilege-item { |
||||
min-width: 140px; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
text-align: center; |
||||
} |
||||
|
||||
.cases__content { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
gap: 92px !important; |
||||
} |
||||
|
||||
.cta .section__container { |
||||
padding: 50px 60px; |
||||
background-position: left; |
||||
} |
||||
|
||||
.socials__content { |
||||
gap: 46px; |
||||
} |
||||
.socials__chats { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
-webkit-box-align: start; |
||||
-ms-flex-align: start; |
||||
align-items: flex-start; |
||||
gap: 32px !important; |
||||
} |
||||
.socials__chats-links { |
||||
width: 100%; |
||||
} |
||||
.socials__chats-info span { |
||||
max-width: initial; |
||||
} |
||||
|
||||
.footer__navigations { |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
gap: 32px; |
||||
} |
||||
|
||||
.section__thumbnail { |
||||
height: 490px; |
||||
} |
||||
|
||||
.company__item { |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
text-align: center; |
||||
gap: 14px; |
||||
} |
||||
|
||||
.company__item-content { |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.contacts__section { |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
} |
||||
|
||||
.contacts__maps { |
||||
height: 420px; |
||||
} |
||||
|
||||
.single__wrapper { |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
gap: 62px; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
} |
||||
|
||||
.single__content, |
||||
.single__sidebar { |
||||
width: 100%; |
||||
} |
||||
|
||||
@media screen and (max-width: 1070px) { |
||||
.awards__wrapper { |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
} |
||||
.awards__content, |
||||
.awards__img, |
||||
.awards__desc { |
||||
max-width: 100%; |
||||
} |
||||
} |
||||
@media screen and (max-width: 860px) { |
||||
.hero__bg { |
||||
right: -25vw; |
||||
} |
||||
.hero__expert { |
||||
left: 160px; |
||||
} |
||||
} |
||||
@media screen and (max-width: 770px) { |
||||
.hero__bg { |
||||
right: -30vw; |
||||
} |
||||
}/*# sourceMappingURL=gp-style-tablet.css.map */ |
||||
@ -0,0 +1 @@ |
||||
{"version":3,"sources":["../scss/gp-style-tablet.scss","gp-style-tablet.css"],"names":[],"mappings":"AACE;EACE,+BAAA;ACAJ;ADII;EACE,aAAA;ACFN;ADKI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;ACHN;;ADSE;EACE,iBAAA;EACA,oBAAA;ACNJ;ADSE;EACE,+BAAA;ACPJ;ADWI;EACE,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;ACTN;;ADeE;EACE,YAAA;ACZJ;ADgBI;EACE,gBAAA;EACA,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,kBAAA;ACdN;;ADoBE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,oBAAA;ACjBJ;;ADsBE;EACE,kBAAA;EACA,yBAAA;ACnBJ;;ADwBE;EACE,SAAA;ACrBJ;ADwBE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,oBAAA;ACtBJ;ADwBI;EACE,WAAA;ACtBN;AD0BM;EACE,kBAAA;ACxBR;;AD+BE;EACE,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,SAAA;AC5BJ;;ADgCA;EACE,aAAA;AC7BF;;ADgCA;EACE,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,kBAAA;EACA,SAAA;AC7BF;;ADgCA;EACE,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AC7BF;;ADgCA;EACE,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;AC7BF;;ADgCA;EACE,aAAA;AC7BF;;ADgCA;EACE,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,SAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AC7BF;;ADgCA;;EAEE,WAAA;AC7BF;;ADgCA;EACE;IACE,4BAAA;IAAA,6BAAA;QAAA,0BAAA;YAAA,sBAAA;EC7BF;EDgCA;;;IAGE,eAAA;EC9BF;AACF;ADiCA;EACE;IACE,YAAA;EC/BF;EDkCA;IACE,WAAA;EChCF;AACF;ADmCA;EACE;IACE,YAAA;ECjCF;AACF","file":"gp-style-tablet.css"} |
||||
@ -0,0 +1 @@ |
||||
.header__container{padding-right:140px !important}.header__nav-list{display:none}.header__nav-burger{display:-webkit-box;display:-ms-flexbox;display:flex}.section:not(.hero){padding-top:92px;padding-bottom:92px}.section:last-child{padding-bottom:92px !important}.section__header--jcsb{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hero__bg{right:-10vw}.hero__privilege-item{min-width:140px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.cases__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:92px !important}.cta .section__container{padding:50px 60px;background-position:left}.socials__content{gap:46px}.socials__chats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:32px !important}.socials__chats-links{width:100%}.socials__chats-info span{max-width:initial}.footer__navigations{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}.section__thumbnail{height:490px}.company__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:14px}.company__item-content{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contacts__section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contacts__maps{height:420px}.single__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:62px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.single__content,.single__sidebar{width:100%}@media screen and (max-width: 1070px){.awards__wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.awards__content,.awards__img,.awards__desc{max-width:100%}}@media screen and (max-width: 860px){.hero__bg{right:-25vw}.hero__expert{left:160px}}@media screen and (max-width: 770px){.hero__bg{right:-30vw}}/*# sourceMappingURL=gp-style-tablet.min.css.map */ |
||||
@ -0,0 +1 @@ |
||||
{"version":3,"sources":["../scss/gp-style-tablet.scss"],"names":[],"mappings":"AACE,mBACE,8BAAA,CAIA,kBACE,YAAA,CAGF,oBACE,mBAAA,CAAA,mBAAA,CAAA,YAAA,CAMJ,oBACE,gBAAA,CACA,mBAAA,CAGF,oBACE,8BAAA,CAIA,uBACE,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CAMJ,UACE,WAAA,CAIA,sBACE,eAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,iBAAA,CAMJ,gBACE,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,mBAAA,CAKF,yBACE,iBAAA,CACA,wBAAA,CAKF,kBACE,QAAA,CAGF,gBACE,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,mBAAA,CAEA,sBACE,UAAA,CAIA,0BACE,iBAAA,CAON,qBACE,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,QAAA,CAIJ,oBACE,YAAA,CAGF,eACE,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,iBAAA,CACA,QAAA,CAGF,uBACE,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CAGF,mBACE,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CAGF,gBACE,YAAA,CAGF,iBACE,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,QAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CAGF,kCAEE,UAAA,CAGF,sCACE,iBACE,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CAGF,4CAGE,cAAA,CAAA,CAIJ,qCACE,UACE,WAAA,CAGF,cACE,UAAA,CAAA,CAIJ,qCACE,UACE,WAAA,CAAA","file":"gp-style-tablet.min.css"} |
||||
@ -1,4 +0,0 @@ |
||||
/* Стили для ультрашироких экранов */ |
||||
@media only screen and (min-width: 1400px) { |
||||
|
||||
} |
||||
@ -1,2 +0,0 @@ |
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} |
||||
/*# sourceMappingURL=normalize.min.css.map */ |
||||
@ -1 +0,0 @@ |
||||
*{padding:0;margin:0;border:none}*,::after,::before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,legend,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:0 0;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:0}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer} |
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 821 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 669 B |
|
After Width: | Height: | Size: 1009 B |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 294 B |
|
After Width: | Height: | Size: 263 B |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 871 B |
|
After Width: | Height: | Size: 200 B |
|
After Width: | Height: | Size: 202 B |
|
After Width: | Height: | Size: 564 B |
|
After Width: | Height: | Size: 528 B |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue