сотрудники.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Сотрудники</title>
  5. <link rel="stylesheet" href="стили/сотрудники.css">
  6. </head>
  7. <body>
  8. <div class="big_con">
  9. <div class="shapka">
  10. <header>
  11. <div class="logo">
  12. <p class="p16" style="margin-left: 30px; margin-right: 30px;"> Государственное автономное учреждение Нижегородской области <br/>
  13. «Центр координации проектов цифровой экономики»</p>
  14. </div>
  15. <button class="opacity">
  16. <p class="p14">РАЗДЕЛЫ</p>
  17. <div class="arrow">
  18. <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  19. <g clip-path="url(#clip0_1967_8102)">
  20. <path d="M1 19L10.5 10L1 1" stroke="white" stroke-width="2" />
  21. </g>
  22. <defs>
  23. <clipPath id="clip0_1967_8102">
  24. <rect width="12" height="20" fill="white" />
  25. </clipPath>
  26. </defs>
  27. </svg>
  28. </div>
  29. <div class="dropdown">
  30. <a href="авторизация.html">Авторизация</a>
  31. <a href="сотрудники.html">Сотрудники</a>
  32. <a href="структура.html">Структура</a>
  33. <a href="обращения.html">Обращения</a>
  34. <a href="контакты.html">Контакты</a>
  35. <a href="отзывы.html">Отчеты</a>
  36. <a href="документы.html">Документы</a>
  37. <a href="видеогаллерея.html">Видеогалерея</a>
  38. </div>
  39. </button>
  40. <a href="авторизация.html" ><img src="картинки/user.png" style="margin-right: 30px;"></a>
  41. </header>
  42. </div>
  43. </div>
  44. <div class="container">
  45. <div class="content">
  46. <h1>Наша команда</h1>
  47. <div class="car-cards">
  48. <div class="car-card" onclick="showPopup(1)">
  49. <img id="carImage1" src="картинки/сотрудник.png" alt="BMW 4-Series">
  50. <div class="car-info">
  51. <h2>Климашов Виталий Юрьевич</h2>
  52. <p><span id="carPrice1">Директор</span></p>
  53. <span class="availability" id="carAvailability1">График работы: 08:00 - 17:00</span>
  54. </div>
  55. </div>
  56. <div class="car-card" onclick="showPopup(2)">
  57. <img id="carImage2" src="картинки/сотрудник.png" alt="BMW M4s">
  58. <div class="car-info">
  59. <h2>Пашенков Сергей Константинович</h2>
  60. <p><span id="carPrice2">Заместитель директора</span></p>
  61. <span class="availability" id="carAvailability2">График работы: 08:00 - 17:00</span>
  62. </div>
  63. </div>
  64. <div class="car-card" onclick="showPopup(3)">
  65. <img id="carImage3" src="картинки/сотрудник.png" alt="BMW M5">
  66. <div class="car-info">
  67. <h2>Бучацкий Сергей Вадимович</h2>
  68. <p><span id="carPrice3">Начальник управления</span></p>
  69. <span class="availability" id="carAvailability3">График работы: 08:00 - 17:00</span>
  70. </div>
  71. </div>
  72. <div class="car-card" onclick="showPopup(4)">
  73. <img id="carImage4" src="картинки/сотрудник.png" alt="BMW M8">
  74. <div class="car-info">
  75. <h2>Васютин Сергей Геннадьевич</h2>
  76. <p><span id="carPrice4">Начальник отдела</span></p>
  77. <span class="availability" id="carAvailability4">График работы: 08:00 - 17:00</span>
  78. </div>
  79. </div>
  80. <div class="car-card" onclick="showPopup(5)">
  81. <img id="carImage5" src="картинки/сотрудник.png" alt="BMW X5">
  82. <div class="car-info">
  83. <h2>Вахтин Дмитрий Анатольевич</h2>
  84. <p><span id="carPrice5">Заместитель директора</span></p>
  85. <span class="availability" id="carAvailability5">График работы: 08:00 - 17:00</span>
  86. </div>
  87. </div>
  88. <div class="car-card" onclick="showPopup(6)">
  89. <img id="carImage6" src="картинки/сотрудник.png" alt="BMW X6">
  90. <div class="car-info">
  91. <h2>Захаров Алексей Александрович</h2>
  92. <p><span id="carPrice6">Заместитель директора</span></p>
  93. <span class="availability" id="carAvailability6">График работы: 08:00 - 17:00</span>
  94. </div>
  95. </div>
  96. <div class="car-card" onclick="showPopup(7)">
  97. <img id="carImage7" src="картинки/сотрудник.png" alt="BMW XM">
  98. <div class="car-info">
  99. <h2>Зеленова Наталья Александровна</h2>
  100. <p><span id="carPrice7">Заместитель начальника управления</span></p>
  101. <span class="availability" id="carAvailability7">График работы: 08:00 - 17:00</span>
  102. </div>
  103. </div>
  104. <div class="car-card" onclick="showPopup(8)">
  105. <img id="carImage8" src="картинки/сотрудник.png" alt="BMW X5M">
  106. <div class="car-info">
  107. <h2>Перцев Александр Евгеньевич</h2>
  108. <p><span id="carPrice8">Начальник отдела</span></p>
  109. <span class="availability" id="carAvailability8">График работы: 08:00 - 17:00</span>
  110. </div>
  111. </div>
  112. <div class="car-card" onclick="showPopup(9)">
  113. <img id="carImage6" src="картинки/сотрудник.png" alt="BMW X6">
  114. <div class="car-info">
  115. <h2>Кабулов Максим Валерьевич</h2>
  116. <p><span id="carPrice6">Начальник управления</span></p>
  117. <span class="availability" id="carAvailability6">График работы: 08:00 - 17:00</span>
  118. </div>
  119. </div>
  120. <div class="car-card" onclick="showPopup(10)">
  121. <img id="carImage7" src="картинки/сотрудник.png" alt="BMW XM">
  122. <div class="car-info">
  123. <h2>Чудная Тамара Алексеевна</h2>
  124. <p><span id="carPrice7">Начальник отдела</span></p>
  125. <span class="availability" id="carAvailability7">График работы: 08:00 - 17:00</span>
  126. </div>
  127. </div>
  128. <div class="car-card" onclick="showPopup(11)">
  129. <img id="carImage8" src="картинки/сотрудник.png" alt="BMW X5M">
  130. <div class="car-info">
  131. <h2>Шульмейстер Ирина Николаевна</h2>
  132. <p><span id="carPrice8">Начальник управления</span></p>
  133. <span class="availability" id="carAvailability8">График работы: 08:00 - 17:00</span>
  134. </div>
  135. </div>
  136. <div class="car-card" onclick="showPopup(12)">
  137. <img id="carImage8" src="картинки/сотрудник.png" alt="BMW X5M">
  138. <div class="car-info">
  139. <h2>Селюк Алексей Михайлович</h2>
  140. <p><span id="carPrice8">Начальник отдела</span></p>
  141. <span class="availability" id="carAvailability8">График работы: 08:00 - 17:00</span>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <a href="главная.html" class="footer-link">На главную</a>
  148. <a href="сотрудники.html" class="scroll-to-top" id="scrollTopBtn">
  149. <img src="картинки/скроллинг.webp" alt="Scroll to Top">
  150. </a>
  151. <!-- Popup 1 -->
  152. <div id="popup1" class="popup">
  153. <span class="close-button" onclick="closePopup('popup1')">×</span>
  154. <h3>Климашов Виталий Юрьевич</h3>
  155. <p>Информация:</p>
  156. <ul>
  157. <li>Подразделение: Государственное автономное учреждение Нижегородской области «Центр координации проектов цифровой экономики»</li>
  158. <li>Должность: Директор</li>
  159. <li>Телефон: 8 (831) 262-20-32</li>
  160. <li>Почта: info@cit-nnov.ru</li>
  161. </ul>
  162. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  163. </div>
  164. <!-- Popup 2 -->
  165. <div id="popup2" class="popup">
  166. <span class="close-button" onclick="closePopup('popup2')">×</span>
  167. <h3>Пашенков Сергей Константинович</h3>
  168. <p>Информация:</p>
  169. <ul>
  170. <li>Подразделение: Государственное автономное учреждение Нижегородской области «Центр координации проектов цифровой экономики»</li>
  171. <li>Должность: Заместитель директора</li>
  172. <li>Телефон: 8 (831) 262-20-32 (вн. 102)</li>
  173. <li>Почта: psk@cit-nnov.ru</li>
  174. </ul>
  175. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  176. </div>
  177. <!-- Popup 3 -->
  178. <div id="popup3" class="popup">
  179. <span class="close-button" onclick="closePopup('popup3')">×</span>
  180. <h3>Бучацкий Сергей Вадимович</h3>
  181. <p>Информация:</p>
  182. <ul>
  183. <li>Подразделение: Управление администрирования и видеонаблюдения Центр обработки вызовов СИСТЕМЫ - 112</li>
  184. <li>Должность: Начальник управления</li>
  185. <li>Телефон: 8 (831) 267-03-80 (вн. 110)</li>
  186. <li>Почта: bsv@112.kreml.nnov.ru</li>
  187. </ul>
  188. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  189. </div>
  190. <!-- Popup 4 -->
  191. <div id="popup4" class="popup">
  192. <span class="close-button" onclick="closePopup('popup4')">×</span>
  193. <h3>Васютин Сергей Геннадьевич</h3>
  194. <p>Информация:</p>
  195. <ul>
  196. <li>Подразделение: Управление администрирования и видеонаблюдения Отдел обеспечения функционирования системы-112</li>
  197. <li>Должность: Начальник отдела</li>
  198. <li>Телефон: 8 (831) 262-20-32 (вн. 123)</li>
  199. <li>Почта: sa@112.kreml.nnov.ru</li>
  200. </ul>
  201. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  202. </div>
  203. <!-- Popup 5 -->
  204. <div id="popup5" class="popup">
  205. <span class="close-button" onclick="closePopup('popup5')">×</span>
  206. <h3>Вахтин Дмитрий Анатольевич</h3>
  207. <p>Информация:</p>
  208. <ul>
  209. <li>Подразделение: Государственное автономное учреждение Нижегородской области «Центр координации проектов цифровой экономики»</li>
  210. <li>Должность: Заместитель директора</li>
  211. <li>Телефон: 8 (831) 262-20-32 (вн. 125)</li>
  212. <li>Почта: vda@cit-nnov-ru</li>
  213. </ul>
  214. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  215. </div>
  216. <!-- Popup 6 -->
  217. <div id="popup6" class="popup">
  218. <span class="close-button" onclick="closePopup('popup6')">×</span>
  219. <h3>Захаров Алексей Александрович</h3>
  220. <p>Информация:</p>
  221. <ul>
  222. <li>Подразделение: Государственное автономное учреждение Нижегородской области «Центр координации проектов цифровой экономики»</li>
  223. <li>Должность: Заместитель директора</li>
  224. <li>Телефон: 8 (831) 262-20-32 (вн. 200)</li>
  225. <li>Почта: az@cit-nnov.ru</li>
  226. </ul>
  227. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  228. </div>
  229. <!-- Popup 7 -->
  230. <div id="popup7" class="popup">
  231. <span class="close-button" onclick="closePopup('popup7')">×</span>
  232. <h3>Зеленова Наталья Александровна</h3>
  233. <p>Информация:</p>
  234. <ul>
  235. <li>Подразделение: Управление администрирования и видеонаблюдения Центр обработки вызовов СИСТЕМЫ - 112</li>
  236. <li>Должность: Заместитель начальника управления</li>
  237. <li>Телефон: 8 (831) 267-03-80 (вн. 110)</li>
  238. <li>Почта: zna@112.kreml.nnov.ru</li>
  239. </ul>
  240. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  241. </div>
  242. <!-- Popup 8 -->
  243. <div id="popup8" class="popup">
  244. <span class="close-button" onclick="closePopup('popup8')">×</span>
  245. <h3>Перцев Александр Евгеньевич</h3>
  246. <p>Информация:</p>
  247. <ul>
  248. <li>Подразделение: Управление администрирования и видеонаблюдения Отдел видеонаблюдения</li>
  249. <li>Должность: Начальник отдела</li>
  250. <li>Телефон: 8 (831) 262-20-32 (вн. 150)</li>
  251. <li>Почта: Info@prspv.ru</li>
  252. </ul>
  253. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  254. </div>
  255. <!-- Popup 9 -->
  256. <div id="popup9" class="popup">
  257. <span class="close-button" onclick="closePopup('popup9')">×</span>
  258. <h3>Кабулов Максим Валерьевич</h3>
  259. <p>Информация:</p>
  260. <ul>
  261. <li>Подразделение: Управление по реализации технической политики в сфере цифровой экономики</li>
  262. <li>Должность: Начальник управления</li>
  263. <li>Почта: kmv@cit-nnov.ru</li>
  264. </ul>
  265. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  266. </div>
  267. <!-- Popup 10 -->
  268. <div id="popup10" class="popup">
  269. <span class="close-button" onclick="closePopup('popup10')">×</span>
  270. <h3>Чудная Тамара Алексеевна</h3>
  271. <p>Информация:</p>
  272. <ul>
  273. <li>Подразделение: Управление правового и финансового обеспечения, Планово-финансовый отдел</li>
  274. <li>Должность: Начальник отдела</li>
  275. <li>Телефон: 8 (831) 262-20-32 (вн. 116)</li>
  276. <li>Почта: kta@cit-nnov.ru</li>
  277. </ul>
  278. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  279. </div>
  280. <!-- Popup 11 -->
  281. <div id="popup11" class="popup">
  282. <span class="close-button" onclick="closePopup('popup11')">×</span>
  283. <h3>Шульмейстер Ирина Николаевна</h3>
  284. <p>Информация:</p>
  285. <ul>
  286. <li>Подразделение: Управление правового и финансового обеспечения</li>
  287. <li>Должность: Начальник управления</li>
  288. <li>Телефон: 8 (831) 262-20-32 (вн. 103)</li>
  289. <li>Почта: ins@112.kreml.nnov.ru</li>
  290. </ul>
  291. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  292. </div>
  293. <!-- Popup 12 -->
  294. <div id="popup12" class="popup">
  295. <span class="close-button" onclick="closePopup('popup12')">×</span>
  296. <h3>Селюк Алексей Михайлович</h3>
  297. <p>Информация:</p>
  298. <ul>
  299. <li>Подразделение: Отдел внедрения и сопровождения программных продуктов</li>
  300. <li>Должность: Начальник отдела</li>
  301. <li>Телефон: 8(920)009-66-67</li>
  302. <li>Почта: sam@cit-nnov.ru</li>
  303. </ul>
  304. <button class="order-button" onclick="window.location.href='записьнаприем.html'">Записаться на прием</button>
  305. </div>
  306. <script src="скрипты_js/сотрудники.js"></script>
  307. <script src="скрипты_js/скроллинг.js"></script>
  308. </body>
  309. </html>