phone and cost changes

11 months ago · 61181f41d0
parent bcc7082be6
commit 61181f41d0
4 changed files with 74 additions and 3 deletions
--- a/assets/css/gp-style-desktop.css
+++ b/assets/css/gp-style-desktop.css
@ -67,6 +67,31 @@ h1 strong {
 	font-weight: 900;
 }

+h1 span {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0px 16px;
+	letter-spacing: -0.02em;
+	border-radius: 14px;
+	background: linear-gradient(
+			142deg,
+			rgba(255, 255, 255, 0) 0%,
+			rgba(255, 255, 255, 0.22) 42%,
+			rgba(255, 255, 255, 0) 100%
+		),
+		var(--clr-general);
+	font-weight: 500;
+	font-size: 46px;
+	line-height: 135%;
+	position: relative;
+	background-clip: initial;
+	-webkit-background-clip: initial;
+	-webkit-text-fill-color: initial;
+	margin-top: 6px;
+	color: #fff;
+}
+
 /* Button */
 .btn {
 	display: flex;
--- a/assets/css/gp-style-mobile.css
+++ b/assets/css/gp-style-mobile.css
@ -77,6 +77,13 @@
 		font-size: 39px;
 		text-align: left;
 	}
+	h1 span {
+		font-size: 32px;
+		padding-left: 12px;
+		padding-right: 12px;
+		border-radius: 10px;
+		margin-top: 6px;
+	}
 	.hero__leftside {
 		align-items: flex-start;
 	}
@ -173,6 +180,9 @@
 	h1 {
 		font-size: 36px;
 	}
+	h1 span {
+		font-size: 29px;
+	}
 	.header__logo img {
 		width: 42px;
 	}
--- a/assets/css/gp-style-tablet.css
+++ b/assets/css/gp-style-tablet.css
@ -4,6 +4,11 @@
 h1 {
 	font-size: 52px;
 }
+h1 span {
+	font-size: 42px;
+	margin-top: 0;
+	top: -2px;
+}
 .hero__content {
 	flex-direction: column;
 	align-items: center;
@ -122,6 +127,10 @@ h1 {
 	h1 {
 		font-size: 49px;
 	}
+	h1 span {
+		font-size: 39px;
+		top: 0;
+	}
 }
@media screen and (max-width: 620px) {
 	*[class*='__container'] {
@ -158,6 +167,9 @@ h1 {
 	h1 {
 		font-size: 42px;
 	}
+	h1 span {
+		font-size: 32px;
+	}
 	.header__socials-link,
 	.footer__socials-link,
 	.header__contacts .header__tel {
--- a/index.html
+++ b/index.html
@ -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>
@ -37,8 +60,8 @@
            <img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
          </a>
        </div>
-        <a href="tel:+79234352557" class="header__tel" title="Позвоните нам">
-          <p>+7 (923) 435 25 57</p>
+        <a href="tel:83822995831" class="header__tel" title="Позвоните нам">
+          <p>8 (382) 299-58-31</p>
        </a>
        <button class="btn btn-small modal__btn" data-modal="request">
          <p>Заказать звонок</p>
@ -52,7 +75,8 @@
        <div class="hero__content">
          <div class="hero__leftside">
            <div class="hero__title">
-              <h1><b>Газобетонные блоки в&nbsp;Томске</b> напрямую от производителя</h1>
+              <h1><b>Газобетонные блоки в&nbsp;Томске</b> напрямую от производителя <span>от 6 699 руб./поддон</span>
+              </h1>
            </div>
            <div class="hero__desc">
              <p>