PP_Jirafik
/
Metod_centre


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
							<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles/style.css">
    <title>Методический центр "Технология"</title>
   
</head>
<body>

    <header class="header">
        <div class="header-logo">
            <img src="img/лого.png" alt="Логотип методического центра">
        </div>
        <div class="header-info">
            <h1 class="header-tech">ТЕХНОЛОГИЯ</h1>
            <div class="header-center">
                | Методический центр 
            </div>
            <div class="header-location">
                 г. Нижний Новгород, пр. Кирова, 12
            </div>
            <div class="header-phone">
                | +7 (831) 291-50-25
            </div>
        </div>
        <div class="header-nav">
            <button>Меню</button>
            <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="about.html">О нас</a></li>
                <li><a href="videos.html">Видео пособия</a></li>
                <li><a href="obychenie.html">Обучение</a></li>
                <li><a href="contacts.html">Контакты</a></li>
                <li><a href="questions.html">Вопросы</a></li>
            </ul>
        </div>
    </header>

    <div class="container">
        <h2>Популярные курсы</h2>

        <div class="course">
            <img src="img/1курс.png" alt="Название курса 1" class="course-image">
            <div class="course-info">
                <h3 class="course-title">Организация робототехники для детей дошкольного и младшего школьного возраста</h3>
                <p class="course-description"> Предлагает комплексную помощь в запуске робототехнического направления: план, консультации по оборудованию, подготовку специалистов, программы, доп. материалы.
                </p>
                <p class="course-price">Цена: 35 000 рублей</p><br>
                <a href="obychenie.html" class="course-button">Подробнее</a> 
            </div>
        </div>

        <div class="course">
            <img src="img/2курс.png" alt="Название курса 2" class="course-image">
            <div class="course-info">
                <h3 class="course-title">Легорисование</h3>
                <p class="course-description">Конструирование на плоскости: авторский конструкторский набор «Жираф-инженерик», комплект схем для легорисования.</p>
                <p class="course-price">Цена: 3 000 рублей</p><br>
                <a href="obychenie.html" class="course-button">Подробнее</a> 
            </div>
        </div>

        <div class="course">
            <img src="img/3курс.png" alt="Название курса 3" class="course-image">
            <div class="course-info">
                <h3 class="course-title">Легоконструирование</h3>
                <p class="course-description">Курс по легоконструированию предоставляет пошаговое руководство по созданию построек, транспортных средств и механизмов из кубиков LEGO.</p>
                <p class="course-price">Цена: 10 000 рублей</p><br>
                <a href="obychenie.html" class="course-button">Подробнее</a> 
            </div>
        </div>

        <div class="reviews">
            <h3>Отзывы</h3>
            <div class="review-item">
                <img src="img/мама1.png" alt="Фото автора отзыва" class="review-image">
                <div>
                    <p class="review-author">Вера</p>
                    <p class="review-text">В конце уходящего 🌏2023 года хотим выразить 🗣 огромную 🙏🏻 благодарность нашему 💛любимому 🦒“Жирафику”(так любя мы его называем). Огормное спасибо 👏 выражаем всему коллективу! Спасибо за тепло 🥰и уют💝. Спасибо за ☝🏻терпение и ✊🏻труд. Спасибо за 🤝взаимопонимание! Ребенок 👧🏼 счастлив 🥳! Что было до - 😵‍💫Моя дочь отказывалась и отказывается ходить в обычный детский сад. То 😭плакала, то болела 🤒и постоянно недовольный, 🤧больной ребенок. Попали мы в Жираф, (пр. Кирова,12) 3 года назад по рекомендации 👌🏻знакомой. Ребенок👧🏼 влился с 1 дня. И с каждым днем новые 📚 знания, новые 👀навыки, новые умения! Ребенок меньше болеть стал. В 2024 году мы идем в 1 класс и сколько получено здесь знаний, так готов ребенок на 🌹100%! На сегодня наш педагог 👩‍🦳Альбина Ильгизовна, она очень 🤩 крутая. Знает про 👩‍👧‍👦детей все и даже 😉больше. Дочка ее очень 😘любит и с удовольствием ходит на занятия. 🧡 </p>
                </div>
            </div>
            <div class="review-item">
                <img src="img/мама2.png" alt="Фото автора отзыва" class="review-image">
                <div>
                    <p class="review-author">Анна</p>
                    <p class="review-text">Сегодня посещали ваше занятие первый
                        раз, Денису очень понравилось, придёт
                        ещё. Лего для него это прям страсть....
                        Спасибо, Вам, огромное за положительные
                        эмоции детей.И отдельное спасибо за видео
                        отчёт.</p>
                </div>
            </div>
            <div class="review-item">
                <img src="img/мама3.png" alt="Фото автора отзыва" class="review-image">
                <div>
                    <p class="review-author">Ольга</p>
                    <p class="review-text">
                        Татьяна Павловна, большая благодарность Вам и
                        всем педагогам вашего центра, от семьи Толкачёвых,
                        спасибо за знания , которые получил наш сын, за
                        ваши советы, полученные не зря), в следующем году
                        обязательно придём и приведём младшего. Спасибо
                        Вам и всей вашей команде.</p>
                </div>
            </div>
            <div class="review-item">
                <img src="img/мама4.png" alt="Фото автора отзыва" class="review-image">
                <div>
                    <p class="review-author">Лидия</p>
                    <p class="review-text">
                        Хочу выразить благодарность Татьяне Павловне, педагогу "нулевого класса" Альбине Илгизовне. Вы замечательные, внимательные, относитесь к каждому ребенку как к своему. Посещаем наш любимый Жирафик уже 3 года. Сынок бежит каждое утро с радостью, как к себе домой. Очень расстраивается, если впереди выходные и не будет занятий. Ребенок в 2024 году идет в первый класс полностью подготовленный! В этом заслуга преподавателей Жирафа!!! Спасибо Вам огромное! С Наступающим Новым годом!!!</p>
                </div>
            </div>
            <div class="review-item">
                <img src="img/мама5.png" alt="Фото автора отзыва" class="review-image">
                <div>
                    <p class="review-author">Наталья</p>
                    <p class="review-text">
                        Ходим в Жираф второй год . Максиму очень нравиться . И коллектив и занятия и атмосфера ! Отдельно он выделяет Альбину Ильгизовну ) - авторитет и вдохновитель, добрая и справедливая , просто чудесный человек 🥰! На переменках- игры и занятия на сплочение коллектива, укрепление дружбы ! На занятиях - знания и навыки , которые нам так нужны в 1 классе ! Благодарю за чистоту , которую обеспечивает Вера Евгеньевна 🧚🏻! Очень приятно приходить туда , где следят за порядком ! И конечно , руководителя, Татьяну Павловну !!! Видно , когда человек 🔥 горит своим делом и вкладывает в него душу !!! Жалко , что скоро первый класс и придётся прощаться 🤗
                    </div>
            </div>


            <button class="buy-button">Оставить отзыв</button>
        </div>

        <div class="map">
            <h3>Наш адрес</h3>
            <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Aa6f01873507308da8343b7fdec711541180e0c9cc02357752b7b63e49fc11b33&amp;source=constructor" width="100%" height="400" frameborder="0"></iframe>
        </div>
    </div>

    <footer class="footer">
        <p>© 2023 Методический центр "Технология"</p>
    </footer>

    <div class="buy-form">
        <div class="close-form" onclick="closeForm()">
            <img src="img/крестик.png" alt="Закрыть">
        </div>
        <h2>Оставить отзыв</h2>
        <form>
            <input type="text" placeholder="Имя" required>
            <textarea placeholder="Ваш отзыв" required></textarea>
            
            <button type="submit" onclick="validateForm()">Отправить</button>
        </form>
    </div>

    <script>
        const buyButtons = document.querySelectorAll('.buy-button');
        const buyForm = document.querySelector('.buy-form');

        buyButtons.forEach(button => {
            button.addEventListener('click', () => {
                buyForm.style.display = 'block';
            });
        });

        function closeForm() {
            buyForm.style.display = 'none';
        }

        function validateForm() {
            const phoneInput = document.getElementById('phone');
            const phone = phoneInput.value.trim();

            // Проверяем, начинается ли номер с 7, 8 или +7
            if (!/^(7|8|\+7)/.test(phone)) {
                alert('Номер телефона должен начинаться с 7, 8 или +7.');
                phoneInput.focus();
                return false; // Предотвращаем отправку формы
            }

            // Проверяем, состоит ли номер из 10 или 11 цифр
            if (!/^\d{10,11}$/.test(phone)) {
                alert('Номер телефона должен состоять из 10 или 11 цифр.');
                phoneInput.focus();
                return false; // Предотвращаем отправку формы
            }

            // Если телефон валиден, отправляем форму
            alert('Заявка отправлена!');
            closeForm();
            return true; // Разрешаем отправку формы
        }
    </script>
</body>
</html>