section_people_table

This commit is contained in:
2026-01-20 19:27:49 +03:00
parent 8c296b3d9c
commit 3e89c1614c
21 changed files with 247 additions and 218 deletions

View File

@@ -23,7 +23,7 @@
<!-- 2 -->
<li class="item">
<a href="#" class="link">
Люди
Список гостей
</a>
</li>
<!-- 3 -->
@@ -89,7 +89,7 @@
</aside>
<section class="people">
<h4 class="people_title">
Люди
Список гостей
</h4>
<div class="newlywed">
<div class="newlywed_item">
@@ -112,194 +112,95 @@
</div>
</div>
<div class="guest_list">
<table>
<thead>
<th class="table_title" colspan="5">Список гостей</th>
</thead>
<tr>
<th class="table_name">Имя</th>
<th class="table_name">Фамилия</th>
<th class="table_name">Номер стола</th>
<th class="table_name">Основное блюдо</th>
<th class="table_name">Алкоголь</th>
</tr>
<!-- 1 -->
<tr>
<td>Дмитрий</td>
<td>Селяков</td>
<td>Президиум</td>
<td>Мясо</td>
<td>Шампанское</td>
</tr>
<!--2 -->
<tr>
<td>Алёна</td>
<td>Трущёва</td>
<td>Президиум</td>
<td>Мясо</td>
<td>Шампанское</td>
</tr>
<!-- 3 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 4 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 5 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!--6 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 7 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 8 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 9 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 10 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 11 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 12 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 13 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 14 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 15 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 16 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 17 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 18 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 19 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 20 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 21 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 22 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<div class="guest_inner">
<!-- 1 -->
<div class="guest_item">
<div class="guest_index">
Стол 1
</div>
<div class="guest_item_list">
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
</div>
</div>
<!-- 2 -->
<div class="guest_item">
<div class="guest_index">
Стол 1
</div>
<div class="guest_item_list">
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
</div>
</div>
<!-- 3 -->
<div class="guest_item">
<div class="guest_index">
Стол 1
</div>
<div class="guest_item_list">
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
<div class="guest_name">
Lorem, ipsum.
</div>
</div>
</div>
</div>
</div>
</section>
<section class="timetable">
@@ -308,7 +209,76 @@
</h4>
<div class="time_wrapper">
<div class="time_content">
<div class="time_inner">
<div class="time_row_up">
<!-- 1 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/ring.png" alt="ring" class="time_img">
<h6 class="time_h6">10:40</h6>
<p class="time_p">Церемония</p>
<div class="time_comment">Начало нашего свадебного дня и самый важный момент для нас</div>
</div>
</div>
<!-- 2 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/camera.png" alt="camera" class="time_img">
<h6 class="time_h6">11:30</h6>
<p class="time_p">Фотосессия</p>
<div class="time_comment">После церемонии мы ненадолго отправимся на фотосессию, чтобы сохранить этот день в памяти</div>
</div>
</div>
<!-- 3 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/wedding-dinner_11196102.png" alt="" class="time_img">
<h6 class="time_h6">14:00</h6>
<p class="time_p">Фуршет и бармен</p>
<div class="time_comment">Берем напиток, закуски и наслаждаемся началом вечера</div>
</div>
</div>
<!-- 4 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/free-icon-fireworks-7201451.png" alt="" class="time_img">
<h6 class="time_h6">14:30</h6>
<p class="time_p">Поздравления и подарки</p>
<div class="time_comment">Мы будем рады теплым словам и подаркам во время фуршета</div>
</div>
</div>
</div>
<div class="time_line"></div>
<div class="time_row_down">
<!-- 5 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/food.png" alt="" class="time_img">
<h6 class="time_h6">17:00</h6>
<p class="time_p">Банкет</p>
<div class="time_comment">Приглашаем вас за столы, чтобы продолжить вечер в тёплой и уютной атмосфере. Приветственный тост</div>
</div>
</div>
<!-- 6 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/cake.png" alt="" class="time_img">
<h6 class="time_h6">19:00</h6>
<p class="time_p">Свадебный торт</p>
<div class="time_comment">Самый сладкий момент вечера. Чай или кофе находятся в велком зоне</div>
</div>
</div>
<!-- 7 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/disco-ball_18181959.png" alt="" class="time_img">
<h6 class="time_h6">19:30</h6>
<p class="time_p">Танцы</p>
<div class="time_comment">Приглашаем вас на танцпол. Танцуйте столько, сколько захочется</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>