Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dc48e2a785 |
121
index.html
121
index.html
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>K-Beauty — Корейская косметика | fatimka555</title>
|
||||
<title>TF Beauty | Корейская косметика от Фати</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🌸</text></svg>">
|
||||
@ -58,6 +58,16 @@ body{font:16px/1.7 'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;color:v
|
||||
transform:rotate(15deg);
|
||||
}
|
||||
.hero-content{position:relative;z-index:1}
|
||||
.hero-logo{
|
||||
font:800 clamp(48px,10vw,120px)/1 'Playfair Display',serif;
|
||||
background:linear-gradient(135deg,#FFD700 0%,#FFA8C4 100%);
|
||||
-webkit-background-clip:text;
|
||||
-webkit-text-fill-color:transparent;
|
||||
background-clip:text;
|
||||
margin-bottom:16px;
|
||||
letter-spacing:8px;
|
||||
text-shadow:0 4px 20px rgba(255,215,0,0.3);
|
||||
}
|
||||
.hero-badge{
|
||||
display:inline-block;
|
||||
background:rgba(255,255,255,0.1);
|
||||
@ -375,9 +385,10 @@ footer{
|
||||
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<div class="hero-logo">TF</div>
|
||||
<span class="hero-badge">✨ 100% Оригинал из Кореи</span>
|
||||
<h1>K-Beauty Shop</h1>
|
||||
<p>Премиальная корейская косметика для сияния вашей кожи. Только проверенные бренды с мировым признанием.</p>
|
||||
<h1>TF Beauty</h1>
|
||||
<p>Твоя красота — моя забота. Премиальная корейская косметика с душой и экспертизой от Фати.</p>
|
||||
<div class="hero-buttons">
|
||||
<a class="btn" href="#catalog">
|
||||
<span>🛍️</span> Смотреть каталог
|
||||
@ -407,112 +418,112 @@ footer{
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=600&h=400&fit=crop" alt="Beauty of Joseon">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1629198688000-71f23e745b6e?w=600&h=600&fit=crop" alt="Beauty of Joseon Glow Serum">
|
||||
<div class="card-body">
|
||||
<span class="card-badge gold">🥇 Бренд #1</span>
|
||||
<h3 class="card-title">Beauty of Joseon</h3>
|
||||
<p class="card-desc">Сияние, ровный тон, anti-age. Легендарный SPF с рисом и прополисом, сыворотки с ниацинамидом.</p>
|
||||
<div class="card-price">от 6 800 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Beauty of Joseon">Заказать</a>
|
||||
<h3 class="card-title">Beauty of Joseon Glow Serum</h3>
|
||||
<p class="card-desc">Сыворотка с прополисом и ниацинамидом для сияния кожи. 30 мл. Убирает тусклость, выравнивает тон.</p>
|
||||
<div class="card-price">6 490 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Beauty of Joseon Glow Serum">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1608248597279-f99d160bfbc8?w=600&h=400&fit=crop" alt="Torriden">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=600&h=600&fit=crop" alt="Torriden Dive-In Serum">
|
||||
<div class="card-body">
|
||||
<span class="card-badge silver">🥈 Бренд #2</span>
|
||||
<h3 class="card-title">Torriden</h3>
|
||||
<p class="card-desc">Увлажнение и восстановление барьера. Гиалуроновая кислота 5D, тонеры для глубокого увлажнения.</p>
|
||||
<div class="card-price">от 5 900 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Torriden">Заказать</a>
|
||||
<h3 class="card-title">Torriden Dive-In Serum</h3>
|
||||
<p class="card-desc">Увлажняющая сыворотка с гиалуроновой кислотой 5D. 50 мл. Глубокое увлажнение на 24 часа.</p>
|
||||
<div class="card-price">5 890 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Torriden Dive-In Serum">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1556228720-1957be83f30b?w=600&h=400&fit=crop" alt="COSRX">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=600&h=600&fit=crop" alt="COSRX Snail Mucin">
|
||||
<div class="card-body">
|
||||
<span class="card-badge bronze">🥉 Бренд #3</span>
|
||||
<h3 class="card-title">COSRX</h3>
|
||||
<p class="card-desc">Акне, поры, текстура. Улиточная эссенция, патчи от прыщей, пилинги для гладкой кожи.</p>
|
||||
<div class="card-price">от 4 900 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать COSRX">Заказать</a>
|
||||
<h3 class="card-title">COSRX Snail Mucin</h3>
|
||||
<p class="card-desc">Улиточная эссенция для восстановления и увлажнения. 100 мл. Заживляет, увлажняет, омолаживает.</p>
|
||||
<div class="card-price">7 290 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать COSRX Snail Mucin">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1596462502278-27bfdd403348?w=600&h=400&fit=crop" alt="Anua">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1556228720-1957be83f30b?w=600&h=600&fit=crop" alt="Anua Heartleaf Toner">
|
||||
<div class="card-body">
|
||||
<span class="card-badge hit">🔥 ХИТ</span>
|
||||
<h3 class="card-title">Anua</h3>
|
||||
<p class="card-desc">Чувствительная кожа, покраснения. Тонер с сердцелисткой — успокаивает за 3 дня.</p>
|
||||
<div class="card-price">от 6 500 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Anua">Заказать</a>
|
||||
<h3 class="card-title">Anua Heartleaf Toner</h3>
|
||||
<p class="card-desc">Успокаивающий тонер с сердцелисткой для чувствительной кожи. 250 мл. Снимает покраснения за 3 дня.</p>
|
||||
<div class="card-price">6 990 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Anua Heartleaf Toner">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1616683693504-3ea7e9ad6fec?w=600&h=400&fit=crop" alt="SKIN1004">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1596462502278-27bfdd403348?w=600&h=600&fit=crop" alt="SKIN1004 Centella Ampoule">
|
||||
<div class="card-body">
|
||||
<span class="card-badge hit">🌿 Натуральное</span>
|
||||
<h3 class="card-title">SKIN1004</h3>
|
||||
<p class="card-desc">Центелла, успокоение кожи. 100% экстракт центеллы азиатской для восстановления кожи.</p>
|
||||
<div class="card-price">от 7 200 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать SKIN1004">Заказать</a>
|
||||
<h3 class="card-title">SKIN1004 Centella Ampoule</h3>
|
||||
<p class="card-desc">100% экстракт центеллы азиатской для восстановления кожи. 100 мл. Успокаивает, заживляет.</p>
|
||||
<div class="card-price">7 690 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать SKIN1004 Centella">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?w=600&h=400&fit=crop" alt="Round Lab">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1616683693504-3ea7e9ad6fec?w=600&h=600&fit=crop" alt="Round Lab 1025 Dokdo Toner">
|
||||
<div class="card-body">
|
||||
<span class="card-badge hit">☀️ SPF Защита</span>
|
||||
<h3 class="card-title">Round Lab</h3>
|
||||
<p class="card-desc">Мягкий уход + SPF. Бирюзовая вода Чеджу, мягкие пенки и солнцезащитные кремы.</p>
|
||||
<div class="card-price">от 5 600 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Round Lab">Заказать</a>
|
||||
<h3 class="card-title">Round Lab 1025 Dokdo Toner</h3>
|
||||
<p class="card-desc">Тонер с бирюзовой водой Чеджу для мягкого увлажнения. 200 мл. Мягко очищает, увлажняет.</p>
|
||||
<div class="card-price">6 190 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Round Lab Dokdo Toner">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1629198688000-71f23e745b6e?w=600&h=400&fit=crop" alt="Medicube">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?w=600&h=600&fit=crop" alt="Medicube Collagen Booster">
|
||||
<div class="card-body">
|
||||
<span class="card-badge hit">⚡ Anti-Age</span>
|
||||
<h3 class="card-title">Medicube</h3>
|
||||
<p class="card-desc">Anti-age, упругость, «glass skin». Бустеры для сияния и устройства для ухода за лицом.</p>
|
||||
<div class="card-price">от 8 900 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Medicube">Заказать</a>
|
||||
<h3 class="card-title">Medicube Collagen Booster</h3>
|
||||
<p class="card-desc">Бустер с коллагеном для упругости и сияния кожи. 50 мл. Эффект «glass skin» за 2 недели.</p>
|
||||
<div class="card-price">9 490 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Medicube Collagen">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1556228578-0d85b1a4d571?w=600&h=400&fit=crop" alt="Dr. Althea">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1556228578-0d85b1a4d571?w=600&h=600&fit=crop" alt="Dr. Althea Resveratrol Mask">
|
||||
<div class="card-body">
|
||||
<span class="card-badge hit">💧 Восстановление</span>
|
||||
<h3 class="card-title">Dr. Althea</h3>
|
||||
<p class="card-desc">Восстановление и увлажнение. Резвератрол, маски для сияния и кремы с пептидами.</p>
|
||||
<div class="card-price">от 6 200 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Dr. Althea">Заказать</a>
|
||||
<h3 class="card-title">Dr. Althea Resveratrol Mask</h3>
|
||||
<p class="card-desc">Маска с ресвератролом для сияния и восстановления. 5 шт. Интенсивное питание за 20 минут.</p>
|
||||
<div class="card-price">5 990 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Dr. Althea Mask">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=600&h=400&fit=crop" alt="Isntree">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1598440947619-2c35fc9af908?w=600&h=600&fit=crop" alt="Isntree Hyaluronic Acid">
|
||||
<div class="card-body">
|
||||
<span class="card-badge hit">🍃 Увлажнение</span>
|
||||
<h3 class="card-title">Isntree</h3>
|
||||
<p class="card-desc">Увлажнение и жирная/комбинированная кожа. Гиалуроновая кислота, зелёный чай, себорегуляция.</p>
|
||||
<div class="card-price">от 5 400 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Isntree">Заказать</a>
|
||||
<h3 class="card-title">Isntree Hyaluronic Acid</h3>
|
||||
<p class="card-desc">Увлажняющий тонер с гиалуроновой кислотой. 200 мл. 5 видов гиалуроновой кислоты.</p>
|
||||
<div class="card-price">5 790 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Isntree Hyaluronic">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card reveal">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1598440947619-2c35fc9af908?w=600&h=400&fit=crop" alt="Laneige">
|
||||
<img class="card-img" src="https://images.unsplash.com/photo-1608248597279-f99d160bfbc8?w=600&h=600&fit=crop" alt="Laneige Water Sleeping Mask">
|
||||
<div class="card-body">
|
||||
<span class="card-badge hit">👑 Premium</span>
|
||||
<h3 class="card-title">Laneige</h3>
|
||||
<p class="card-desc">Интенсивное увлажнение. Ночные маски Water Sleeping Mask, гидро-пластыри для губ.</p>
|
||||
<div class="card-price">от 9 500 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Laneige">Заказать</a>
|
||||
<h3 class="card-title">Laneige Water Sleeping Mask</h3>
|
||||
<p class="card-desc">Ночная маска для интенсивного увлажнения. 70 мл. Просыпайся с сияющей кожей.</p>
|
||||
<div class="card-price">11 990 ₸</div>
|
||||
<a class="btn card-btn" href="https://wa.me/7787026388804?text=Здравствуйте! Хочу заказать Laneige Water Mask">Заказать</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -566,8 +577,8 @@ footer{
|
||||
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">🌸 K-Beauty Shop</div>
|
||||
<p class="footer-text">100% оригинальная корейская косметика</p>
|
||||
<div class="footer-logo">🌸 TF Beauty</div>
|
||||
<p class="footer-text">Твоя красота — моя забота 💕</p>
|
||||
<p class="footer-text">Телефон: <a class="footer-link" href="tel:+7787026388804">8 702 638 88 04</a></p>
|
||||
<p class="footer-text">Instagram: <a class="footer-link" href="https://instagram.com/fatimka555">@fatimka555</a></p>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user