-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
2 lines (2 loc) · 4.75 KB
/
index.html
1
2
<!DOCTYPE html><html ng-app="app"><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><title>Static site template</title><link href="app.css" rel="stylesheet" type="text/css"></head><body><div id="wrapper"><section id="catalog"><header><h1>Каталог</h1></header><div class="row"><div class="col"><div class="inner"><a href="#"><img src="images/img.png"><h3>СМИ сообщают, что в Индии был замечен новый внедорожник Chevrolet Trailblazer.</h3></a></div></div><div class="col"><div class="inner"><a href="#"><img src="images/img.png"><h3>Официальные дилеры немецкого автоконцерна "Audi" в России начали прием заказов на 5-местный хетчбэк RS 3 Sportback.</h3></a></div></div><div class="col"><div class="inner"><a href="#"><img src="images/img.png"><h3>Datsun наращивает продажи в России</h3></a></div></div><div class="col"><div class="inner"><a href="#"><img src="images/img.png"><h3>В России может появиться дизельный Hyundai ix25</h3></a></div></div><div class="col"><div class="inner"><a href="#"><img src="images/img.png"><h3>Lamborghini не хочет выпускать бюджетный спорткар за 200 000 долларов</h3></a></div></div></div></section><section id="menu"><header><h1>Меню</h1></header><nav><ul><li> <a href="#">Главная</a></li><li> <a href="#">Каталог</a><div class="super-menu"><div class="row"><img src="images/menu-img.jpg"><div class="col"><ul><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><li><a href="#">Аудиотехника</a></li></ul></div><div class="col"><ul><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><li><a href="#">Игры и приставки</a></li></ul></div></div></div></li><li> <a href="#">О компании</a></li><li> <a href="#">Контакты</a></li></ul></nav></section><section id="forma"><header><h1>Форма</h1></header><div class="wrapper"><div class="row"><div class="col"><div class="cstm-select"><span>
Ваш пол<i></i></span><select name="gender" class="cus-select"><option value="male">мужской</option><option value="female">женский</option><option value="other">другой</option></select></div></div><div class="col"><div class="cstm-radio"><input type="radio" name="radio" value="1" id="radio1"><label for="radio1"></label><input type="radio" name="radio" value="2" id="radio2"><label for="radio2"></label><input type="radio" name="radio" value="3" id="radio3" checked><label for="radio3"></label></div></div><div class="col"><div class="cstm-checkbox"><input type="checkbox" name="checkbox" value="1" id="box1"><label for="box1"></label><input type="checkbox" name="checkbox" value="2" id="box2"><label for="box2"></label><input type="checkbox" name="checkbox" value="3" id="box3" checked><label for="box3"></label></div></div><div class="col"><p class="label">Отметьте что нибудь</p></div><div class="col"><input type="button" value="Кнопка" class="button"></div></div></div></section><section id="slider"><header><h1>Слайдер</h1></header><div class="wrapper"><input type="radio" name="point" id="slide1" checked="checked"><input type="radio" name="point" id="slide2"><input type="radio" name="point" id="slide3"><input type="radio" name="point" id="slide4"><div class="headers"><a href="#">В Индии был замечен новый Chevrolet Trailblazer</a><a href="#">Datsun наращивает продажи в России</a><a href="#">Ford Kuga ожидает премиальная модификация Vignale</a><a href="#">Объем продаж Audi по всему миру вырос на 6%</a></div><div class="slider"><div class="slides slide1"></div><div class="slides slide2"></div><div class="slides slide3"></div><div class="slides slide4"></div></div><div class="controls"><label for="slide1"></label><label for="slide2"></label><label for="slide3"></label><label for="slide4"></label></div></div></section></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script src="static/jquery-custom-form-minified-v2/jquery-custom-form-v2.js"></script><script src="app.js"></script></body></html>