NAssem/usluga-klininga
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

отзывы клиентов: 3 карточки

Browse Source
This commit is contained in:
NAssem 2026-09-23 10:11:56 +00:00
parent 5c472e9a29
commit 690cbfefe0
1 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
index.html
View File

@ -37,6 +37,12 @@
.loyalty-stamp-done { border-style: solid; border-color: var(--kt-ai-primary); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-fg); } .loyalty-stamp-done { border-style: solid; border-color: var(--kt-ai-primary); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-fg); }
.loyalty-gift { border-style: solid; border-color: var(--kt-ai-primary); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-fg); } .loyalty-gift { border-style: solid; border-color: var(--kt-ai-primary); background: var(--kt-ai-primary-subtle); color: var(--kt-ai-fg); }
.loyalty-note { margin: 0 0 var(--kt-ai-space-4); font-size: 13px; color: var(--kt-ai-fg-muted); } .loyalty-note { margin: 0 0 var(--kt-ai-space-4); font-size: 13px; color: var(--kt-ai-fg-muted); }
.review { display: flex; flex-direction: column; gap: var(--kt-ai-space-6); }
.review-text { margin: 0; color: var(--kt-ai-fg); }
.review-author { display: flex; align-items: center; gap: var(--kt-ai-space-4); margin-top: auto; }
.review-avatar { width: 36px; height: 36px; border-radius: 50%; background: var(--kt-ai-primary-subtle); color: var(--kt-ai-fg); display: inline-flex; align-items: center; justify-content: center; font-weight: 600; flex-shrink: 0; }
.review-meta { font-size: 13px; line-height: 1.4; color: var(--kt-ai-fg-muted); }
.review-meta strong { color: var(--kt-ai-fg); font-size: 14px; }
</style> </style>
</head> </head>
<body> <body>
@ -48,6 +54,7 @@
<a class="kt-ai-btn" data-variant="ghost" href="#services">Услуги</a> <a class="kt-ai-btn" data-variant="ghost" href="#services">Услуги</a>
<a class="kt-ai-btn" data-variant="ghost" href="#prices">Цены</a> <a class="kt-ai-btn" data-variant="ghost" href="#prices">Цены</a>
<a class="kt-ai-btn" data-variant="ghost" href="#loyalty">Скидки</a> <a class="kt-ai-btn" data-variant="ghost" href="#loyalty">Скидки</a>
<a class="kt-ai-btn" data-variant="ghost" href="#reviews">Отзывы</a>
<a class="kt-ai-btn" data-variant="primary" href="#contacts">Заказать уборку</a> <a class="kt-ai-btn" data-variant="primary" href="#contacts">Заказать уборку</a>
</div> </div>
</header> </header>
@ -215,6 +222,38 @@
</div> </div>
</section> </section>
<section id="reviews" 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)">
<article class="kt-ai-card review">
<p class="review-text">Заказывали генеральную уборку перед новосельем. Приехали вовремя, отмыли всё до блеска, даже под кухонной плитой и за холодильником. Результат превзошёл ожидания — квартира как из журнала.</p>
<footer class="review-author">
<span class="review-avatar" aria-hidden="true">А</span>
<span class="review-meta"><strong>Айгуль М.</strong><br>2-комн. квартира, Алматы</span>
</footer>
</article>
<article class="kt-ai-card review">
<p class="review-text">Подключили офис на постоянное обслуживание. Уже 8 месяцев — всегда в удобное время, всегда те же мастера, всегда чисто. Отдельное спасибо за аккуратность с документами в переговорках.</p>
<footer class="review-author">
<span class="review-avatar" aria-hidden="true">Д</span>
<span class="review-meta"><strong>Данияр К.</strong><br>Офис, 18 м², Нур-Султан</span>
</footer>
</article>
<article class="kt-ai-card review">
<p class="review-text">Вызывали электрика и сантехника в один день — сменили люстру, поставили смеситель. Оба мастера объяснили, что делали, оставили документы и гарантию. Теперь рекомендую всем соседям.</p>
<footer class="review-author">
<span class="review-avatar" aria-hidden="true">Е</span>
<span class="review-meta"><strong>Елена В.</strong><br>3-комн. квартира, Шымкент</span>
</footer>
</article>
</div>
</div>
</section>
<section id="contacts" class="kt-ai-section" data-divider="true"> <section id="contacts" class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap" style="max-width:720px"> <div class="kt-ai-wrap" style="max-width:720px">
<div class="kt-ai-section-head"> <div class="kt-ai-section-head">