add public design files
This commit is contained in:
Alan
213
design/atomic/index.html
Normal file
213
design/atomic/index.html
Normal file
@@ -0,0 +1,213 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
|
||||
<title>Товары для тюнинга автомобильной оптики в интернет-магазине CarHeart | Санкт-Петербург</title>
|
||||
<meta name="description" content="Продажа и установка запчастей для внешнего тюнинга автомобильной оптики в интернет-магазине CarHeart в Санкт-Петербурге." />
|
||||
<meta name="keywords" content="Ангельские глазки, биксенон , биксеноновые линзы g5, дневные ходовые огни штатные, значки с подсветкой, линзы в фары, линзы с ангельскими глазками, накладки на пороги с подсветкой, подсветка днища, проекция логотипа, светодиодная лента для авто, автолампы, задние фонари, светодиоды в фары, тюнинг передних фар" />
|
||||
<link rel="apple-touch-icon" href="/favicon.png">
|
||||
<link rel="icon" href="/favicon.png">
|
||||
<meta name="msapplication-TileColor" content="#FFFFFF">
|
||||
<meta name="msapplication-TileImage" content="/favicon.png">
|
||||
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="http://maxcdn.bootstrapcdn.com/bootswatch/3.2.0/cyborg/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:700&subset=cyrillic" rel="stylesheet" type="text/css">
|
||||
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
||||
<link href="/twentytwenty-master/css/foundation.css" rel="stylesheet" type="text/css" />
|
||||
<link href="/twentytwenty-master/css/twentytwenty.css" rel="stylesheet" type="text/css" />
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="js/slides.min.js" type="text/javascript"></script>
|
||||
<script src="http://vk.com/js/api/openapi.js?115" type="text/javascript"></script>
|
||||
<!--[if IE]>
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container wrapper">
|
||||
<header>
|
||||
<div class="row">
|
||||
<div class="col-xs-3"> <a href="/" class="logo"><img src="images/logo.png" width="213" height="103" alt="CarHeart"/></a> </div>
|
||||
<div class="col-xs-4">
|
||||
<div class="top-text1">ВИЗУАЛЬНЫЙ ТЮНИНГ АВТО</div>
|
||||
<div class="top-text2">биксеноновые линзы, светодиодные фонари,
|
||||
диодные автолампы, ходовые огни,
|
||||
ангельские глазки</div>
|
||||
</div>
|
||||
<div class="col-xs-3">
|
||||
<div class="cart">
|
||||
<div class="cart-links"><a href="#">вход</a> | <a href="#">регистрация</a></div>
|
||||
<div class="cart-info">
|
||||
<div class="amount">товаров: 0 шт</div>
|
||||
<div class="total">на сумму: 0 руб</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<div class="city">Санкт-Петербург</div>
|
||||
<div class="phone">+7 (921) 961-29-25</div>
|
||||
<div class="link"><a href="#">обратный звонок</a></div>
|
||||
<div class="link"><a href="#">наши магазины</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="navbar navbar-default">
|
||||
<ul class="nav navbar-nav">
|
||||
<li class="active"><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>
|
||||
<li><a href="#">контакты</a></li>
|
||||
</ul>
|
||||
<div class="navbar-right">
|
||||
<form>
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-danger" type="button"><span class="glyphicon glyphicon-search"></span></button>
|
||||
</span> </div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-3">
|
||||
<div class="panel panel-danger">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Каталог</h3>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<ul class="v-menu">
|
||||
<li class="active"><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>
|
||||
<li><a href="#">Ксенон и Биксенон</a></li>
|
||||
<li><a href="#">Подсветка салона и кузова автомобиля</a></li>
|
||||
<li><a href="#">Дополнительное оборудование</a></li>
|
||||
<li><a href="#">Галогеновые лампы</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-set">
|
||||
<p><a href="#" class="btn btn-danger btn-lg btn-block">товары по маркам <span class="b1"></span></a></p>
|
||||
<p><a href="#" class="btn btn-danger btn-lg btn-block">подбор автоламп <span class="b2"></span></a></p>
|
||||
<p><a href="#" class="btn btn-danger btn-lg btn-block">акции и скидки <span class="b3"></span></a></p>
|
||||
</div>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Новости</h3>
|
||||
</div>
|
||||
<div class="panel-body"> [ тут вывод новостей ] </div>
|
||||
</div>
|
||||
<div class="vk">
|
||||
<!-- VK Widget -->
|
||||
<div id="vk_groups"></div>
|
||||
<script type="text/javascript">
|
||||
VK.Widgets.Group("vk_groups", {mode: 0, width: "215", height: "400", color1: 'FFFFFF', color2: '2a9fd6', color3: '2a9fd6'}, 60705350);
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-9">
|
||||
<div id="slides">
|
||||
<div class="slides_container">
|
||||
<div style="background: rgba(255, 255, 255, 0.1) url(images/s1.png) no-repeat right center;">
|
||||
<span class="title">Добро пожаловать в магазин CarHeart. ru!</span>
|
||||
<p>Основное направление нашей деятельности — тюнинг автомобильной оптики любой сложности.</p>
|
||||
</div>
|
||||
<div style="background: rgba(255, 255, 255, 0.1) url(images/s2.png) no-repeat right center;">
|
||||
<span class="title">Реализация ваших идей!</span>
|
||||
<p>Индивидуальный подход к каждому клиенту и широкий ассортимент предлагаемой продукции позволит разработать эксклюзивный проект для вашего автомобиля и реализовать любую Вашу идею.</p>
|
||||
</div>
|
||||
<div style="background: rgba(255, 255, 255, 0.1) url(images/s3.png) no-repeat right center;">
|
||||
<span class="title">Запчасти в наличии и под заказ!</span>
|
||||
<p>Интересующего Вас товара нет на сайте? Не беда — привезем под заказ! Находитесь в другом городе? Нам часто присылают детали на переделку. Мы любим свою работу и знаем, что хорошее отношение зачастую важнее денег.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- content -->
|
||||
|
||||
<!-- /content -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="push"></div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<div class="title">Центральный офис</div>
|
||||
<p> г. Санкт-Петербург, ул. Новороссийская д. 26, к. 3 <br>
|
||||
Режим работы: пн-вс 11:00-20:00<br>
|
||||
<a href="#">карта проезда</a></p>
|
||||
<div class="title">Магазин в АЦ "Маршал"</div>
|
||||
<p> г. Санкт-Петербург, пр. Северный д. 7, секция 41 <br>
|
||||
Режим работы: пн-вс 11:00-20:00<br>
|
||||
<a href="#">карта проезда</a></p>
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<div class="title">Информация</div>
|
||||
<p><a href="#">Адреса магазинов</a><br>
|
||||
<a href="#">Способы доставки</a><br>
|
||||
<a href="#">Способы оплаты</a><br>
|
||||
<a href="#">Гарантия и возврат товара</a><br>
|
||||
<a href="#">Наши реквизиты</a></p>
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<div class="title">Служба поддержки</div>
|
||||
<p><a href="#">Связаться с нами</a><br>
|
||||
<a href="#">Возврат товара</a></p>
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<div class="title">Личный кабинет</a></div>
|
||||
<p><a href="#">Личный Кабинет</a><br>
|
||||
<a href="#">История заказов</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-6"><a href="http://www.drive2.ru/users/carheart/" target="_blank"><img src="http://atomicgarage.1gb.ru/design/sport01_1/images/drive2.png"></a></div>
|
||||
<div class="col-xs-6 up20">
|
||||
<div class="title w"><span class="glyphicon glyphicon-credit-card"></span> Варианты оплаты</div>
|
||||
<img src="images/payment.png" style="width:100%" alt=""/></div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-8"></div>
|
||||
<div class="col-xs-4">
|
||||
<div class="copyright">Copyright <span class="ch">CarHeart</span> - Тюнинг Автомобильной оптики</div>
|
||||
<div class="eto-design">Cоздание и продвижение сайта: <a href="#">студия это дизайн</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script type="text/javascript">
|
||||
$('.copyright .ch').after(" " + (new Date).getFullYear());
|
||||
$(function(){
|
||||
$('#slides').slides({
|
||||
preload: true,
|
||||
preloadImage: 'images/loading.gif',
|
||||
play: 5000,
|
||||
pause: 2500,
|
||||
hoverPause: true
|
||||
});
|
||||
$('#slides .pagination').addClass('pagination-sm');
|
||||
});
|
||||
</script>
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.2.1.js"
|
||||
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="/twentytwenty-master/js/jquery.event.move.js"></script>
|
||||
<script src="/twentytwenty-master/js/jquery.twentytwenty.js"></script>
|
||||
<script>
|
||||
$(function(){
|
||||
$(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.7});
|
||||
$(".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct: 0.3, orientation: 'vertical'});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user