<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
            body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
                }
                
                .header {
                background-image: url("https://i.ytimg.com/vi/5jcrybqXJq0/maxresdefault.jpg");
                background-size: cover;
                height: 100vh;
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                }
                
                .header h1 {
                color: black;
                font-size: 48px;
                text-transform: uppercase;
                text
                margin-bottom: 0;
                border-color: burlywood;
                border-radius: 10cm;
                border-width: 1cm;
                border-style: solid;
                }
                
                .header p {
                color: black;
                font-size: 24px;
                margin-top: 0;
                }
                
                .main-content {
                padding: 50px;
                }
                
                .section {
                display: flex;
                justify-content: space-around;
                margin-bottom: 50px;
                }
                
                .section div {
                width: 32%;
                }
                
                .section img {
                max-width: 100%;
                }
                
                .section h2 {
                font-size: 32px;
                margin-bottom: 0;
                }
                
                .section p {
                font-size: 18px;
                margin-top: 0;
                }
                
                .footer {
                background-color: #EDEDED;
                padding: 20px;
                text-align: center;
                }
                
                .footer span {
                font-size: 14px;
                }
                </style>
</head>
    <body>
    <!-- Header -->
    <div class="header">
    <div>
    <h1>Добро пожаловать в деревню Седяш</h1>
    <p>Ваш идеальный отдых на природе</p>
    </div>
    </div>
    
    <!-- Main Content -->
    <div class=“main-content”>
    <!-- Main Features Section -->
    <div class=“section”>
    <div>
    <img src=“https://images.unsplash.com/photo-1489181714360-945fc1765338” alt=“Комфорт">
    <h2>Комфортное жилье</h2>
    <p>К вашим услугам уютные дома и апартаменты, оснащенные всем необходимым для комфортного пребывания.</p>
    </div>
    <div>
    <img src=“https://images.unsplash.com/photo-1574110841777-e9ac26e523b7” alt=“Удивительная природа”>
    <h2>Удивительная природа</h2>
    <p>Насладитесь чистым воздухом, живописными пейзажами и живой природой, которая окружает деревню Седяш.</p>
    </div>
    <div>
    <img src=“https://images.unsplash.com/photo-1542044237936-11e6b8c4da78” alt=“Мероприятия и развлечения”>
    <h2>Мероприятия и развлечения</h2>
    <p>Мы предлагаем разнообразные мероприятия для всех возрастов, включая экскурсии, мастер-классы и спортивные игры.</p>
    </div>
    </div>
    </div>
    
    <!-- Footer -->
    <div class=“footer”>
    <span>© 2022 Деревня Седяш. Все права защищены.</span>
    </div>
    </body>
    </html>
</html>