Testlend2 / index.html
flpolprojects's picture
Update index.html
6f95a29 verified
<!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>