Files
AtomicOld/design/atomic/index.html
2026-02-15 18:29:53 +03:00

214 lines
11 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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">Магазин в АЦ &quot;Маршал&quot;</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>