видеогаллерея.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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">
  49. <img id="carImage1" src="картинки/видеогалерея1.jpg" alt="BMW 4-Series">
  50. <div class="car-info">
  51. <a href="https://dzen.ru/video/watch/648b2b9a0c2c96498a91e95a"><h2>Вебинар по облачной бухгалтерии от 02.06.2023</h2></a>
  52. <p><span id="carPrice5"><br></span></p>
  53. <span class="availability" id="carAvailability1">Просмотров: 20</span>
  54. </div>
  55. </div>
  56. <div class="car-card">
  57. <img id="carImage2" src="картинки/видеогалерея1.jpg" alt="BMW M4s">
  58. <div class="car-info">
  59. <a href="https://dzen.ru/video/watch/648b295c5a6f6a2a6566ed3a"><h2>Вебинар по облачной бухгалтерии от 09.06.2023</h2></a>
  60. <p><span id="carPrice5"><br></span></p>
  61. <span class="availability" id="carAvailability2">Просмотров: 4</span>
  62. </div>
  63. </div>
  64. <div class="car-card">
  65. <img id="carImage3" src="картинки/видеогалерея1.jpg" alt="BMW M5">
  66. <div class="car-info">
  67. <a href="https://dzen.ru/video/watch/648b295c5a6f6a2a6566ed3a"><h2>Вебинар по облачной бухгалтерии от 25.04.2023</h2></a>
  68. <p><span id="carPrice5"><br></span></p>
  69. <span class="availability" id="carAvailability3">Просмотров: 3</span>
  70. </div>
  71. </div>
  72. <div class="car-card">
  73. <img id="carImage4" src="картинки/видеогалерея1.jpg" alt="BMW M8">
  74. <div class="car-info">
  75. <a href="https://dzen.ru/video/watch/648b2206d01b0c125d734982"><h2>Вебинар по облачной бухгалтерии от 28.03.2023</h2></a>
  76. <p><span id="carPrice5"><br></span></p>
  77. <span class="availability" id="carAvailability4">Просмотров: 10</span>
  78. </div>
  79. </div>
  80. <div class="car-card">
  81. <img id="carImage5" src="картинки/видеогалерея1.jpg" alt="BMW X5">
  82. <div class="car-info">
  83. <a href="https://dzen.ru/video/watch/647deeebfbbc155f79277de9"><h2>Вебинар по СЭДО (Часть 2) от 31.05.2023</h2></a>
  84. <p><span id="carPrice5"><br></span></p>
  85. <span class="availability" id="carAvailability5">Просмотров: 98</span>
  86. </div>
  87. </div>
  88. <div class="car-card">
  89. <img id="carImage6" src="картинки/видеогалерея1.jpg" alt="BMW X6">
  90. <div class="car-info">
  91. <a href="https://dzen.ru/video/watch/647dee072ddd5a33cb9ee28d"><h2>Вебинар по СЭДО (Часть 1) от 31.05.2023</h2></a>
  92. <p><span id="carPrice5"><br></span></p>
  93. <span class="availability" id="carAvailability6">Просмотров: 196</span>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. <a href="главная.html" class="footer-link">На главную</a>
  100. <a href="видеогаллерея.html" class="scroll-to-top" id="scrollTopBtn">
  101. <img src="картинки/скроллинг.png" alt="Scroll to Top">
  102. </a>
  103. <script src="скрипты_js/скроллинг.js"></script>
  104. </body>
  105. </html>