<!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>