<!DOCTYPE html>
<html>
<head>
<base href="http://youran88.hol.es/" />
<meta charset="utf-8">
<title>Белый ключ</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/jquery.bxslider.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="js/scroll.js"></script>
<script src="js/jquery.roundabout.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script src="js/bootstrap.js"></script>
<style type="text/css">
.slider4 .slide {
transform: scale(.8);
transition: all 1.2s;
}
.slider4 .slide.big {
transform: scale(1.2);
}
</style>
<script>
$(document).ready(function(){
$('.slider4').bxSlider({
pager:false,
slideWidth: 215,
minSlides: 2,
maxSlides: 3,
moveSlides: 1,
slideMargin: 10,
onSlideAfter : function($slideElement, oldIndex, newIndex){
$(".slider4 .slide").removeClass("big").eq(4+newIndex).addClass("big")
}
}).find(".slide").eq(4).addClass("big");
})
</script>
<script>
$(document).ready(function(){
$('.slider').roundabout({
btnNext: ".next"
});
});
</script>
<script>
$(document).ready(function(){
$(window).resize(function(){
if($(window).width() < '992'){
$('.contacts').insertAfter('.social');
}
else{
$('.contacts').insertBefore('.social');
}
});
});
</script>
</head>
<body>
<div id="top" class="topmenu">
<nav role="navigation" class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
</div>
<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="link"><a href="#top">Главная</a></li>
<li class="link"><a href="#about">О компании</a></li>
<li class="link"><a href="#news">Новости</a></li>
<li class="link"><a href="#shop">Магазин</a></li>
<li class="link"><a href="#press">Пресс-центр</a></li>
<li class="link"><a href="#contacts">Контакты</a></li>
</ul>
</div>
<div class="tel"><img src="img/phone.png" alt="">
<div class="mail"><a href="mailto:corpmail@voda64.ru">corpmail@voda64.ru</a></div>
<div class="phone">+7(8452) 754-254</div>
</div>
</div>
</nav>
</div>
<div class="banner">
<div class="container">
<div class="row">
<div class="logo"><a href="#"><img src="img/white_key.png" alt=""></a></div>
<div class="slogan">
Белый ключ - вода для всей семьи<br/>
Лучшая минеральная вода<br/>
В Саратове, которая отлично <br/>
утоляет жажду!
</div>
<div class="slogan-bottom"><img src="img/ballon.png" alt="">
<p>Вода для <br><span>активной <br></span>жизни!</p>
</div>
<div class="form">
<div class="name">
Подпишись и<br/>
попробуй
</div>
</div>
<form action="" name="subscribe">
<input type="text" name="name" placeholder="Введите ваше имя">
<input type="phone" name="phone" placeholder="Ваш телефон">
</form>
<input type="submit" name="send" value="ОТПРАВИТЬ ЗАЯВКУ">
</div>
<div class="lines"></div>
<div class="girl"></div>
</div>
</div>
<div class="we">
<div class="container">
<div class="row">
<h2 class="col-lg-10 col-lg-offset-0 col-md-5 col-md-offset-4">Мы в торговых сетях:</h2>
</div>
<div class="row">
<div class="trade_networks">
<div><a href="#"><img src="img/magnit.png" alt=""></a></div>
<div><a href="#"><img src="img/lenta.png" alt=""></a></div>
<div><a href="#"><img src="img/real.png" alt=""></a></div>
<div><a href="#"><img src="img/glozd.png" alt=""></a></div>
<div><a href="#"><img src="img/okey.png" alt=""></a></div>
<div><a href="#"><img src="img/five.png" alt=""></a></div>
<div><a href="#"><img src="img/perekrestok.png" alt=""></a></div>
<div><a href="#"><img src="img/metro.png" alt=""></a></div>
<div><a href="#"><img src="img/ashan.png" alt=""></a></div>
</div>
</div>
</div>
</div>
<div class="about">
<div class="head">
<div class="container">
<div id="about" class="about_company row">
<div class="col-lg-2">О компании</div>
</div>
</div>
</div>
<div class="center">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
Компания "Белый ключ" основана в 2003 году.<br/><br/>
За это время компания заняла лидирующие позиции в производстве и продажах питьевой воды в
<br/>Саратовском регионе и заслужила уважение и доверие клиентов.<br/><br/>
Продукция компании - артезианская питьевая вода первой категории.<br/><br/>
Выпускается в бутылках ПЭТ емкостью: 0,5л; 1,5л; 5л; 18,9л<br/>
Качество воды соответствует требованиям ГОСТ32220-2013<br/><br/>
Производственная база компании находится на территории заповедника "Заячьи ушки", в экологически чистом районе Саратовской области, в с.Усовка Воскресенского района.<br/>
Артезианская вода добывается с глубины 120 метров, полностью защищена от попадания
загрязненных<br/> поверхностных вод, проходит естесственный известняковый фильтр,
постепенно обогащаясь <br/> солями и микроэлементами.
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
В качестве источника используется мощный водяной пласт со<br/>
стабильным, на протяжении веков, параметрами вкуса и <br/> качества.<br/><br/>
Вода бутилированная "Белый Ключ" всегда исключительно<br/> свежая и чистая<br/><br/>
Сохранить уникальный состав и великолепный вкус воды "Белый<br/> Ключ" позволяет
ультрасовременное оборудование,<br/>
соответствующее европейским стандартам.<br/><br/>
На заводе имеется аттестационная лаборатория, сотрудники<br/>
которой проверяют качество воды "Белый Ключ" в каждой <br/>
партии, на каждую партию воды предоставляется качественное<br/>
удостоверение.
</div>
</div>
</div>
</div>
</div>
<div id="shop" class="inet-shop">
<div class="head">
<div class="container">
<div class="our_production row">
<div class="col-lg-6 col-xs-12">Интернет магазин нашей продукции</div>
</div>
</div>
</div>
<div class="center">
<div class="container">
<div class="slider">
<div class="slider4">
<div class="slide"><img src="img/slide1.png" alt="s1">
<div class="name">Негазированная вода</div>
<div class="liters">19л (многоразовая)</div>
<div class="price">220 р</div>
<button>в корзину</button>
</div>
<div class="slide"><img src="img/slide2.png" alt="s2">
<div class="name">Негазированная вода</div>
<div class="liters">19л (многоразовая)</div>
<div class="price">220 р</div>
<button>в корзину</button>
</div>
<div class="slide"><img src="img/slide3.png" alt="s3">
<div class="name">Негазированная вода</div>
<div class="liters">19л (многоразовая)</div>
<div class="price">220 р</div>
<button>в корзину</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="partners">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 honors">
<p>Награды</p>
<div class="best"></div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 saratov">
<p>Участник проекта</p>
<div class="uch"></div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 victory">
<p>С нами побеждают</p>
<div class="autodor"></div>
<div class="sokol"></div>
</div>
</div>
</div>
</div>
<div class="subscribe">
<div class="container">
<div class="row">
<div class="text col-lg-4 col-lg-offset-1 col-md-4 col-sm-6 col-sm-offset-0">Подпишись и <br/> попробуй!</div>
<div class="col-lg-7 col-md-7 col-sm-6 col-xs-12">
<form action="" name="subscribe">
<input type="text" name="name" placeholder="Введите ваше имя:">
<input type="text" name="phone" placeholder="Ваш телефон:">
<input type="submit" name="send" value="Отправить заявку">
</form>
</div>
</div>
</div>
</div>
<div id="news" class="news">
<div class="head">
<div class="container">
<div class="block_news row">
<div class="col-lg-2">Новости</div>
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="block_1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="photo"></div>
<div class="date">05.09.2016</div>
<div class="name"><a href="#">
Белый ключ - лауреат конкурса<br/>
"Лучший продукт 2016"</a></div>
<div class="description">
Белый ключ - лауреат премии "Лучший продукт<br/> 2016"
и победитель номинации "Саратовская <br/>" марка Качества
</div>
</div>
<div class="block_2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="photo"></div>
<div class="date">05.09.2016</div>
<div class="name"><a href="#">
Белый ключ - лауреат конкурса<br/>
"Лучший продукт 2016"</a></div>
<div class="description">
Белый ключ - лауреат премии "Лучший продукт<br/> 2016"
и победитель номинации "Саратовская <br/>" марка Качества
</div>
</div>
<div class="block_3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="photo"></div>
<div class="date">05.09.2016</div>
<div class="name"><a href="#">
Белый ключ - лауреат конкурса<br/>
"Лучший продукт 2016"</a></div>
<div class="description">
Белый ключ - лауреат премии "Лучший продукт<br/> 2016"
и победитель номинации "Саратовская <br/>" марка Качества
</div>
</div>
<div class="archive"><a href="#">архив новостей</a></div>
</div>
</div>
<div class="lines"></div>
</div>
</div>
<footer id="contacts">
<div class="container">
<div class="row">
<div class="contacts col-lg-5 col-md-5 col-sm-7 col-xs-10 col-xs-offset-2"><a href="#">Создание сайта</a>- ООО "Универсальные технологии"<br/><a href="#">Дизайн сайта</a>- NSVision <br/>
2016 ООО "ПКФ Белый Ключ - М"
</div>
<div class="social col-lg-4 col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-2 col-xs-10 col-xs-offset-0">
<div class="ok"></div>
<div class="inst"></div>
<div class="vk"></div>
</div>
</div>
</div>
</footer>
</body>
</html>
// Code goes here
/* Styles go here */