Compare commits

...

2 Commits

Author SHA1 Message Date
User A1032551 5129dfeec9 small changes in styles and options for form 11 months ago
User A1032551 61181f41d0 phone and cost changes 11 months ago
  1. 26
      assets/css/gp-style-desktop.css
  2. 10
      assets/css/gp-style-mobile.css
  3. 12
      assets/css/gp-style-tablet.css
  4. 40
      index.html

@ -67,6 +67,32 @@ h1 strong {
font-weight: 900; 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.15) 41.5%,
rgba(255, 255, 255, 0) 100%
),
#ff875c;
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;
text-transform: initial;
}
/* Button */ /* Button */
.btn { .btn {
display: flex; display: flex;

@ -77,6 +77,13 @@
font-size: 39px; font-size: 39px;
text-align: left; text-align: left;
} }
h1 span {
font-size: 32px;
padding-left: 12px;
padding-right: 12px;
border-radius: 10px;
margin-top: 6px;
}
.hero__leftside { .hero__leftside {
align-items: flex-start; align-items: flex-start;
} }
@ -173,6 +180,9 @@
h1 { h1 {
font-size: 36px; font-size: 36px;
} }
h1 span {
font-size: 29px;
}
.header__logo img { .header__logo img {
width: 42px; width: 42px;
} }

@ -4,6 +4,11 @@
h1 { h1 {
font-size: 52px; font-size: 52px;
} }
h1 span {
font-size: 42px;
margin-top: 0;
top: -2px;
}
.hero__content { .hero__content {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -122,6 +127,10 @@ h1 {
h1 { h1 {
font-size: 49px; font-size: 49px;
} }
h1 span {
font-size: 39px;
top: 0;
}
} }
@media screen and (max-width: 620px) { @media screen and (max-width: 620px) {
*[class*='__container'] { *[class*='__container'] {
@ -158,6 +167,9 @@ h1 {
h1 { h1 {
font-size: 42px; font-size: 42px;
} }
h1 span {
font-size: 32px;
}
.header__socials-link, .header__socials-link,
.footer__socials-link, .footer__socials-link,
.header__contacts .header__tel { .header__contacts .header__tel {

@ -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: 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"> <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> </head>
<body> <body>
@ -37,8 +60,8 @@
<img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp"> <img src="assets/img/wh.svg" width="27" height="27" alt="Мы в Whatsapp" title="Мы в Whatsapp">
</a> </a>
</div> </div>
<a href="tel:+79234352557" class="header__tel" title="Позвоните нам"> <a href="tel:83822995831" class="header__tel" title="Позвоните нам">
<p>+7 (923) 435 25 57</p> <p>8 (3822) 99 58 31</p>
</a> </a>
<button class="btn btn-small modal__btn" data-modal="request"> <button class="btn btn-small modal__btn" data-modal="request">
<p>Заказать звонок</p> <p>Заказать звонок</p>
@ -52,7 +75,8 @@
<div class="hero__content"> <div class="hero__content">
<div class="hero__leftside"> <div class="hero__leftside">
<div class="hero__title"> <div class="hero__title">
<h1><b>Газобетонные блоки в&nbsp;Томске</b> напрямую от производителя</h1> <h1><b>Газобетонные блоки в&nbsp;Томске</b> напрямую от производителя <span>от 6 699 ₽/поддон</span>
</h1>
</div> </div>
<div class="hero__desc"> <div class="hero__desc">
<p> <p>
@ -79,11 +103,11 @@
<form class="generalform" id="generalform" action=""> <form class="generalform" id="generalform" action="">
<select name="quantity" id="quantity" required> <select name="quantity" id="quantity" required>
<option value disabled selected>Укажите количество</option> <option value disabled selected>Укажите количество</option>
<option value="1-5 м3">1-5 м3</option> <option value="1">1-5 м3</option>
<option value="5-10 м3">5-10 м3</option> <option value="5">5-10 м3</option>
<option value="10-50 м3">10-50 м3</option> <option value="10">10-50 м3</option>
<option value="50-100 м3">50-100 м3</option> <option value="50">50-100 м3</option>
<option value="Более 100 м3">Более 100 м3</option> <option value="100">Более 100 м3</option>
</select> </select>
<input type="tel" id="tel" name="tel" value="" placeholder="+7 (___) ___-____" required> <input type="tel" id="tel" name="tel" value="" placeholder="+7 (___) ___-____" required>
<button class="btn btn-big">Забронировать стоимость</button> <button class="btn btn-big">Забронировать стоимость</button>

Loading…
Cancel
Save