first commit
This commit is contained in:
95
index.html
Normal file
95
index.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user