team.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" type="text/css" href="./assets/styles/team.css">
  6. <title>автомобили</title>
  7. </head>
  8. <body>
  9. <div class="background">
  10. <img src="assets/imgs/fotka.jpg" alt="background" class="back_img">
  11. <img src="assets/imgs/fotka.jpg" alt="background" class="back_img">
  12. <div class="overlay"></div>
  13. </div>
  14. <button class="opacity">
  15. <a href="mainPage.html">
  16. <p class="p14">НА ГЛАВНУЮ</p>
  17. </a>
  18. </button>
  19. <div class="content">
  20. <h2 class="in-stock">Наша команда</h2>
  21. <h1 class="in-stock">AlterAuto - сила в единстве!</h1>
  22. <div class="car-cards">
  23. <img src="assets/team/t1.png" style="width: 300px; height: 200px;" alt="t1">
  24. <div class="car-card">
  25. <div class="team">
  26. <div class="series centered-button">
  27. <h2>Максим Костин</h2>
  28. <p>Генеральный директор</p>
  29. <p>Выстраивает стратегическое планирование и управление деятельностью автосалона. Занимается принятием ключевых решений,
  30. контролем финансовых и операционных показателей. Осуществляет представление интересов компании во внешних взаимодействиях.</p>
  31. <p>Номер телефона: +79290390338</p>
  32. <p>Почта: maksim.kostin@alterauto-nn.com</p>
  33. <p>Стаж работы: 5 лет</p>
  34. <span class="availability">График работы: пн-пт 8:00-18:00
  35. сб-вс выходной
  36. </span>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="car-cards">
  42. <img src="assets/team/t2.png" style="width: 150px; height: 200px;" alt="t2">
  43. <div class="car-card">
  44. <div class="team">
  45. <div class="series centered-button">
  46. <h2>Дубодел Андрей</h2>
  47. <p>Заместитель директора</p>
  48. <p>Оказывает помощь генеральному директору в управлении автосалоном, ведет контроль и координация деятельности различных отделов и подразделений,
  49. осуществляет обеспечение эффективного взаимодействия между сотрудниками, производит решение оперативных задач.
  50. <p>Номер телефона: +79256790338</p>
  51. <p>Почта: andrei.dubodel@alterauto-nn.com</p>
  52. <p>Стаж работы: 4 года</p>
  53. <span class="availability">График работы: пн-пт 8:00-18:00
  54. сб-вс выходной
  55. </span>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="car-cards">
  61. <img src="assets/team/t4.png" style="width: 250px; height: 200px;" alt="t4">
  62. <div class="car-card">
  63. <div class="team">
  64. <div class="series centered-button">
  65. <h2>Матвеюк Маргарита</h2>
  66. <p>Менеджер по продажам</p>
  67. <p>Производит кКонсультирование клиентов, оказывает помощь в выборе автомобиля,
  68. осущетсвляет оформление сделок купли-продажи, поддержание высокого уровня клиентского сервиса.
  69. <p>Номер телефона: +79254390338</p>
  70. <p>Почта: Margarita.Matveyuk@alterauto-nn.ru</p>
  71. <p>Стаж работы: 1 год</p>
  72. <span class="availability">График работы: пн-пт 8:00-20:00
  73. сб-вс выходной
  74. </span>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="car-cards">
  80. <img src="assets/team/t3.png" style="width: 200px; height: 200px;" alt="t3">
  81. <div class="car-card">
  82. <div class="team">
  83. <div class="series centered-button">
  84. <h2>Александр Архиреев</h2>
  85. <p>Автомеханик</p>
  86. <p>Проводит диагностику и ремонт автомобилей, обеспечивает техническое обслуживание, выполняет работы по замене расходных материалов.
  87. <p>Номер телефона: +79254390338</p>
  88. <p>Почта: Aleksandr.Arhireyev@alterauto-nn.ru</p>
  89. <p>Стаж работы: 3 года</p>
  90. <span class="availability">График работы: пн-пт 8:00-20:00
  91. сб-вс выходной
  92. </span>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="car-cards">
  98. <img src="assets/team/t5.png" style="width: 150px; height: 200px;" alt="t5">
  99. <div class="car-card">
  100. <div class="team">
  101. <div class="series centered-button">
  102. <h2>Карина Ильина</h2>
  103. <p>Администратор</p>
  104. <p>Оказывает прием и распределение входящих звонков, занимается ведением документооборота, организацией работы офиса,
  105. взаимодействует с клиентами и сотрудниками.
  106. <p>Номер телефона: +79298970338</p>
  107. <p>Почта: karina.ilyina@alterauto-nn.com</p>
  108. <p>Стаж работы: 2 года</p>
  109. <span class="availability">График работы: пн-пт 8:00-17:00
  110. сб-вс выходной
  111. </span>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="car-cards">
  116. <img src="assets/team/t6.png" style="width: 200px; height: 200px;" alt="t6">
  117. <div class="car-card">
  118. <div class="team">
  119. <div class="series centered-button">
  120. <h2>Евгений Волков</h2>
  121. <p>Специалист по маркетингу</p>
  122. <p>Производит разработку и реализацию маркетинговых стратегий, анализ рынка, проведение рекламных кампаний,
  123. взаимодействие с рекламными агентствами.
  124. <p>Номер телефона: +79290376338</p>
  125. <p>Почта: evgeny.volkov@alterauto-nn.com</p>
  126. <p>Стаж работы: 7 лет</p>
  127. <span class="availability">График работы: пн-пт 8:00-18:00
  128. сб-вс выходной
  129. </span>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="car-cards">
  134. <img src="assets/team/t7.png" style="width: 250px; height: 200px; " alt="t7">
  135. <div class="car-card">
  136. <div class="team">
  137. <div class="series centered-button">
  138. <h2>Максим Труханов</h2>
  139. <p>Менеджер по работе с клиентами</p>
  140. <p>Проводит консультирование клиентов,обработку заявок, организацию тест-драйвов,
  141. занимается решением вопросов и претензий, поддержанием высокого уровня клиентского сервиса.
  142. <p>Номер телефона: +79290390338</p>
  143. <p>Почта: maksim.trukhanov@alterauto-nn.com</p>
  144. <p>Стаж работы: 5 лет</p>
  145. <span class="availability">График работы: пн-пт 8:00-20:00
  146. сб-вс выходной
  147. </span>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <div id="myPopup" class="popup">
  153. <div class="popup-content">
  154. <button class="close-button" onclick="location.href='team.html'" style="color: white;">&#10006;</button>
  155. <p style="color: white">Хотите стать частью нашей команды?</p>
  156. <p style="color: white">Звоните +7 (831) 266-52-00 или пишите AlterAuto@alterauto-nn.com!</p>
  157. </div>
  158. </div>
  159. <div class="back-to-top">
  160. <button onclick="scrollToTop()">Наверх</button>
  161. </div>
  162. <script>
  163. const backToTopButton = document.querySelector('.back-to-top');
  164. // Скрываем кнопку, если прокрутка меньше 100 пикселей
  165. window.addEventListener('scroll', () => {
  166. if (window.pageYOffset > 100) {
  167. backToTopButton.classList.add('show');
  168. } else {
  169. backToTopButton.classList.remove('show');
  170. }
  171. });
  172. // Функция для прокрутки наверх
  173. function scrollToTop() {
  174. window.scrollTo({
  175. top: 0,
  176. behavior: 'smooth' // Плавная прокрутка
  177. });
  178. }
  179. </script>
  180. <script src="assets/json/teamAdding.js"></script>
  181. </body>
  182. </html>