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

390 lines
18 KiB

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="assets/css/gp-style-core.css?v=1.0">
<link rel="stylesheet" href="assets/css/gp-style-desktop.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 1025px)" href="assets/css/gp-style-tablet.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 720px)" href="assets/css/gp-style-mobile.css?v=1.0">
<link rel="stylesheet" href="modules/swiper/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="modules/fancybox/css/fancybox.css" />
</head>
<body>
<header class="header">
<div class="header__container">
<div class="header__logo">
<a href="/" title="Профрешение - Юридическая компания">
<img src="assets/icons/logo.svg" width="93" height="42" alt="Профрешение - Юридическая компания">
</a>
</div>
<div class="header__nav">
<nav class="header__nav-list">
<ul>
<li class="submenu">
<a href="#">Услуги</a>
<ul class="submenu__list">
<li><a href="/ddu.html"><b>Приемка квартир</b></a></li>
<li><a href="/ddu.html">Приемка квартиры от застройщика Самолет</a></li>
<li><a href="/ddu.html">Приемка квартиры от застройщика ПИК</a></li>
<li><a href="/ddu.html">Приемка квартиры от застройщика А101</a></li>
<li><a href="/ddu.html">Приемка квартиры по реновации</a></li>
<li><a href="/ddu.html">Приемка ремонта в квартире</a></li>
<li><a href="/ddu.html"><b>Оценка квартир</b></a></li>
<li><a href="/ddu.html">Оценка квартиры для продажи</a></li>
<li><a href="/ddu.html">Оценка квартиры для ипотеки</a></li>
<li><a href="/ddu.html">Оценка квартиры после залива</a></li>
<li><a href="/ddu.html"><b>Экспертиза квартир</b></a></li>
<li><a href="/ddu.html">Экспертиза по заливу квартир</a></li>
<li><a href="/ddu.html">Экспертиза ремонта в квартире</a></li>
<li><a href="/ddu.html"><b>Взыскание неустойки</b></a></li>
<li><a href="/ddu.html">Взыскание по ДДУ</a></li>
<li><a href="/ddu.html">Взыскание за строительные недостатки</a></li>
</ul>
</li>
<li>
<a href="/about.html">О компании</a>
</li>
<li>
<a href="/cases.html">Кейсы</a>
</li>
<li>
<a href="/reviews.html">Отзывы</a>
</li>
<li class="current-menu-item">
<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__contacts" 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 section__title-46">
<h1><b>Свяжитесь</b> с нами любыми удобным способом</h1>
</div>
<div class="contacts__wrapper">
<div class="contacts__section">
<div class="contacts__info">
<div class="contacts__info-row">
<span>E-mail:</span>
<a href="mailto:profresheniye@mail.ru" target="_blank">profresheniye@mail.ru</a>
</div>
<div class="contacts__info-row">
<span>Телефон:</span>
<a href="tel:+79691293400" target="_blank">+7 969 129-34-00</a>
</div>
<div class="contacts__info-row">
<span>Мессенджеры:</span>
<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>
<div class="contacts__info-row">
<span>Адреса офисов:</span>
<p>108811, г. Москва, д. Саларьево, 2-я Новая улица, 23а, 305 офис</p>
<button class="btn__maps"
data-maps="3A5bd7a174ab8bdaaa64c4475cbdc1bda3947fc54b18d99f0e2f20450cabba8e26">Смотреть на
карте</button>
<hr>
<p>450077, Республика Башкортостан, г.Уфа, Верхнеторговая пл, д. 4, помещ. 52</p>
<button class="btn__maps"
data-maps="3A1200728412965dc328199888b1ed49c65a0a0a799af993feedcbd2476276adbb">Смотреть на
карте</button>
</div>
</div>
<div class="contacts__maps">
<script type="text/javascript" charset="utf-8" async
src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A5bd7a174ab8bdaaa64c4475cbdc1bda3947fc54b18d99f0e2f20450cabba8e26&amp;width=100%25&amp;height=560&amp;lang=ru_RU&amp;scroll=true"></script>
</div>
</div>
<div class="contacts__requisites">
<span>Реквизиты компании</span>
<div class="contacts__requisites-table">
<div class="contacts__requisites-row">
<p>Название</p>
<p>ООО "Профрешение"</p>
</div>
<div class="contacts__requisites-row">
<p>ИНН</p>
<p>ООО "Профрешение"</p>
</div>
<div class="contacts__requisites-row">
<p>КПП</p>
<p>ООО "Профрешение"</p>
</div>
<div class="contacts__requisites-row">
<p>ОГРН</p>
<p>ООО "Профрешение"</p>
</div>
<div class="contacts__requisites-row">
<p>Юридический адрес</p>
<p>450077, Республика Башкортостан, г.Уфа, Верхнеторговая пл, д. 4, помещ. 52</p>
</div>
</div>
</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>Задайте его в соответствующем чате в&nbsp;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&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>