Max complete verstka led-hub

This commit is contained in:
GP
2025-02-08 17:07:27 +03:00
parent bcc7082be6
commit 592b3fa085
14 changed files with 315 additions and 166 deletions

View File

@@ -15,6 +15,29 @@
<link rel="stylesheet" media="screen and (max-width: 992px)" href="assets/css/gp-style-tablet.css?v=1.0">
<link rel="stylesheet" media="screen and (max-width: 576px)" href="assets/css/gp-style-mobile.css?v=1.0">
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) };
m[i].l = 1 * new Date();
for (var j = 0; j < document.scripts.length; j++) { if (document.scripts[j].src === r) { return; } }
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(98435289, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/98435289" style="position:absolute; left:-9999px;" alt="" /></div>
</noscript>
<!-- /Yandex.Metrika counter -->
</head>
<body>
@@ -25,20 +48,20 @@
<header class="header">
<div class="header__container container flex flex-ac flex-jcsb">
<div class="header__logo flex flex-ac gap-24">
<img src="assets/img/logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
<p>Продажа строительных материалов в&nbsp;Томске</p>
<img src="assets/img/Logo--header.png" alt="Продажа строительных материалов в Томске">
<p>Led экраны <br>в Москве</p>
</div>
<div class="header__contacts flex flex-ac gap-42">
<div class="header__socials flex flex-ac gap-10">
<a href="https://t.me/+79234352557" target="_blank" class="header__socials-link">
<!-- <a href="https://t.me/+79234352557" target="_blank" class="header__socials-link">
<img src="assets/img/tg.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
</a>
<a href="https://wa.me/+79234352557" target="_blank" class="header__socials-link">
<img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
</a>
</a> -->
</div>
<a href="tel:+79234352557" class="header__tel" title="Позвоните нам">
<p>+7 (923) 435 25 57</p>
<a href="tel:89227097101" class="header__tel" title="Позвоните нам">
<p>+7 922 709-71-01</p>
</a>
<button class="btn btn-small modal__btn" data-modal="request">
<p>Заказать звонок</p>
@@ -51,73 +74,64 @@
<div class="section__container container">
<div class="hero__content">
<div class="hero__leftside">
<div class="hero__title">
<h1><b>Газобетонные блоки в&nbsp;Томске</b> напрямую от производителя</h1>
</div>
<div class="hero__desc">
<p>
<img src="assets/img/i-volume.svg" width="28" height="28" alt="Любой объем">
Любой объем
Любая конфигурация
</p>
<p>
<img src="assets/img/i-delivery.svg" width="28" height="28" alt="Доставим за 2 дня">
Доставим за 2 дня
Доставка по всей РФ
</p>
</div>
<div class="hero__title">
<h1>Led экраны <br>в Москве!</h1>
<p>Производство и установка! <span>от 15 000 ₽ за м2</span></p>
</div>
</div>
<div class="hero__rightside">
<div class="hero__form">
<div class="hero__price-header">
<span>
<p><b>Только до 30.09</b> розница по&nbsp;оптовым ценам</p>
</span>
<p>
<span><b>Скидка 10%</b></span> при заказе через сайт
</p>
</div>
<div class="hero__form-title">
<p><b>Оставьте заявку</b>, чтобы узнать цену и&nbsp;зафиксировать скидку</p>
</div>
<div class="hero__form-action">
<form class="generalform" id="generalform" action="">
<select name="quantity" id="quantity" required>
<option value disabled selected>Укажите количество</option>
<option value="1-5 м3">1-5 м3</option>
<option value="5-10 м3">5-10 м3</option>
<option value="10-50 м3">10-50 м3</option>
<option value="50-100 м3">50-100 м3</option>
<option value="Более 100 м3">Более 100 м3</option>
</select>
<input type="tel" id="tel" name="tel" value="" placeholder="+7 (___) ___-____" required>
<button class="btn btn-big">Забронировать стоимость</button>
</form>
</div>
</div>
</div>
</div>
<div class="hero__advantages">
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/advantages_icon1.svg" width="40" height="40" alt="Гарантия 50 лет">
<div class="hero__advantages">
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/optimization 1.svg" width="40" height="40" alt="Сервисное обслуживание и ремонт">
</div>
<p>Сервисное обслуживание и ремонт</p>
</div>
<p>Гарантия 50 лет</p>
</div>
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/advantages_icon2.svg" width="40" height="40" alt="Выгрузка кран/манипулятор">
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/time.svg" width="40" height="40" alt="Проводим быстрый монтаж!">
</div>
<p>Проводим быстрый монтаж!</p>
</div>
<p>Выгрузка с помощью крана</p>
</div>
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/advantages_icon3.svg" width="40" height="40"
alt="Доставка от 1го дня по Томску и области до вашего объекта">
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/advantages_icon3.svg" width="40" height="40"
alt="Гарантия на экраны до 10 лет!">
</div>
<p>Гарантия на экраны до 10 лет!</p>
</div>
<p>Соответствует ГОСТ</p>
</div>
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/advantages_icon4.svg" width="38" height="38"
alt="Большой ассортимент всегда в наличии">
<div class="hero__advantages-item">
<div class="hero__advantages-icon">
<img src="assets/img/advantages_icon4.svg" width="38" height="38"
alt="Большой ассортимент всегда в наличии">
</div>
<p>Большой ассортимент всегда&nbsp;в&nbsp;наличии</p>
</div>
<p>Большой ассортимент всегда&nbsp;в&nbsp;наличии</p>
</div>
</div>
</div>
@@ -127,26 +141,28 @@
<div class="footer__container container">
<div class="footer__top">
<div class="footer__logo flex flex-ac gap-24">
<img src="assets/img/footer-logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
<p>Продажа строительных материалов в&nbsp;Томске</p>
<img class="logo--without-icon" src="assets/img/Logo--footer.png" height="62" alt="Продажа строительных материалов в Томске">
<p>Led экраны <br>в Москве</p>
</div>
<div class="footer__address">
<p>г. Томск ул. Карла Маркса 63</p>
<p>г. Москва Переведеновский пер., 13, стр. 4</p>
</div>
<div class="footer__contacts">
<a href="tel:+79234352557" class="footer__tel" title="Позвоните нам">+7 (923) 435 25 57</a>
<a href="tel:89227097101" class="footer__tel" title="Позвоните нам">
<p>+7 922 709-71-01</p>
</a>
<div class="footer__socials flex flex-ac gap-10">
<a href="https://t.me/+79234352557" target="_blank" class="footer__socials-link">
<!-- <a href="https://t.me/+79234352557" target="_blank" class="footer__socials-link">
<img src="assets/img/tg-white.svg" width="27" height="27" alt="Мы в Telegram" title="Мы в Telegram">
</a>
<a href="https://wa.me/+79234352557" target="_blank" class="footer__socials-link">
<img src="assets/img/wh-white.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
</a>
</a> -->
</div>
</div>
</div>
<div class="footer__bottom">
<p>© VEKTOR.RU Все права защищены</p>
<p>© LED-HUB.RU Все права защищены</p>
<a href="#" target="_blank">Политика конфиденциальности</a>
<a href="#" class="modal__btn" data-modal="bank">Реквизиты компании</a>
</div>