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

time

Browse Source
This commit is contained in:
Alena Trushcheva
2026-01-19 20:26:32 +03:00
parent 56d394b4b8
commit 8c296b3d9c
9 changed files with 99 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/234.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
images/56532 (2).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
images/time/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
images/time/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
images/time/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
images/time/ChatGPT Image 19 янв. 2026 г., 20_18_11.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
images/time/wedding-day-schedule-template-design_23-2150790236.avif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

88
index.html
View File

@@ -35,28 +35,22 @@
<!-- 4 --> <!-- 4 -->
<li class="item"> <li class="item">
<a href="#" class="link"> <a href="#" class="link">
Размещение Путешествие
</a> </a>
</li> </li>
<!-- 5 --> <!-- 5 -->
<li class="item"> <li class="item">
<a href="#" class="link"> <a href="#" class="link">
Путешествие Фотографии
</a> </a>
</li> </li>
<!-- 6 --> <!-- 6 -->
<li class="item">
<a href="#" class="link">
Фотографии
</a>
</li>
<!-- 7 -->
<li class="item"> <li class="item">
<a href="#" class="link"> <a href="#" class="link">
Список задач Список задач
</a> </a>
</li> </li>
<!-- 8 --> <!-- 7 -->
<li class="item"> <li class="item">
<a href="#" class="link"> <a href="#" class="link">
Прошу ответить Прошу ответить
@@ -120,136 +114,204 @@
<div class="guest_list"> <div class="guest_list">
<table> <table>
<thead> <thead>
<th class="table_title" colspan="3">Список гостей</th> <th class="table_title" colspan="5">Список гостей</th>
</thead> </thead>
<tr> <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> <th class="table_name">Номер стола</th>
<th class="table_name">Основное блюдо</th>
<th class="table_name">Алкоголь</th>
</tr> </tr>
<!-- 1 --> <!-- 1 -->
<tr> <tr>
<td>Дмитрий</td> <td>Дмитрий</td>
<td>Селяков</td> <td>Селяков</td>
<td>+79001137251</td> <td>Президиум</td>
<td>Мясо</td>
<td>Шампанское</td>
</tr> </tr>
<!--2 --> <!--2 -->
<tr> <tr>
<td>Алёна</td> <td>Алёна</td>
<td>Трущёва</td> <td>Трущёва</td>
<td>+79040242507</td> <td>Президиум</td>
<td>Мясо</td>
<td>Шампанское</td>
</tr> </tr>
<!-- 3 --> <!-- 3 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 4 --> <!-- 4 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 5 --> <!-- 5 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!--6 --> <!--6 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 7 --> <!-- 7 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 8 --> <!-- 8 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 9 --> <!-- 9 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 10 --> <!-- 10 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 11 --> <!-- 11 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 12 --> <!-- 12 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 13 --> <!-- 13 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 14 --> <!-- 14 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 15 --> <!-- 15 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 16 --> <!-- 16 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 17 --> <!-- 17 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 18 --> <!-- 18 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 19 --> <!-- 19 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td>
<td></td>
</tr> </tr>
<!-- 20 --> <!-- 20 -->
<tr> <tr>
<td></td> <td></td>
<td></td> <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> </tr>
</table> </table>
</div> </div>
</section> </section>
<section class="timetable">
<h4 class="people_title">
Расписание
</h4>
<div class="time_wrapper">
<div class="time_content">
</div>
</div>
</section>
</content> </content>
<script src="main.js"></script> <script src="main.js"></script>

31
style.css
View File

@@ -210,29 +210,46 @@ h4 {
font-size: 26px; font-size: 26px;
} }
.guest_list { .guest_list {
width: 100%; width: 70%;
margin: 0 auto;
} }
table { table {
table-layout: fixed; table-layout: fixed;
background-color:#e5b97e; background-color:rgba(229, 185, 126, 0.9);
border-collapse: collapse; border-collapse: collapse;
box-shadow: #000 2px 4px 10px 1px; box-shadow: #000 2px 4px 10px 1px;
width: 100%; width: 100%;
border: 1px solid #000; border: 3px solid #000;
} }
.table_title { .table_title {
font-size: 35px; font-size: 34px;
font-weight: 900; font-weight: 900;
line-height: 2.2; line-height: 2.2;
text-decoration: underline; text-decoration: underline;
border: 3px solid #000; border-top: 3px solid #000;
border-bottom: 3px solid #000;
} }
.table_name { .table_name {
font-size: 30px; font-size: 32px;
border-bottom: 3px solid #000;
} }
th, td { th, td {
border: 2px solid #000; border: 2px solid #000;
height: 50px; height: 50px;
font-size: 28px; font-size: 32px;
text-align: center; text-align: center;
} }
/* ---------------------------------TIMETABLE----------------------------------- */
.timetable {
margin: 0 auto;
width: 80%;
padding-bottom: 60px;
}
.time_wrapper {
height: 700px;
background: url("images/time/ChatGPT\ Image\ 19\ янв.\ 2026\ г.\,\ 20_18_11.png") 100% 100% / cover;
}
.time_p {
font-size: 30px;
}