отзывы клиентов и бренды материалов
This commit is contained in:
parent
8f4696d596
commit
c41e6222c1
20
index.html
20
index.html
@ -17,6 +17,9 @@
|
|||||||
.price-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
|
.price-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
|
||||||
.price-list li { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
|
.price-list li { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
|
||||||
.price-val { font-variant-numeric: tabular-nums; white-space: nowrap; }
|
.price-val { font-variant-numeric: tabular-nums; white-space: nowrap; }
|
||||||
|
.review { margin: 0; }
|
||||||
|
.review p { margin: 0; font-size: var(--kt-ai-text-md); line-height: var(--kt-ai-leading-normal); }
|
||||||
|
.review footer { margin-top: var(--kt-ai-space-4); font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }
|
||||||
.price-old { color: var(--kt-ai-fg-faint); font-weight: 400; margin-right: 4px; }
|
.price-old { color: var(--kt-ai-fg-faint); font-weight: 400; margin-right: 4px; }
|
||||||
.promo-mark { font-style: normal; font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-primary); background: var(--kt-ai-primary-subtle); border-radius: var(--kt-ai-radius-full); padding: 1px 6px; margin-left: 6px; vertical-align: 1px; white-space: nowrap; }
|
.promo-mark { font-style: normal; font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-primary); background: var(--kt-ai-primary-subtle); border-radius: var(--kt-ai-radius-full); padding: 1px 6px; margin-left: 6px; vertical-align: 1px; white-space: nowrap; }
|
||||||
.promo-tile { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-6); background: var(--kt-ai-bg-soft); }
|
.promo-tile { border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-6); background: var(--kt-ai-bg-soft); }
|
||||||
@ -114,7 +117,8 @@
|
|||||||
<p>Качество результата — это то, что попадает в руки, и руки, которые этим работают.</p>
|
<p>Качество результата — это то, что попадает в руки, и руки, которые этим работают.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="kt-ai-grid" data-cols="2" style="margin-top:var(--kt-ai-space-9)">
|
<div class="kt-ai-grid" data-cols="2" style="margin-top:var(--kt-ai-space-9)">
|
||||||
<article class="kt-ai-tile"><h3>Только проверенные материалы</h3><p>Красим, покрываем и укладываем средствами премиум-сегмента — они проходят тест не только на клиентах, но и на самих мастерах. Всё, что мы используем на себе дома, — можно увидеть и понюхать в кресле.</p></article>
|
<article class="kt-ai-tile"><h3>Только проверенные материалы</h3><p>Красим, покрываем и укладываем средствами премиум-сегмента — они проходят тест не только на клиентах, но и на самих мастерах. Всё, что мы используем на себе дома, — можно увидеть и понюхать в кресле.</p>
|
||||||
|
<p style="margin:var(--kt-ai-space-4) 0 0">Работаем на <strong>Wella</strong>, <strong>Matrix</strong>, <strong>OPI</strong></p></article>
|
||||||
<article class="kt-ai-tile"><h3>Мастера с опытом от 5 лет</h3><p>Каждый специалист прошёл обучение у ведущих мастеров и ежегодно повышает квалификацию. Работа идёт спокойно и по технологии — без «на глазок», поэтому результат держится.</p></article>
|
<article class="kt-ai-tile"><h3>Мастера с опытом от 5 лет</h3><p>Каждый специалист прошёл обучение у ведущих мастеров и ежегодно повышает квалификацию. Работа идёт спокойно и по технологии — без «на глазок», поэтому результат держится.</p></article>
|
||||||
</div>
|
</div>
|
||||||
<div class="kt-ai-grid" data-cols="3" style="margin-top:var(--kt-ai-space-7)">
|
<div class="kt-ai-grid" data-cols="3" style="margin-top:var(--kt-ai-space-7)">
|
||||||
@ -125,6 +129,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section class="kt-ai-section" data-divider="true">
|
||||||
|
<div class="kt-ai-wrap">
|
||||||
|
<div class="kt-ai-section-head">
|
||||||
|
<h2>Что говорят клиенты</h2>
|
||||||
|
<p>Коротко и честно: что записывают люди после визита.</p>
|
||||||
|
</div>
|
||||||
|
<div class="kt-ai-grid" data-cols="3" style="margin-top:var(--kt-ai-space-9)">
|
||||||
|
<blockquote class="kt-ai-tile review"><p>«Впервые за года нашла парикмахера, который слушает. Стрижка живёт уже четыре недели, форма та же.»</p><footer>— Гульнара, стрижка</footer></blockquote>
|
||||||
|
<blockquote class="kt-ai-tile review"><p>«Маникюр держится три недели, загар ровный, кисти не сожжены покрытием. Пришла на акцию — не пожалела.»</p><footer>— Асель, маникюр</footer></blockquote>
|
||||||
|
<blockquote class="kt-ai-tile review"><p>«Окрашивание без аммиака, седина закрылась, волосы не выглядят «жёстким». Ходила, ходила — вернулась.»</p><footer>— Данияр, окрашивание</footer></blockquote>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section id="contacts" class="kt-ai-cta">
|
<section id="contacts" class="kt-ai-cta">
|
||||||
<div class="kt-ai-wrap">
|
<div class="kt-ai-wrap">
|
||||||
<h2>Записаться в салон</h2>
|
<h2>Записаться в салон</h2>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user