95 lines
3.2 KiB
HTML
95 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Wedding invitation</title>
|
|
<link rel="stylesheet" href="reset.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="header">
|
|
<nav class="nav">
|
|
<ul class="menu">
|
|
<!-- 1 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Добро пожаловать!
|
|
</a>
|
|
</li>
|
|
<!-- 2 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Люди
|
|
</a>
|
|
</li>
|
|
<!-- 3 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Расписание
|
|
</a>
|
|
</li>
|
|
<!-- 4 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Размещение
|
|
</a>
|
|
</li>
|
|
<!-- 5 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Путешествие
|
|
</a>
|
|
</li>
|
|
<!-- 6 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Фотографии
|
|
</a>
|
|
</li>
|
|
<!-- 7 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Список задач
|
|
</a>
|
|
</li>
|
|
<!-- 8 -->
|
|
<li class="item">
|
|
<a href="#" class="link">
|
|
Прошу ответить
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<content class="content">
|
|
<section class="heading">
|
|
<article class="heading_content">
|
|
<div class="heading_cont">
|
|
<h1 class="heding_title">Дмитрий и Алёна</h1>
|
|
<h2 class="heading_info">
|
|
Наша история
|
|
</h2>
|
|
<h3 class="heading_date">22 августа 2026</h3>
|
|
<p class="heading_text">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste possimus ipsa, labore repudiandae ratione placeat dolore vitae praesentium perspiciatis ipsam non illum reiciendis accusamus quae quo veritatis maiores quod sequi. Ipsam at consequatur quia recusandae, rem dicta autem quaerat placeat?
|
|
</p>
|
|
<button class="btn_share" button>
|
|
Подтвердить участие
|
|
</button>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
<aside>
|
|
<div class="time">
|
|
<!-- отсчет до даты -->
|
|
00:00:00
|
|
</div>
|
|
</aside>
|
|
</content>
|
|
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |