Alena/Wedding-invitation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

section_people

Browse Source
This commit is contained in:
Alena Trushcheva
2026-01-07 20:45:52 +03:00
parent 7719a118a6
commit 56d394b4b8
5 changed files with 275 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
index.html
View File

@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,8 +8,9 @@
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<nav class="nav">
<ul class="menu">
@@ -74,7 +76,10 @@
</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?
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>
Подтвердить участие
@@ -83,13 +88,171 @@
</article>
</section>
<aside>
<div class="time">
<div class="time">
<!-- отсчет до даты -->
00:00:00
</div>
</aside>
00:00:00
</div>
</aside>
<section class="people">
<h4 class="people_title">
Люди
</h4>
<div class="newlywed">
<div class="newlywed_item">
<img class="img_newlywed" src="images/people//IMG_20260107_140110_500.jpg" alt="groom">
<div class="newlywed_text">
<h3 class="newlywed_title">Жених</h3>
<p class="newlywed_info">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui voluptatum
odio autem, ut dolorum suscipit soluta reiciendis quam reprehenderit saepe doloribus asperiores
architecto? Debitis magnam, exercitationem nam temporibus eos molestias?</p>
</div>
</div>
<div class="newlywed_item">
<img class="img_newlywed" src="images/people/IMG_20260107_140120_301.jpg" alt="bride">
<div class="newlywed_text">
<h3 class="newlywed_title">Невеста</h3>
<p class="newlywed_info">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui voluptatum
odio autem, ut dolorum suscipit soluta reiciendis quam reprehenderit saepe doloribus asperiores
architecto? Debitis magnam, exercitationem nam temporibus eos molestias?</p>
</div>
</div>
</div>
<div class="guest_list">
<table>
<thead>
<th class="table_title" colspan="3">Список гостей</th>
</thead>
<tr>
<th class="table_name">Имя</th>
<th class="table_name">Фамилия</th>
<th class="table_name">Номер телефона</th>
</tr>
<!-- 1 -->
<tr>
<td>Дмитрий</td>
<td>Селяков</td>
<td>+79001137251</td>
</tr>
<!--2 -->
<tr>
<td>Алёна</td>
<td>Трущёва</td>
<td>+79040242507</td>
</tr>
<!-- 3 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 4 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 5 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!--6 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 7 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 8 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 9 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 10 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 11 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 12 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 13 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 14 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 15 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 16 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 17 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 18 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 19 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 20 -->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</section>
</content>
<script src="main.js"></script>
</body>
</html>