GorbachevVA
/
WebSite3Kurs


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./styles/null.css">
  <link rel="stylesheet" href="./styles/style_Viper.css">
  <script src="./script.js"></script>
  <title>Viper MK IV</title>
</head>

<body class="angled-gradient">
  <nav class="top_nav">
    <div class="navbar">
      <div class="navbar-logo">
        <img class="img-logo" src="./images/Delacy.webp">
      </div>
      <div class="nav-name">Viper MK IV</div>
      <ul class="navigate">
        <li class="nav-item-block"><button class="nav-item"> viper</button></li>
        <li class="nav-item-block"><button class="nav-item"> Other products</button></li>
        <li class="nav-item-block"><button class="nav-item"> Contacts</button></li>
        <li class="nav-item-block"><button class="nav-item"> About us</button></li>
      </ul>
    </div>
  </nav>

  <div class="viper_info">
    <div class="info-block">
      <img class="img-first" src="images/Viper/Viper_MK_IV_-_Profile.webp"> ipsum dolor sit amet consectetur adipisicing
      elit. A consequatur
      perspiciatis soluta dolores autem? Vel esse ex tenetur porro illo. Earum suscipit laborum voluptatibus quod
      molestias quam similique culpa dolorem.
    </div>
    <div class="grayline"></div>
    <div class="info-block">
      <img class="img-second" src="images/Viper/viper_mkiv_blackfriday_01.jpg"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus magni eligendi accusantium laborum aliquam! Nulla veritatis saepe quisquam, dolorum maxime doloribus animi optio, assumenda, dignissimos voluptatum ipsa nam architecto aperiam.
    </div>
    <div class="grayline"></div>
    <div class="info-block">
      <img class="img-first" src="images/Viper/9460-369bd94a-large.png"> Lorem, ipsum dolor sit amet consectetur
      adipisicing elit. Cumque
      non quia itaque consequuntur fugiat atque dolorum laboriosam? Non maiores rerum accusantium modi, blanditiis
      tempora, dolor eveniet voluptate dignissimos, asperiores amet. Lorem ipsum dolor sit amet consectetur adipisicing
      elit. Sunt, nemo ea vero nihil at consequatur molestias delectus rem cum minus expedita ad ipsa eius maxime!
      Praesentium quos rerum nostrum dolorem!ipsum dolor sit amet consectetur adipisicing elit. A consequatur
      perspiciatis soluta dolores autem? Vel esse ex tenetur porro illo. Earum suscipit laborum voluptatibus quod
      molestias quam similique culpa dolorem.
    </div>
    <div class="grayline"></div>
    <div class="info-block">
      <div class="videoframe">
        <iframe width="1200" height="600" src="https://www.youtube.com/embed/ueY1cW6ppsg?si=SKNIthNHrqekyiTe"></iframe>
      </div>
    </div>
  </div>

  <div class="viper_info">
    <div class="complectation">
      <div class="comp-btn">
        <input type="button" value="Midnight Black" class="black-comp" onmousedown="viewDivBlack()">
        <input type="button" value="Synth White" class="white-comp" onmousedown="viewDivWhite()">
        <input type="button" value="Cobalt" class="cobalt-comp" onmousedown="viewDivCobalt()">
      </div>
      <div id="div1"><img class="complectation-img" src="images/Viper/viper_mkiv_blackfriday_01.jpg">
        <div class="complectation-info">
          <ul class="list-comp">
            <li class="comp-info-item">Элегантный чёрный.</li>
            <li class="comp-info-item">Для важных господ.</li>
            <li class="comp-info-item">Отлично подходит к костюму.</li>
          </ul>
        </div>
      </div>
      <div id="div2"><img class="complectation-img" src="images/Viper/viper_mkiv_synth_white.jpg">
        <div class="complectation-info">
          <ul class="list-comp">
            <li class="comp-info-item">Особенный белый.</li>
            <li class="comp-info-item">Для того что бы сочетать.</li>
            <li class="comp-info-item">Красивый аксессуар и образ неповторим.</li>
          </ul>
        </div>
      </div></div>
      <div id="div3"><img class="complectation-img" src="images/Viper/viper_mkiv_tactical_blue.jpg">
        <div class="complectation-info">
          <ul class="list-comp">
            <li class="comp-info-item">Корпоративный синий.</li>
            <li class="comp-info-item">Для серьезного подхода.</li>
            <li class="comp-info-item">Вы создаёте условия, они выполняют.</li>
          </ul>
        </div>
      </div></div>
    </div>
  </div>

  <div class="other-products">
    <div class="white-space-products">
      Представляем другие варианты на продажу
    </div>
    <div class="row-products">
      <a href="main.html" class="a-products"><img class="img-products" src="images/Anaconda/first.webp"></a>
      <a href="Cobra.html" class="a-products"><img class="img-products" src="images/Cobra/cobramkiv_blackfriday_01.jpg"></a>
      <a href="Krait.html" class="a-products"><img class="img-products" src="images/Krait/krait_light_default_defaultpaintjob.jpg"></a>
    </div>
  </div>
  <div class="About">
    <div class="MKiD">
      <p>Добро пожаловать в "Маршалл, Картер и Дарк"
      </p>
      <p>
        Делаем недоступное доступным с 1808 года
      </p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
      <p>Ut porro, aliquid repellat minima neque,</p>
      iste eligendi quam quibusdam laboriosam magnam ipsam omnis impedit nostrum ipsum dolorem non totam in. Odit.</p>
    </div>

    <div class="grayline"></div>
    <div class="DeLacey">
      <p>Faulcon DeLacy</p>
      <p>
      </p>
      <p>
        Компания была основана в XXII веке как Faulcon Manspace и стала известной, выпустив оригинальный Viper, в
        последствии быстро расширилась за счет ряда приобретений, включая deLacy ShipWorks и Zorgon Peterson.<img
          class="DeLacey-logo" src="./images/Delacy.webp">
      <p> К XXXIV веку компания стала крупнейшим производителем кораблей многоцелевого назначения.</p>
      </p>
    </div>
  </div>
</body>

</html>