GorbachevVA
/
WebSite3Kurs


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
							<!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_Cobra.css">
  <script src="./script.js"></script>
  <title>Cobra</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">Cobra</div>
      <ul class="navigate">
        <li class="nav-item-block"><button class="nav-item"> Cobra</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/Cobra/_ _Cobra_MK_IV.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/Cobra/Cobra_Mk_IV-blueprint.webp"> Монструозный размер корабля в 152.4
      метра в длину является не только самым большим летательным средством,
      но и позволяет перевозить грузы в общей сложности на 470 тонн.
    </div>
    <div class="grayline"></div>
    <div class="info-block">
      <img class="img-first" src="images/Cobra/Cobra_MK_IV.webp"> 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/WN_V5LxQ9jQ?si=0MtQfAeZpNG2B_xw"></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="Gradient Rose" class="white-comp" onmousedown="viewDivWhite()">
        <input type="button" value="Horizons Lunar" class="cobalt-comp" onmousedown="viewDivCobalt()">
      </div>
      <div id="div1"><img class="complectation-img" src="images/Cobra/cobramkiv_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/Cobra/cobramkiv_gradient2_04.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">Поставьте 5 пожалуйста.</li>
          </ul>
        </div>
      </div></div>
      <div id="div3"><img class="complectation-img" src="images/Cobra/cobramkiv_horizons_lunar.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="Viper.html" class="a-products"><img class="img-products" src="images/Viper/Viper_MK_IV_-_Profile.webp"></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>