Titanium Shield – Промо /* Базовые стили сброса (reset) можно подключать отдельно */ body { margin: 0; font-family: 'Open Sans', sans-serif; color: #333; background-color: #f9f9f9; } /* Контейнер для ограничения ширины контента */ .container { width: 90%; max-width: 1200px; margin: 0 auto; } /* Шапка */ .header { background-color: #262626; color: #fff; } .header__content { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; } .logo { font-size: 1.5rem; font-weight: bold; } .nav ul { list-style: none; margin: 0; padding: 0; display: flex; } .nav li { margin-left: 1rem; } .nav a { color: #fff; text-decoration: none; } /* Кнопки */ .btn { display: inline-block; text-decoration: none; padding: 0.75rem 1.5rem; border-radius: 4px; transition: background-color 0.2s; cursor: pointer; } .btn--primary { background-color: #007aff; /* Акцентный цвет (пример) */ color: #fff; } .btn--primary:hover { background-color: #005fcc; } /* HERO-секция */ .hero { background: linear-gradient(135deg, #262626, #444); color: #fff; padding: 3rem 0; } .hero__content { display: flex; align-items: center; justify-content: space-between; } .hero__text-block h1 { font-size: 3rem; margin-bottom: 1rem; } .hero__subtitle { font-size: 1.2rem; margin-bottom: 2rem; } .hero__image-block img { max-width: 400px; width: 100%; } /* Блок "О продукте" */ .about { background-color: #fff; padding: 2rem 0; } .about h2 { margin-bottom: 1rem; } .features { display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 2rem; } .feature-item { text-align: center; width: 120px; } .feature-item img { max-width: 60px; margin-bottom: 0.5rem; } /* Преимущества */ .benefits { background-color: #ececec; padding: 2rem 0; } .benefits h2 { margin-bottom: 1rem; } .benefits ul { list-style: none; padding: 0; } .benefits li { margin-bottom: 0.5rem; } /* Галерея */ .gallery { background-color: #fff; padding: 2rem 0; } .gallery__items { display: flex; flex-wrap: wrap; gap: 1rem; } .gallery__item img { max-width: 250px; display: block; } /* Инструкции */ .instructions { background-color: #ececec; padding: 2rem 0; } .instructions h2 { margin-bottom: 1rem; } .instructions ol { margin-left: 1.5rem; } /* Отзывы */ .reviews { background-color: #fff; padding: 2rem 0; } .reviews blockquote { border-left: 4px solid #007aff; margin: 1rem 0; padding-left: 1rem; font-style: italic; } /* FAQ */ .faq { background-color: #ececec; padding: 2rem 0; } .faq__item h3 { cursor: pointer; margin-bottom: 0.5rem; } .faq__item p { margin-top: 0; margin-bottom: 1rem; } /* CTA */ .cta { background-color: #007aff; color: #fff; text-align: center; padding: 2rem 0; } .cta h2 { margin-bottom: 1rem; } /* Footer */ .footer { background-color: #262626; color: #fff; padding: 2rem 0 1rem; } .footer__content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer__links a { color: #ccc; margin-right: 1rem; text-decoration: none; } .footer__bottom { text-align: center; margin-top: 1rem; font-size: 0.9rem; }

Titanium Shield

Максимальная защита и блеск для любой поверхности

Заказать сейчас

О продукте

Titanium Shield – это инновационный лак, создающий прочное, износостойкое покрытие. Он отлично защищает от влаги, ультрафиолетовых лучей и механических повреждений.