Spaces:
Running
Running
File size: 2,246 Bytes
8cb686a e728f26 8cb686a e728f26 8cb686a e728f26 6f95a29 8cb686a 9328433 8cb686a e728f26 8cb686a 79c706c e728f26 8cb686a e728f26 8cb686a e728f26 8cb686a 6f95a29 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Revolut 2070 - Кожа нового измерения</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="cosmo-bg" id="cosmo-bg"></div>
<canvas id="cosmo-canvas"></canvas>
<div class="container">
<header>
<h1 class="cosmo-title" id="cosmo-title">Revolut</h1>
<p class="subtitle">Эстетика чистоты из 2070</p>
<img src="cream.png" alt="Revolut Cream" class="header-cream">
</header>
<section class="hero">
<div class="cosmo-product" id="cosmo-product">
<div class="holo-layer layer-1"></div>
<div class="holo-layer layer-2"></div>
<div class="holo-layer layer-3"></div>
</div>
<div class="hero-text">
<h2>Космическая кожа</h2>
<p>Нанотехнологии превращают твою кожу в совершенство.</p>
<button class="cosmo-button" onclick="orderNow()">Погрузиться</button>
</div>
</section>
<section class="features" id="features">
<div class="cosmo-pod" onmouseover="podEffect(this)" onmouseout="podReset(this)" ontouchstart="podTouch(this)">
<h3>Эфирная защита</h3>
<p>Барьер от времени и загрязнений.</p>
</div>
<div class="cosmo-pod" onmouseover="podEffect(this)" onmouseout="podReset(this)" ontouchstart="podTouch(this)">
<h3>Пульс регенерации</h3>
<p>Клетки обновляются мгновенно.</p>
</div>
<div class="cosmo-pod" onmouseover="podEffect(this)" onmouseout="podReset(this)" ontouchstart="podTouch(this)">
<h3>Галактический баланс</h3>
<p>Гармония в каждом слое кожи.</p>
</div>
</section>
</div>
<script src="script.js"></script>
</body>
</html>
|