UP_Ljubi_Kasa_Gor
/
Zadanie1


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="./assets/styles/team.css">
    <title>автомобили</title>
</head>
<body>
    <div class="background">
        <img src="assets/imgs/fotka.jpg" alt="background" class="back_img">
        <img src="assets/imgs/fotka.jpg" alt="background" class="back_img">
        <div class="overlay"></div>
    </div>
    <button class="opacity">
        <a href="mainPage.html">
            <p class="p14">НА ГЛАВНУЮ</p>
        </a>
    </button>
    <div class="content">
        <h2 class="in-stock">Наша команда</h2>
        <h1 class="in-stock">AlterAuto - сила в единстве!</h1>

        <div class="car-cards">
            <img src="assets/team/t1.png" style="width: 300px; height: 200px;" alt="t1">
            <div class="car-card">
                <div class="team">
                    <div class="series centered-button">
                        <h2>Максим Костин</h2>
                        <p>Генеральный директор</p>
                        <p>Выстраивает стратегическое планирование и управление деятельностью автосалона.  Занимается принятием ключевых решений, 
                            контролем финансовых и операционных показателей. Осуществляет представление интересов компании во внешних взаимодействиях.</p>
                        <p>Номер телефона: +79290390338</p>
                        <p>Почта: maksim.kostin@alterauto-nn.com</p>  
                        <p>Стаж работы: 5 лет</p>
                        <span class="availability">График работы: пн-пт 8:00-18:00
                            сб-вс выходной
                        </span> 
                    </div>
                </div>
            </div>
        </div>
<div class="car-cards">
            <img src="assets/team/t2.png" style="width: 150px; height: 200px;" alt="t2">
            <div class="car-card">
                <div class="team">
                    <div class="series centered-button">
                        <h2>Дубодел Андрей</h2>
                        <p>Заместитель директора</p>
                        <p>Оказывает помощь генеральному директору в управлении автосалоном, ведет контроль и координация деятельности различных отделов и подразделений, 
                            осуществляет обеспечение эффективного взаимодействия между сотрудниками, производит решение оперативных задач.
                            <p>Номер телефона: +79256790338</p>
                        <p>Почта: andrei.dubodel@alterauto-nn.com</p>
                        <p>Стаж работы: 4 года</p>
                        <span class="availability">График работы: пн-пт 8:00-18:00
                            сб-вс выходной
                        </span> 
                    </div>
                </div>
            </div>
        </div>
        <div class="car-cards">
            <img src="assets/team/t4.png" style="width: 250px; height: 200px;" alt="t4">
            <div class="car-card">
                <div class="team">
                    <div class="series centered-button">
                        <h2>Матвеюк Маргарита</h2>
                        <p>Менеджер по продажам</p>
                        <p>Производит кКонсультирование клиентов, оказывает помощь в выборе автомобиля, 
                            осущетсвляет оформление сделок купли-продажи, поддержание высокого уровня клиентского сервиса.
                            <p>Номер телефона: +79254390338</p>
                        <p>Почта: Margarita.Matveyuk@alterauto-nn.ru</p> 
                        <p>Стаж работы: 1 год</p>
                        <span class="availability">График работы: пн-пт 8:00-20:00
                            сб-вс выходной
                        </span> 
                    </div>
                </div>
            </div>
        </div>
        <div class="car-cards">
            <img src="assets/team/t3.png" style="width: 200px; height: 200px;" alt="t3">
            <div class="car-card">
                <div class="team">
                    <div class="series centered-button">
                        <h2>Александр Архиреев</h2>
                        <p>Автомеханик</p>
                        <p>Проводит диагностику и ремонт автомобилей, обеспечивает техническое обслуживание, выполняет работы по замене расходных материалов.
                            <p>Номер телефона: +79254390338</p>
                        <p>Почта: Aleksandr.Arhireyev@alterauto-nn.ru</p> 
                        <p>Стаж работы: 3 года</p>
                        <span class="availability">График работы: пн-пт 8:00-20:00
                            сб-вс выходной
                        </span> 
                    </div>
                </div>
            </div>
        </div>
        <div class="car-cards">
            <img src="assets/team/t5.png" style="width: 150px; height: 200px;" alt="t5">
            <div class="car-card">
                <div class="team">
                    <div class="series centered-button">
                    <h2>Карина Ильина</h2>
                    <p>Администратор</p>
                    <p>Оказывает прием и распределение входящих звонков, занимается ведением документооборота, организацией работы офиса, 
                        взаимодействует с клиентами и сотрудниками. 
                        <p>Номер телефона: +79298970338</p>
                     <p>Почта: karina.ilyina@alterauto-nn.com</p>
                     <p>Стаж работы: 2 года</p>
                     <span class="availability">График работы: пн-пт 8:00-17:00
                        сб-вс выходной
                     </span> 
                </div>
            </div>
        </div>
        <div class="car-cards">
            <img src="assets/team/t6.png" style="width: 200px; height: 200px;" alt="t6">
            <div class="car-card">
                <div class="team">
                    <div class="series centered-button">
                    <h2>Евгений Волков</h2>
                    <p>Специалист по маркетингу</p>
                    <p>Производит разработку и реализацию маркетинговых стратегий, анализ рынка, проведение рекламных кампаний,
                         взаимодействие с рекламными агентствами.
                         <p>Номер телефона: +79290376338</p>
                     <p>Почта: evgeny.volkov@alterauto-nn.com</p>
                     <p>Стаж работы: 7 лет</p>
                     <span class="availability">График работы: пн-пт 8:00-18:00
                        сб-вс выходной
                     </span> 
                </div>
            </div>
        </div>
        <div class="car-cards">
            <img src="assets/team/t7.png" style="width: 250px; height: 200px; " alt="t7">
            <div class="car-card">
                <div class="team">
                    <div class="series centered-button">
                    <h2>Максим Труханов</h2>
                    <p>Менеджер по работе с клиентами</p>
                    <p>Проводит консультирование клиентов,обработку заявок, организацию тест-драйвов, 
                         занимается решением вопросов и претензий, поддержанием высокого уровня клиентского сервиса.
                         <p>Номер телефона: +79290390338</p>
                     <p>Почта: maksim.trukhanov@alterauto-nn.com</p>
                     <p>Стаж работы: 5 лет</p>
                     <span class="availability">График работы: пн-пт 8:00-20:00
                        сб-вс выходной
                     </span> 
                </div>
            </div>
        </div>
    </div>
    <div id="myPopup" class="popup">
        <div class="popup-content">
            <button class="close-button" onclick="location.href='team.html'" style="color: white;">&#10006;</button>
            <p style="color: white">Хотите стать частью нашей команды?</p>
            <p style="color: white">Звоните +7 (831) 266-52-00 или пишите AlterAuto@alterauto-nn.com!</p>
        </div>
    </div>
    <div class="back-to-top">
        <button onclick="scrollToTop()">Наверх</button>
    </div>

    <script>
        const backToTopButton = document.querySelector('.back-to-top');

        // Скрываем кнопку, если прокрутка меньше 100 пикселей
        window.addEventListener('scroll', () => {
            if (window.pageYOffset > 100) {
                backToTopButton.classList.add('show');
            } else {
                backToTopButton.classList.remove('show');
            }
        });

        // Функция для прокрутки наверх
        function scrollToTop() {
            window.scrollTo({
                top: 0,
                behavior: 'smooth' // Плавная прокрутка
            });
        }
    </script>
<script src="assets/json/teamAdding.js"></script>
</body>
</html>