flpolprojects commited on
Commit
e9be277
·
verified ·
1 Parent(s): 490f5bc

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +17 -16
index.html CHANGED
@@ -3,35 +3,36 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Revolut - Крем от прыщей будущего</title>
7
  <link rel="stylesheet" href="styles.css">
8
  </head>
9
  <body>
 
10
  <div class="container">
11
  <header>
12
- <h1 class="kinetic-title">Revolut</h1>
13
- <p class="subtitle">Будущее чистой кожи уже здесь</p>
14
  </header>
15
  <section class="hero">
16
- <div class="product-image"></div>
17
  <div class="hero-text">
18
- <h2>Искры гениальности</h2>
19
- <p>Нанотехнологии 2070 года уничтожают прыщи за секунды.</p>
20
- <button class="cta-button" onclick="orderNow()">Заказать сейчас</button>
21
  </div>
22
  </section>
23
  <section class="features">
24
- <div class="feature-card" onmouseover="hoverEffect(this)">
25
- <h3>Нано-очищение</h3>
26
- <p>Молекулы проникают глубоко в поры.</p>
27
  </div>
28
- <div class="feature-card" onmouseover="hoverEffect(this)">
29
- <h3>Эко-формула</h3>
30
- <p>100% биоразлагаемый состав.</p>
31
  </div>
32
- <div class="feature-card" onmouseover="hoverEffect(this)">
33
- <h3>ИИ-адаптация</h3>
34
- <p>Крем подстраивается под ваш тип кожи.</p>
35
  </div>
36
  </section>
37
  </div>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Revolut - Крем от прыщей 2070</title>
7
  <link rel="stylesheet" href="styles.css">
8
  </head>
9
  <body>
10
+ <div class="particle-bg"></div>
11
  <div class="container">
12
  <header>
13
+ <h1 class="holo-title">Revolut</h1>
14
+ <p class="subtitle">Чистая кожа через нано-революцию</p>
15
  </header>
16
  <section class="hero">
17
+ <div class="product-image" id="product"></div>
18
  <div class="hero-text">
19
+ <h2>Сияние будущего</h2>
20
+ <p>Нано-крем, который адаптируется к вам за мгновение.</p>
21
+ <button class="cta-button" onclick="orderNow()">Заказать</button>
22
  </div>
23
  </section>
24
  <section class="features">
25
+ <div class="feature-card" onmouseover="hoverEffect(this)" onmouseout="resetEffect(this)">
26
+ <h3>Нано-прецизия</h3>
27
+ <p>Проникает в поры с хирургической точностью.</p>
28
  </div>
29
+ <div class="feature-card" onmouseover="hoverEffect(this)" onmouseout="resetEffect(this)">
30
+ <h3>Эко-матрица</h3>
31
+ <p>Формула, вдохновленная природой.</p>
32
  </div>
33
+ <div class="feature-card" onmouseover="hoverEffect(this)" onmouseout="resetEffect(this)">
34
+ <h3>ИИ-симбиоз</h3>
35
+ <p>Подстраивается под вашу кожу в реальном времени.</p>
36
  </div>
37
  </section>
38
  </div>