index.html 13.9 KB
<!DOCTYPE HTML>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="robots" content="noindex,nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Главная страница</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/fonts.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <nav class="navbar nav1">
        <ul class="nav navbar-nav">
            <li><a href="about.html">О нас</a></li>
            <li><a href="#">Новые коллекции</a></li>
            <li><a href="dates.html">События</a></li>
            <li><a href="blog.html">Блог</a></li>
            <li><a href="contacts.html">Контакты</a></li>
        </ul>
    </nav>
    <header>
        <div class="container">
        </div>
    </header>
    <section class="menu">
        <div class="container">
            <ul>
                <li><a href="#">Бренды</a>
                    <div class="dropd_menu">
                        <div class="inline_dropb">
                            <div class="idp_el"><a href="#">Бренды обоев</a></div>
                            <div class="idp_el"><a href="#">Бренды текстиля</a></div>
                        </div>
                        <!--<div class="col-md-12">
                            <div class="title">Бренды обоев</div>
                            <div class="col-md-3">
                                <ul><a href="#">JAB ANSTOETZ FABRICS</a>
                                    <li><a href="#">Discover</a></li>
                                    <li><a href="#">Collection</a></li>
                                    <li><a href="#">Dealer Search</a></li>
                                    <li><a href="#">Contact</a></li>
                                </ul>
                            </div>
                            <div class="col-md-3">
                                <ul><a href="#">JAB ANSTOETZ FABRICS</a>
                                    <li><a href="#">Discover</a></li>
                                    <li><a href="#">Collection</a></li>
                                    <li><a href="#">Dealer Search</a></li>
                                    <li><a href="#">Contact</a></li>
                                </ul>
                            </div>
                            <div class="col-md-3">
                                <ul><a href="#">JAB ANSTOETZ FABRICS</a>
                                    <li><a href="#">Discover</a></li>
                                    <li><a href="#">Collection</a></li>
                                    <li><a href="#">Dealer Search</a></li>
                                    <li><a href="#">Contact</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="title">Бренды текстиля</div>
                            <div class="col-md-3">
                                <ul><a href="#">JAB ANSTOETZ FABRICS</a>
                                    <li><a href="#">Discover</a></li>
                                    <li><a href="#">Collection</a></li>
                                    <li><a href="#">Dealer Search</a></li>
                                    <li><a href="#">Contact</a></li>
                                </ul>
                            </div>
                            <div class="col-md-3">
                                <ul><a href="#">JAB ANSTOETZ FABRICS</a>
                                    <li><a href="#">Discover</a></li>
                                    <li><a href="#">Collection</a></li>
                                    <li><a href="#">Dealer Search</a></li>
                                    <li><a href="#">Contact</a></li>
                                </ul>
                            </div>
                        </div>-->
                        <div style="clear:both;"></div>
                    </div>
                </li>
                <li><a href="walls.html">Обои</a></li>
                <li><a href="textile.html">Текстиль</a></li>
                <li><a href="eaves.html">Карнизы</a></li>
                <li><a href="floor.html">Напольные покрытия</a></li>
                <li><a href="contract.html">Contract Concept</a></li>
                <li><a href="furniture.html">Мебель</a></li>
            </ul>
        </div>
    </section>
    <div class="container cont">
        <section class="carousel">
            <div class="row">
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
              <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
              </ol>

              <!-- Wrapper for slides -->
              <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <div class="slide_img" style="background-image:url('images/catalog_pics/slide01.jpg');"></div>
                  </div>
                <div class="item">
                    <div class="slide_img" style="background-image:url('images/catalog_pics/slide02.jpg');"></div>
                </div>
                <div class="item">
                    <div class="slide_img" style="background-image:url('images/catalog_pics/slide03.jpg');"></div>
                </div>
              </div>

              <!-- Left and right controls -->
              <a class="carbut left" href="#myCarousel" role="button" data-slide="prev">
              </a>
              <a class="carbut right" href="#myCarousel" role="button" data-slide="next">
              </a>
            </div>
            </div>
        </section>
        <section class="main-box1">
            <div class="link_big"><a href="#">Новые коллекции</a></div>
                <div class="col-md-4">
                    <a href="#">
                    <img src="images/catalog_pics/img01.jpg">
                    <div class="title">Collection Pieces Chivasso</div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="#">
                    <img src="images/catalog_pics/img02.jpg">
                    <div class="title">Collection Botany Jab Fabrics</div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="#">
                    <img src="images/catalog_pics/img03.jpg">
                    <div class="title">Collection Jaipur Rasch Textil</div>
                    </a>
                </div>
        </section>
        <section class="main-box2">
            <div class="col-md-4">
                <div class="center_line"><a href="#" class="big_link">Акции</a></div>
                <div class="center_line mar13_17"><a href="#" class="but_lines">Отзывы клиентов</a></div>
                <div class="center_line"><a href="#" class="big_link">Блог</a></div>
                <div class="blog_block">
                    <a href="#" class="blog_link">
                        <img src="images/pic02.jpg">
                        <div class="center_line">Jab и 3 звезды Мишлен "The Table"</div>
                    </a>
                </div>
            </div>
            <div class="col-md-8">
                <div class="dates_but"><a href="#">События</a></div>
                <div class="post">
                    <div class="title">
                        <div class="date">25.08</div>
                        <div class="title_text">Мастер-класс от Jab Contrac Eike W. Pörtner</div>
                    </div>
                    <div class="post_cont">
                        <div class="picture"><img src="images/pic01.jpg"></div>
                        <div class="text">Особая черта немецкой компании JAB Anstoez Contract - это гарантированная красота в соединении с качеством!<br/>В Baccara Home благодаря Наталии Сальник, представителя компании JAB Anstoez в Украине, состоялась встреча с нашими деловыми партнерами в мастер-классе от президента JAB Contract Эйка Портнера.</div>
                    </div>
                    <div class="more"><a href="#">Узнать больше</a></div>
                </div>
            </div>
            <div style="clear:both;"></div>
        </section>
        <section class="main-box3">
            <div class="title">Наши услуги</div>
            <ul>
                <li>Продажа элитного интерьерного текстиля <b>производства Великобритании, Германии, Голландии, Италии, Франции</b>.</li>
                <li>Оптовая и розничная реализация обоев лидеров европейского рынка производства.</li>
                <li>Разработка индивидуального дизайна оформления оконных проемов, пошив штор, покрывал, чехлов для мебели.</li>
                <li>Продажа и монтаж карнизов.</li>
                <li>Сервисное обслуживание клиентов: выезд дизайнера на объект, замеры, доставка и монтаж готовой продукции.</li>
            </ul>
        </section>
        <section class="main-box4">
            <div class="col-md-6">
                <a href="#">
                <div class="picture"><img src="images/catalog_pics/img2_01.jpg"></div>
                <div class="title">Эксклюзивные обои</div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="#">
                <div class="picture"><img src="images/catalog_pics/img2_02.jpg"></div>
                <div class="title">Текстиль для декора и штор</div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="#">
                <div class="picture h240"><img src="images/catalog_pics/img2_03.jpg"></div>
                <div class="title">Напольные покрытия</div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="#">
                <div class="picture h240"><img src="images/catalog_pics/img2_04.jpg"></div>
                <div class="title">Мебель</div>
                </a>
            </div>
        </section>
        <section class="main-box5">
            <p>На одной из центральных улиц Киева (був. Леси Украинки, 23) расположился шоу-рум «Баккара», в котором можно познакомиться с тщательно отобранными образцами продукции и многочисленными каталогами самых известных и надежных поставщиков Европы и всего мира...</p>
            <div class="spoiler">
                <p>sdsdsdhfuidshjkjokjhkl</p>
            </div>
            <div class="more"><a href="#"><span>Узнать больше</span><span class="hidden">Свернуть</span></a></div>
        </section>
    </div>    
    <footer>
        <div class="container">
        <div class="col-md-3 fleft">
            <p>© 2006 - 2015 Шоу-рум “BACCARA HOME”</p>
        </div>
        <div class="col-md-3 fcenter col-xs-6">
            <ul>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Новые коллекции</a></li>
                <li><a href="#">События</a></li>
                <li><a href="#">Блог</a></li>
                <li><a href="contacts.html">Контакты</a></li>
            </ul>
        </div>
        <div class="col-md-3">
        </div>
        <div class="col-md-3 fright col-xs-6">
            <div class="socbuts">
                <ul>
                    <li><a href="https://www.facebook.com/baccaraRoom/?fref=ts" target="_blank"><img src="images/icon_fb.png"></a></li>
                    <li><a href="https://www.instagram.com/baccarahome/" target="_blank"><img src="images/icon_inst.png"></a></li>
                    <li><a href="https://www.youtube.com/channel/UCr6GslF0IhlOwr7XlLsQAbw" target="_blank"><img src="images/icon_yt.png"></a></li>
                    <li><a href="https://www.pinterest.com/baccarahome/?etslf=36773&eq=baccara%20home" target="_blank"><img src="images/icon_pin.png"></a></li>
                </ul>
            </div>
            <div class="hours">Часы работы<br/>
            пн–пт: 10:00 – 19:30<br/>
                сб: 11:00 – 18:00</div>
        </div>
        </div>
    </footer>
    <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/npm.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</body>
</html>