Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Zazor</title>
- </head>
- <body>
- <div class="wrapper">
- <header class="clearfix">
- <div class="telephone">
- <ul>
- <li>
- <div class="circle">
- <img src="img/telephone.png" alt="telephone" />
- </div>
- </li>
- <li>(044)123-45-67</li>
- <li>(044)567-89-10</li>
- </ul>
- </div>
- <div class="avtoriz">
- <ul>
- <li>
- <img src="img/avtoriz.png" alt="human" />
- </li>
- <li>
- <form class="" action="#" method="post">
- <input type="text" name="login" placeholder="логин">
- <input type="password" name="password" placeholder="пароль">
- </form>
- </li>
- <li>
- <a href="#">вход</a>
- </li>
- <li>
- <a href="#">регистрация</a>
- </li>
- <li>
- <a href="#">забыли пароль?</a>
- </li>
- </ul>
- </div>
- <nav>
- <ul>
- <li>
- <a href="#">
- <img src="img/home.png" alt="home" />
- </a>
- </li>
- <li>
- <a href="#">
- <img src="img/map.png" alt="map" />
- </a>
- </li>
- <li>
- <a href="#">
- <img src="img/letter.png" alt="letter" />
- </a>
- </li>
- </ul>
- </nav>
- </header>
- <section class="clearfix">
- <img src="img/main_pic.png" alt="main picture" />
- <menu class="clearfix">
- <ul class="menu">
- <li>
- <a href="#"></a>
- </li>
- <li>
- <a href="#"></a>
- </li>
- <li>
- <a href="#"></a>
- </li>
- <li>
- <a href="#"></a>
- </li>
- <li>
- <a href="#"></a>
- </li>
- </ul>
- <ul class="korzina">
- <li>
- <img src="img/korzina.png" alt="korzina" />
- </li>
- <li>товаров:</li>
- <li>0</li>
- <li>на сумму:</li>
- <li>0,00 грн.</li>
- </ul>
- </menu>
- <div class="select">
- <aside class="find_auto">
- <div class="labels">
- <h3>Диски:</h3>
- <h1>Поиск по автомобилю</h1>
- <h3>Шины:</h3>
- </div>
- <div class="disk">
- <form class="po_avto" action="#" method="post">
- <div class="marka">
- <label for="marka">Марка
- <span>авто:</span>
- </label>
- <select class="marka" name="">
- <option value="marka"></option>
- </select>
- </div>
- <div class="model">
- <label for="model">Модель
- <span>автомобиля:</span>
- </label>
- <select class="model" name="">
- <option value="model"></option>
- </select>
- </div>
- <div class="year">
- <label for="year">Год выпуска
- <span>автомобиля:</span>
- </label>
- <select class="year" name="">
- <option value="year"></option>
- </select>
- </div>
- <div class="komplekt">
- <label for="komplekt">Комплектация:</label>
- <select class="komplekt" name="">
- <option value="komplekt"></option>
- </select>
- </div>
- </form>
- </div>
- <div class="shiny">
- <form class="po_avto" action="#" method="post">
- <div class="marka">
- <label for="marka">Марка
- <span>авто:</span>
- </label>
- <select class="marka" name="">
- <option value="marka"></option>
- </select>
- </div>
- <div class="model">
- <label for="model">Модель
- <span>автомобиля:</span>
- </label>
- <select class="model" name="">
- <option value="model"></option>
- </select>
- </div>
- <div class="year">
- <label for="year">Год выпуска
- <span>автомобиля:</span>
- </label>
- <select class="year" name="">
- <option value="year"></option>
- </select>
- </div>
- <div class="komplekt">
- <label for="komplekt">Комплектация:</label>
- <select class="komplekt" name="">
- <option value="komplekt"></option>
- </select>
- </div>
- </form>
- </div>
- <a href="#" class="select__link">поиск...</a>
- </aside>
- <aside class="find_tires">
- <h1>поиск шин</h1>
- <form class="poisk_shin" action="index.html" method="post">
- <div class="size">
- <label for="size">Размер:</label>
- <select class="size" name="">
- <option value="size">145</option>
- </select>
- <span>/</span>
- <select class="size" name="">
- <option value="size"></option>
- </select>
- </div>
- <div class="radius">
- <label for="radius">R</label>
- <select class="radius" name="">
- <option value="radius">12</option>
- </select>
- </div>
- <div class="sezon">
- <label for="sezon">Сезон:</label>
- <div class="sezon_type">
- <div class="leto">
- <input type="checkbox" name="" id="sezon">
- <label for="leto">лето</label>
- </div>
- <div class="zima">
- <input type="checkbox" name="" id="sezon">
- <label for="zima">зима</label>
- </div>
- <div class="vsesez">
- <input type="checkbox" name="" id="sezon">
- <label for="vsesez">всесез</label>
- </div>
- </div>
- </div>
- </form>
- <a href="#" class="select__link">поиск...</a>
- </aside>
- <aside class="find_disk">
- <div class="left">
- <h1>поиск дисков</h1>
- <form class="disk_poisk" action="index.html" method="post">
- <div class="diametr_d">
- <label for="diametr_d">Диаметр
- <span>диска:</span>
- </label>
- <select class="diametr_d" name="">
- <option value="diametr_d">14</option>
- </select>
- </div>
- <div class="kol_ot">
- <label for="kol_ot">Количество
- <span>крепёжных отверстий: </span>
- </label>
- <select class="kol_ot" name="">
- <option value="kol_ot">3</option>
- </select>
- </div>
- <div class="diam_krep">
- <label for="diam_krep">Диаметр
- <span>расположения крепёжных отверстий: </span>
- </label>
- <select class="diam_krep" name="">
- <option value="diam_krep">12</option>
- </select>
- </div>
- </form>
- </div>
- <div class="right">
- <form class="dop_opt" action="index.html" method="post">
- <div class="dzo">
- <label for="dzo">ДЦО
- <span>(диаметр центрального отверстия):</span>
- </label>
- <select class="dzo" name="">
- <option value="dzo">12</option>
- </select>
- </div>
- <div class="et">
- <label for="et">ET
- <span>(вылет диска):</span>
- </label>
- <select class="et" name="">
- <option value="et">12</option>
- </select>
- </div>
- </form>
- </div>
- <a href="#" class="select__link">поиск...</a>
- </aside>
- </div>
- </section>
- <main class="clearfix">
- <div class="catalog">
- <figcaption class="main_capt1">
- <img src="img/copy.png" alt="copy sign" />
- <span>каталог продукции:</span>
- </figcaption>
- <figcaption class="next_capt">
- <img src="img/mark.png" alt="mark sign" />
- <span>шины</span>
- </figcaption>
- <ul>
- <li>
- <a href="#">Наименование 1</a>
- </li>
- <li>
- <a href="#">Наименование 2</a>
- </li>
- <li>
- <a href="#">Наименование 3</a>
- </li>
- <li>
- <a href="#">Наименование 4</a>
- </li>
- </ul>
- <figcaption class="next_capt">
- <img src="img/mark.png" alt="mark sign" />
- <span>диски</span>
- </figcaption>
- <ul>
- <li>
- <a href="#">Наименование 1</a>
- </li>
- <li>
- <a href="#">Наименование 2</a>
- </li>
- <li>
- <a href="#">Наименование 3</a>
- </li>
- <li>
- <a href="#">Наименование 4</a>
- </li>
- </ul>
- <figcaption class="next_capt">
- <img src="img/mark.png" alt="mark sign" />
- <span>болты</span>
- </figcaption>
- <ul>
- <li>
- <a href="#">Наименование 1</a>
- </li>
- <li>
- <a href="#">Наименование 2</a>
- </li>
- <li>
- <a href="#">Наименование 3</a>
- </li>
- <li>
- <a href="#">Наименование 4</a>
- </li>
- </ul>
- </div>
- <article class="tovary clearfix">
- <div class="line">
- <a href="#" class="tovar">
- <h4>Goodyear</h4>
- <p>Ultra Grip Extreme</p>
- <figure>
- <img src="img/pic1.png" alt="pic1">
- </figure>
- <p>90.00 грн</p>
- </a>
- <a href="#" class="tovar">
- <h4>Nokian</h4>
- <p>Hakkapeliitta R</p>
- <figure>
- <img src="img/pic2.png" alt="pic2">
- </figure>
- <p>115.00 грн</p>
- </a>
- <a href="#" class="tovar">
- <h4>Hankook</h4>
- <p class="move">K 708 155/65 R14</p>
- <figure>
- <img src="img/pic3.png" alt="pic3">
- </figure>
- <p>393.00 грн</p>
- </a>
- </div>
- <div class="line">
- <a href="#" class="tovar">
- <h4>Goodyear</h4>
- <p>Ultra Grip Extreme</p>
- <figure>
- <img src="img/pic1.png" alt="pic1">
- </figure>
- <p>90.00 грн</p>
- </a>
- <a href="#" class="tovar">
- <h4>Nokian</h4>
- <p>Hakkapeliitta R</p>
- <figure>
- <img src="img/pic2.png" alt="pic2">
- </figure>
- <p>115.00 грн</p>
- </a>
- <a href="#" class="tovar">
- <h4>Hankook</h4>
- <p class="move">K 708 155/65 R14</p>
- <figure>
- <img src="img/pic3.png" alt="pic3">
- </figure>
- <p>393.00 грн</p>
- </a>
- </div>
- <div class="line">
- <a href="#" class="tovar">
- <h4>Goodyear</h4>
- <p>Ultra Grip Extreme</p>
- <figure>
- <img src="img/pic1.png" alt="pic1">
- </figure>
- <p>90.00 грн</p>
- </a>
- <a href="#" class="tovar">
- <h4>Nokian</h4>
- <p>Hakkapeliitta R</p>
- <figure>
- <img src="img/pic2.png" alt="pic2">
- </figure>
- <p>115.00 грн</p>
- </a>
- <a href="#" class="tovar">
- <h4>Hankook</h4>
- <p class="move">K 708 155/65 R14</p>
- <figure>
- <img src="img/pic3.png" alt="pic3">
- </figure>
- <p>393.00 грн</p>
- </a>
- </div>
- </article>
- <div class="brend">
- <figcaption class="main_capt2">
- <img src="img/copy.png" alt="copy sign" />
- <span>бренды:</span>
- </figcaption>
- <figcaption class="sec_capt">
- <img src="img/mark.png" alt="mark sign" />
- <span>шины</span>
- </figcaption>
- <form class="shiny" action="#" method="post">
- <div>
- <input type="checkbox" id="brend">
- <label for="brend">Бренд 1</label>
- </div>
- <div>
- <input type="checkbox" id="brend">
- <label for="brend">Бренд 2</label>
- </div>
- <div>
- <input type="checkbox" id="brend">
- <label for="brend">Бренд 3</label>
- </div>
- </form>
- <figcaption class="sec_capt">
- <img class="to_move" src="img/mark.png" alt="mark sign" />
- <span>диски</span>
- </figcaption>
- <form class="disk" action="#" method="post">
- <div>
- <input type="checkbox" id="brend">
- <label for="brend">Бренд 1</label>
- </div>
- <div>
- <input type="checkbox" id="brend">
- <label for="brend">Бренд 2</label>
- </div>
- <div>
- <input type="checkbox" id="brend">
- <label for="brend">Бренд 3</label>
- </div>
- <div>
- <button type="submit">выбрать</button>
- </div>
- </form>
- </div>
- </main>
- <figure class="logos clearfix">
- <img src="img/logo.png" alt="logos" />
- </figure>
- <footer>
- <div class="nav">
- <ul>
- <li>
- <a href="http://locksmithstouffvilleon.com/">Locksmith Stouffville </a>
- </li>
- <li>
- <a href="http://locksmithstouffvilleon.com/">Locksmith Stouffville </a>
- </li>
- <li>
- <a href="http://locksmithstouffvilleon.com/">Locksmith Stouffville </a>
- </li>
- <li>
- <a href="http://locksmithstouffvilleon.com/">Locksmith Stouffville </a>
- </li>
- </ul>
- </div>
- <p>Создание сайта © Global Vision
- </p>
- </footer>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement