На сторінці "Меню" я використала дві таблиці для представлення інформації про комплекс. Перша таблиця містить інформацію про переваги, а друга - про територію.
1. HTML-код таблиці "Переваги":
<table class="about-table"> <tr> <td><strong>100%</strong></td> <td>Гармонія. Комплекс розташований серед високих сосен і дубів, що забезпечує чисте повітря та затишок.</td> </tr> <tr> <td><strong>0</strong></td> <td>Непотрібних шумів. Абсолютна тиша — ідеальне місце для відпочинку й оздоровлення.</td> </tr> <tr> <td><strong>24/7</strong></td> <td>Охорона. Баланс між приватністю і безпекою.</td> </tr> <tr> <td><strong>100%</strong></td> <td>Унікальна концепція. Максимум гармонії, мінімум суєти.</td> </tr> </table>
2. Вигляд таблиці "Переваги" у браузері:
3. HTML-код таблиці "Територія":
<table class="territory-table"> <tr> <td><strong>Лісові алеї</strong></td> <td>ідеальні для ранкових пробіжок чи повільних прогулянок</td> </tr> <tr> <td><strong>Лаунж-зони</strong></td> <td>гамаки, крісла та місця, де можна читати книгу або слухати музику</td> </tr> <tr> <td><strong>BBQ-зони</strong></td> <td>спеціальні платформи для занять спортом або медитації</td> </tr> <tr> <td><strong>Дит. простір</strong></td> <td>безпечні майданчики для маленьких гостей</td> </tr> </table>
4. Вигляд таблиці "Територія" у браузері:
