FATIMA/ya-hochu-sdelat-sayt-po-kore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: FATIMA:pages
Branches Tags
FATIMA:main
FATIMA:pages
..
compare: FATIMA:main
Branches Tags
FATIMA:pages
FATIMA:main

No commits in common. "pages" and "main" have entirely different histories.
pages ... main

1 changed files with 55 additions and 66 deletions
Show Stats Expand all files Collapse all files

121
index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>TF Beauty | Корейская косметика от Фати</title>
<title>K-Beauty — Корейская косметика | fatimka555</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,16 +58,6 @@ 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);
@ -385,10 +375,9 @@ footer{
<section class="hero">
<div class="hero-content">
<div class="hero-logo">TF</div>
<span class="hero-badge">✨ 100% Оригинал из Кореи</span>
<h1>TF Beauty</h1>
<p>Твоя красота — моя забота. Премиальная корейская косметика с душой и экспертизой от Фати.</p>
<h1>K-Beauty Shop</h1>
<p>Премиальная корейская косметика для сияния вашей кожи. Только проверенные бренды с мировым признанием.</p>
<div class="hero-buttons">
<a class="btn" href="#catalog">
<span>🛍️</span> Смотреть каталог
@ -418,112 +407,112 @@ footer{
</div>
<div class="grid">
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1629198688000-71f23e745b6e?w=600&h=600&fit=crop" alt="Beauty of Joseon Glow Serum">
<img class="card-img" src="https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=600&h=400&fit=crop" alt="Beauty of Joseon">
<div class="card-body">
<span class="card-badge gold">🥇 Бренд #1</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=600&h=600&fit=crop" alt="Torriden Dive-In Serum">
<img class="card-img" src="https://images.unsplash.com/photo-1608248597279-f99d160bfbc8?w=600&h=400&fit=crop" alt="Torriden">
<div class="card-body">
<span class="card-badge silver">🥈 Бренд #2</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1620916566398-39f1143ab7be?w=600&h=600&fit=crop" alt="COSRX Snail Mucin">
<img class="card-img" src="https://images.unsplash.com/photo-1556228720-1957be83f30b?w=600&h=400&fit=crop" alt="COSRX">
<div class="card-body">
<span class="card-badge bronze">🥉 Бренд #3</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1556228720-1957be83f30b?w=600&h=600&fit=crop" alt="Anua Heartleaf Toner">
<img class="card-img" src="https://images.unsplash.com/photo-1596462502278-27bfdd403348?w=600&h=400&fit=crop" alt="Anua">
<div class="card-body">
<span class="card-badge hit">🔥 ХИТ</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1596462502278-27bfdd403348?w=600&h=600&fit=crop" alt="SKIN1004 Centella Ampoule">
<img class="card-img" src="https://images.unsplash.com/photo-1616683693504-3ea7e9ad6fec?w=600&h=400&fit=crop" alt="SKIN1004">
<div class="card-body">
<span class="card-badge hit">🌿 Натуральное</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1616683693504-3ea7e9ad6fec?w=600&h=600&fit=crop" alt="Round Lab 1025 Dokdo Toner">
<img class="card-img" src="https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?w=600&h=400&fit=crop" alt="Round Lab">
<div class="card-body">
<span class="card-badge hit">☀️ SPF Защита</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?w=600&h=600&fit=crop" alt="Medicube Collagen Booster">
<img class="card-img" src="https://images.unsplash.com/photo-1629198688000-71f23e745b6e?w=600&h=400&fit=crop" alt="Medicube">
<div class="card-body">
<span class="card-badge hit">⚡ Anti-Age</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1556228578-0d85b1a4d571?w=600&h=600&fit=crop" alt="Dr. Althea Resveratrol Mask">
<img class="card-img" src="https://images.unsplash.com/photo-1556228578-0d85b1a4d571?w=600&h=400&fit=crop" alt="Dr. Althea">
<div class="card-body">
<span class="card-badge hit">💧 Восстановление</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1598440947619-2c35fc9af908?w=600&h=600&fit=crop" alt="Isntree Hyaluronic Acid">
<img class="card-img" src="https://images.unsplash.com/photo-1601049541289-9b1b7bbbfe19?w=600&h=400&fit=crop" alt="Isntree">
<div class="card-body">
<span class="card-badge hit">🍃 Увлажнение</span>
<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>
<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>
</div>
</div>
<div class="card reveal">
<img class="card-img" src="https://images.unsplash.com/photo-1608248597279-f99d160bfbc8?w=600&h=600&fit=crop" alt="Laneige Water Sleeping Mask">
<img class="card-img" src="https://images.unsplash.com/photo-1598440947619-2c35fc9af908?w=600&h=400&fit=crop" alt="Laneige">
<div class="card-body">
<span class="card-badge hit">👑 Premium</span>
<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>
<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>
</div>
</div>
</div>
@ -577,8 +566,8 @@ footer{
<footer>
<div class="footer-content">
<div class="footer-logo">🌸 TF Beauty</div>
<p class="footer-text">Твоя красота — моя забота 💕</p>
<div class="footer-logo">🌸 K-Beauty Shop</div>
<p class="footer-text">100% оригинальная корейская косметика</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>