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_Krait.css">
  <script src="./script.js"></script>
  <title>Krait Phantom</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">Krait</div>
      <ul class="navigate">
        <li class="nav-item-block"><button class="nav-item"> Krait</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="krait_info">
    <div class="info-block">
      <img class="img-first" src="images/Krait/Krait-Phantom-in-Station-Docked.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/Krait/Krait-Phantom-Bottom-Rear.webp"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque perspiciatis incidunt ipsa esse cum ab, doloremque dignissimos. Quo, quae aperiam nam, temporibus, eveniet fuga eligendi cum rerum atque asperiores amet?
    </div>
    <div class="grayline"></div>
    <div class="info-block">
      <img class="img-first" src="images/Krait/Krait-Phantom-Top-Rear-view.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/66w7kWrMJuk?si=XPk_xgCLyOzUipPh"></iframe>
      </div>
    </div>
  </div>

  <div class="krait_info">
    <div class="complectation">
      <div class="comp-btn">
        <input type="button" value="Light Default" class="black-comp" onmousedown="viewDivBlack()">
        <input type="button" value="Predator Rose" class="white-comp" onmousedown="viewDivWhite()">
        <input type="button" value="Precision Grey" class="cobalt-comp" onmousedown="viewDivCobalt()">
      </div>
      <div id="div1"><img class="complectation-img" src="./images/krait/krait_light_default_defaultpaintjob.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/krait/krait_light_gradient2_crimson.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/krait/krait_light_trims_greygreen.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="Viper.html" class="a-products"><img class="img-products" src="images/Viper/Viper_MK_IV_-_Profile.webp"></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 и стала известной, выпустив оригинальный krait, в
        последствии быстро расширилась за счет ряда приобретений, включая deLacy ShipWorks и Zorgon Peterson.<img
          class="DeLacey-logo" src="./images/Delacy.webp">
      <p> К XXXIV веку компания стала крупнейшим производителем кораблей многоцелевого назначения.</p>
      </p>
    </div>
  </div>
</body>

</html>