Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

phone and cost changes

Browse Source
This commit is contained in:
User A1032551
2024-09-26 14:14:41 +03:00
parent bcc7082be6
commit 61181f41d0
4 changed files with 74 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/css/gp-style-desktop.css
View File

@@ -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;

10
assets/css/gp-style-mobile.css
View File

@@ -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;
}

12
assets/css/gp-style-tablet.css
View File

@@ -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 {

30
index.html
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>
@@ -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>