<!DOCTYPE html>
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta charset="utf-8"/>
<title>Документ без названия</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="lib/js/PIE.js"></script><![endif]-->
<script type="text/javascript" src="lib/js/jcarousellite_1.0.1.pack.js"></script>
<script type="text/javascript" src="js/lambi.js"></script>
</head>
<body>
<div class="wrapper">
<div class="content-wrapper">
<div class="content">
<div class="container-for-image-on-front">
<img src="images/lambi-paper.png" alt=""/>
<div class="container-for-image-on-front-description">
<ul>
<li><span>Cкоро в продаже!</span><br/>Lambi выходит<br/>на новый уровень<br/>мягкости!</li>
<li><span>Обновленное качество:</span><br/>новый рисунок <br/>тиснения.</li>
<li>Теперь бумага<br/>еще нежнее и мягче!</li>
</ul>
</div>
</div>
<div class="container-description-1">
<h1 class="headline">Выбирай мягкость!</h1>
<p>Сюрпризы полагаются каждому покупателю Lambi: регистрируйте секретные <br/>коды, копите баллы и выбирайте мягкие подарки для вашего уюта! <br/>Наведите курсор на активные предметы интерьера и узнайте, сколько баллов нужно <br/>для их получения!</p>
</div>
<div class="slider-wrapper" id="id1">
<div class="slider">
<ul>
<li>
<h2 class="slide-name"><img src="images/headline-for-bedroom.png" alt=""/></h2>
<img src="images/slide-bedroom.jpg" alt=""/>
<div class="sneakers">
<div class="cloud">
<h3>Тапочки</h3>
<p>36 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
<div class="plaid">
<div class="cloud">
<h3>Плед</h3>
<p>45 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
<div class="money">
<div class="cloud">
<h3>Деньги на мобильный телефон</h3>
<p>5 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
</li>
<li>
<h2 class="slide-name"><img src="images/headline-for-bathroom.png" alt=""/></h2>
<img src="images/slide-bathroom.jpg" alt=""/>
<div class="mat">
<div class="cloud">
<h3>Коврик</h3>
<p>50 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
<div class="wipes">
<div class="cloud">
<h3>Салфетки</h3>
<p>50 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
<div class="handkerchiefs">
<div class="cloud">
<h3>Платочки</h3>
<p>5 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
<div class="bathrobe">
<div class="cloud">
<h3>Халат</h3>
<p>60 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
</li>
<li>
<h2 class="slide-name"><img src="images/headline-for-lounge.png" alt=""/></h2>
<img src="images/slide-lounge.jpg" alt=""/>
<div class="certificate">
<div class="cloud">
<h3>Сертификат Ozon на 300 рублей</h3>
<p>30 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
<div class="napkin-holder">
<div class="cloud">
<h3>Держатель для салфеток</h3>
<p>6 баллов <br/><a href="#" title="#">выбрать</a></p>
</div>
</div>
</li>
</ul>
</div>
<div class="arrows">
<button class="arrow-left">left</button>
<button class="arrow-right">right</button>
</div>
<form class="order">
<dl class="order-list">
<dt>Вам доступно:</dt>
<dd>36 баллов</dd>
</dl>
<dl class="order-list">
<dt>Выбранный подарок:</dt>
<dd>тапочки</dd>
</dl>
<a href="#" title="#" class="button-1">заказать</a>
</form>
</div>
<div class="container-description-2">
<h1 class="headline">Голосуй за приз мечты!</h1>
<p>У разных людей — разные желания, поэтому Lambi дарит возможность выбора! <br/>Выберите то, что вам по душе, и регистрируйте секретные коды с упаковок Lambi: <br/>самый активный участник получит приз мечты, набравший наибольшее количество голосов!</p>
</div>
<div class="vote">
<div class="prize-1">
<div class="prize-img"><img src="images/prize-1.png" alt=""/></div>
<div class="prize-title">Путешествие <br/>на сказочный остров!</div>
<a class="button-1" href="#" title="#">Голосовать</a>
<div class="count">1099 голосов</div>
</div>
<div class="prize-2">
<div class="prize-img"><img src="images/prize-2.png" alt=""/></div>
<div class="prize-title">Комплект мягкой мебели <br/>для вашей гостинной!</div>
<a class="button-1" href="#" title="#">Голосовать</a>
<div class="count">2300 голосов</div>
</div>
<div class="or">или</div>
</div>
</div>
</div>
<div class="head-wrapper">
<div class="head">
<div class="header">
<div class="logo"><a href="#" title="#"></a></div>
<div class="title"><a href="#id1" title="Выбирай мягкость! Играй с Lambi!">Выбирай мягкость! Играй с Lambi!</a></div>
<div class="menu">
<ul>
<li><a href="#" title="#">Продукция</a></li>
<li class="active"><a href="#" title="#">Правила акции</a></li>
<li><a href="#" title="#">Призы</a></li>
<li><a href="#" title="#">Личный кабинет</a></li>
<li><a href="#" title="#">Новости</a></li>
<li><a href="#" title="#">Обратная связь</a></li>
</ul>
</div>
<div class="login"><a class="login-link" href="#" title="#">Войти</a><a class="registration" href="#" title="#">Регистрация</a></div>
</div>
</div>
</div>
<div class="footer-wrapper">
<div class="footer">
<div class="footer-background">
<div class="footer-left">
<div class="tel-in-footer">Горячая линия: 8-800-200-50-66</div>
<div class="feedback"><a href="#" title="#">Обратная связь</a></div>
</div>
<div class="footer-right">
<div class="share">
<h5>Расскажите о Lambi друзьям!</h5>
<a href="#" title="#"><img src="images/facebook.png" alt=""/></a><a href="#" title="#"><img src="images/twitter.png" alt=""/></a><a href="#" title="#"><img src="images/vkontakte.png" alt=""/></a><a href="#" title="#"><img src="images/odnoklassniki.png" alt=""/></a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>