PP_Ljibivaya_Gazizov
/
Project


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
							<!DOCTYPE html>
<html>
<head>
  <title>Видеогалерея</title>
  <link rel="stylesheet" href="стили/видеогалерея.css"> 
</head>
<body>
  <div class="big_con">
    <div class="shapka">
      <header>
        <div class="logo">
          <p class="p16" style="margin-left: 30px; margin-right: 30px;"> Государственное автономное учреждение Нижегородской области  <br/>
               «Центр координации проектов цифровой экономики»</p>
        </div>
        <button class="opacity">
          <p class="p14">РАЗДЕЛЫ</p>
          <div class="arrow">
            <svg width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg">
              <g clip-path="url(#clip0_1967_8102)">
                <path d="M1 19L10.5 10L1 1" stroke="white" stroke-width="2" />
              </g>
              <defs>
                <clipPath id="clip0_1967_8102">
                  <rect width="12" height="20" fill="white" />
                </clipPath>
              </defs>
            </svg>
          </div>
          <div class="dropdown">
              <a href="авторизация.html">Авторизация</a>
              <a href="сотрудники.html">Сотрудники</a>
              <a href="структура.html">Структура</a>
              <a href="обращения.html">Обращения</a>
              <a href="контакты.html">Контакты</a>
              <a href="отзывы.html">Отчеты</a>
              <a href="документы.html">Документы</a>
              <a href="видеогаллерея.html">Видеогалерея</a>
          </div>
        </button>
        <a href="авторизация.html" ><img src="картинки/user.png" style="margin-right: 30px;"></a>
      </header>
    </div>
</div>
      <div class="container">
        <div class="content">
          <h1>Видеогалерея</h1>
            <div class="car-cards">
                <div class="car-card">
                    <img id="carImage1" src="картинки/видеогалерея1.jpg" alt="BMW 4-Series">
                    <div class="car-info">
                        <a href="https://dzen.ru/video/watch/648b2b9a0c2c96498a91e95a"><h2>Вебинар по облачной бухгалтерии от 02.06.2023</h2></a>
                        <p><span id="carPrice5"><br></span></p>
                        <span class="availability" id="carAvailability1">Просмотров: 20</span> 
                    </div>
                </div>
                <div class="car-card">
                    <img id="carImage2" src="картинки/видеогалерея1.jpg" alt="BMW M4s">
                    <div class="car-info">
                        <a href="https://dzen.ru/video/watch/648b295c5a6f6a2a6566ed3a"><h2>Вебинар по облачной бухгалтерии от 09.06.2023</h2></a>
                        <p><span id="carPrice5"><br></span></p>
                        <span class="availability" id="carAvailability2">Просмотров: 4</span> 
                    </div>
                </div>
                <div class="car-card">
                    <img id="carImage3" src="картинки/видеогалерея1.jpg"  alt="BMW M5">
                    <div class="car-info">
                        <a href="https://dzen.ru/video/watch/648b295c5a6f6a2a6566ed3a"><h2>Вебинар по облачной бухгалтерии от 25.04.2023</h2></a>
                        <p><span id="carPrice5"><br></span></p>
                        <span class="availability" id="carAvailability3">Просмотров: 3</span> 
                    </div>
                </div>
                <div class="car-card">
                    <img id="carImage4" src="картинки/видеогалерея1.jpg" alt="BMW M8">
                    <div class="car-info">
                        <a href="https://dzen.ru/video/watch/648b2206d01b0c125d734982"><h2>Вебинар по облачной бухгалтерии от 28.03.2023</h2></a>
                        <p><span id="carPrice5"><br></span></p>
                        <span class="availability" id="carAvailability4">Просмотров: 10</span> 
                    </div>
                </div>
                <div class="car-card">
                    <img id="carImage5" src="картинки/видеогалерея1.jpg" alt="BMW X5">
                    <div class="car-info">
                        <a href="https://dzen.ru/video/watch/647deeebfbbc155f79277de9"><h2>Вебинар по СЭДО (Часть 2) от 31.05.2023</h2></a>
                        <p><span id="carPrice5"><br></span></p>
                        <span class="availability" id="carAvailability5">Просмотров: 98</span> 
                    </div>
                </div>
                <div class="car-card">
                    <img id="carImage6" src="картинки/видеогалерея1.jpg" alt="BMW X6">
                    <div class="car-info">
                        <a href="https://dzen.ru/video/watch/647dee072ddd5a33cb9ee28d"><h2>Вебинар по СЭДО (Часть 1) от 31.05.2023</h2></a>
                        <p><span id="carPrice5"><br></span></p>
                        <span class="availability" id="carAvailability6">Просмотров: 196</span> 
                    </div>
                </div>
            </div>
        </div>
      </div>
      <a href="главная.html" class="footer-link">На главную</a> 
      <a href="видеогаллерея.html" class="scroll-to-top" id="scrollTopBtn"> 
        <img src="картинки/скроллинг.png" alt="Scroll to Top"> 
      </a> 
      <script src="скрипты_js/скроллинг.js"></script>
</body>
</html>