58 lines
1.8 KiB
HTML
58 lines
1.8 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Мой сайт</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header class="hero">
|
||
<div class="container">
|
||
<h1>Добро пожаловать</h1>
|
||
<p class="subtitle">Здесь будет ваш уникальный текст о проекте, услуге или продукте</p>
|
||
<a href="#contact" class="btn">Связаться</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="features">
|
||
<div class="container">
|
||
<h2>Преимущества</h2>
|
||
<div class="grid">
|
||
<div class="card">
|
||
<div class="icon">🚀</div>
|
||
<h3>Быстро</h3>
|
||
<p>Описание первого преимущества</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="icon">💡</div>
|
||
<h3>Качественно</h3>
|
||
<p>Описание второго преимущества</p>
|
||
</div>
|
||
<div class="card">
|
||
<div class="icon">❤️</div>
|
||
<h3>Надёжно</h3>
|
||
<p>Описание третьего преимущества</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="about">
|
||
<div class="container">
|
||
<h2>О нас</h2>
|
||
<p>Расскажите здесь о себе, своей компании или проекте. Этот текст легко заменить на свой.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<footer id="contact">
|
||
<div class="container">
|
||
<h2>Контакты</h2>
|
||
<p>Email: example@mail.com</p>
|
||
<p>Телефон: +7 (777) 123-45-67</p>
|
||
<p>Telegram: @username</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|