Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Фитнес-центр</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Видео-фон -->
    <video autoplay muted loop playsinline class="video-background">
        <source src="training.mp4" type="video/mp4">
    </video>
    
    <!-- Навигационное меню -->
    <nav>
        <ul>
            <li><a href="#">Услуги</a></li>
            <li><a href="#">Тренеры</a></li>
            <li><a href="#" onclick="showSchedule()">Расписание</a></li>
            <li><a href="#">Контакты</a></li>
        </ul>
    </nav>

    <!-- Основная секция -->
    <section class="main-content">
        <h1>Добро пожаловать в наш фитнес-центр!</h1>
        <button onclick="openBookingForm()">Записаться</button>
    </section>

    <!-- Модальное окно для бронирования -->
    <div id="booking-modal" class="modal">
        <div class="modal-content">
            <span class="close" onclick="closeModal()">×</span>
            <form action="/book-training" method="post">
                <label for="name">Имя:</label>
                <input type="text" id="name" name="name" required>
                
                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required>
                
                <label for="training-date">Дата тренировки:</label>
                <input type="date" id="training-date" name="training-date" required>
                
                <button type="submit">Отправить заявку</button>
            </form>
        </div>
    </div>

    <!-- Скрипт для взаимодействия -->
    <script src="script.js"></script>
</body>
</html>