Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Revolut - Крем от прыщей будущего</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header> | |
| <h1 class="kinetic-title">Revolut</h1> | |
| <p class="subtitle">Будущее чистой кожи уже здесь</p> | |
| </header> | |
| <section class="hero"> | |
| <div class="product-image"></div> | |
| <div class="hero-text"> | |
| <h2>Искры гениальности</h2> | |
| <p>Нанотехнологии 2070 года уничтожают прыщи за секунды.</p> | |
| <button class="cta-button" onclick="orderNow()">Заказать сейчас</button> | |
| </div> | |
| </section> | |
| <section class="features"> | |
| <div class="feature-card" onmouseover="hoverEffect(this)"> | |
| <h3>Нано-очищение</h3> | |
| <p>Молекулы проникают глубоко в поры.</p> | |
| </div> | |
| <div class="feature-card" onmouseover="hoverEffect(this)"> | |
| <h3>Эко-формула</h3> | |
| <p>100% биоразлагаемый состав.</p> | |
| </div> | |
| <div class="feature-card" onmouseover="hoverEffect(this)"> | |
| <h3>ИИ-адаптация</h3> | |
| <p>Крем подстраивается под ваш тип кожи.</p> | |
| </div> | |
| </section> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |