textile.html 16.8 KB
<!DOCTYPE HTML>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <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="#">О нас</a></li>
            <li><a href="#">Новые коллекции</a></li>
            <li><a href="dates.html">События</a></li>
            <li><a href="#">Блог</a></li>
            <li><a href="contacts.html">Контакты</a></li>
        </ul>
    </nav>
    <header>
        <div class="container">
            <a href="index.html" class="main"></a>
        </div>
    </header>
    <section class="menu">
        <div class="container">
            <ul>
                <li class="col-md-2 col-sm-2 col-xs-12"><a href="walls.html">Обои</a></li>
                <li class="col-md-2 col-sm-2 col-xs-12"><a class="active">Текстиль</a></li>
                <li class="col-md-2 col-sm-2 col-xs-12"><a href="eaves.html">Карнизы</a></li>
                <li class="col-md-2 col-sm-2 col-xs-12"><a href="floor.html">Напольные покрытия</a></li>
                <li class="col-md-2 col-sm-2 col-xs-12"><a href="contract.html">Contract Concept</a></li>
                <li class="col-md-2 col-sm-2 col-xs-12"><a href="furniture.html">Мебель</a></li>
            </ul>
        </div>
    </section>
    <div class="container cont">
        <div class="col-md-12">
            <div class="nav_up">
                <a href="index.html">Baccara Home</a><span>Текстиль</span>
            </div>
            <div class="blocks_2">
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_01.jpg');"></div>
                            <div class="title_1">Jab Anstoetz Fabric</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_02.jpg');"></div>
                            <div class="title_1">Carlucci</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_03.jpg');"></div>
                            <div class="title_1">Chivasso</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_04.jpg');"></div>
                            <div class="title_1">Soleil Bleu</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_05.jpg');"></div>
                            <div class="title_1">Fuggerhaus</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_06.jpg');"></div>
                            <div class="title_1">Sahco</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_07.jpg');"></div>
                            <div class="title_1">Kobe</div>
                            <div class="title_2">Голландия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_08.jpg');"></div>
                            <div class="title_1">Elitis</div>
                            <div class="title_2">Франция</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_09.jpg');"></div>
                            <div class="title_1">Camengo</div>
                            <div class="title_2">Франция</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_10.jpg');"></div>
                            <div class="title_1">Rubelli</div>
                            <div class="title_2">Италия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_11.jpg');"></div>
                            <div class="title_1">Ado</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_12.jpg');"></div>
                            <div class="title_1">Dedar</div>
                            <div class="title_2">Италия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_13.jpg');"></div>
                            <div class="title_1">Designer Guilds</div>
                            <div class="title_2">Англия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_14.jpg');"></div>
                            <div class="title_1">Erre Erre</div>
                            <div class="title_2">Италия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_15.jpg');"></div>
                            <div class="title_1">Foresti</div>
                            <div class="title_2">Италия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_16.jpg');"></div>
                            <div class="title_1">Harlequin</div>
                            <div class="title_2">Англия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_17.jpg');"></div>
                            <div class="title_1">Henry Bertrand</div>
                            <div class="title_2">Англия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_18.jpg');"></div>
                            <div class="title_1">Hookedonwalls</div>
                            <div class="title_2">Бельгия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_19.jpg');"></div>
                            <div class="title_1">Houles</div>
                            <div class="title_2">Франция</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_20.jpg');"></div>
                            <div class="title_1">Ian Mankin</div>
                            <div class="title_2">Великобритания</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_21.jpg');"></div>
                            <div class="title_1">KT Exclusive</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_22.jpg');"></div>
                            <div class="title_1">Loris Zanca</div>
                            <div class="title_2">Италия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_23.jpg');"></div>
                            <div class="title_1">MYB Textiles</div>
                            <div class="title_2">Великобритания</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_24.jpg');"></div>
                            <div class="title_1">NYA Nordiska</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_25.jpg');"></div>
                            <div class="title_1">Osborne & Little</div>
                            <div class="title_2">Англия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_26.jpg');"></div>
                            <div class="title_1">Simta</div>
                            <div class="title_2">Италия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_27.jpg');"></div>
                            <div class="title_1">Venesto</div>
                            <div class="title_2">Германия</div>
                        </a>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="tile_1">
                        <a href="#">
                            <div class="picture" style="background-image:url('images/t_28.jpg');"></div>
                            <div class="title_1">Voghi</div>
                            <div class="title_2">Италия</div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="textile_bottom">
                <div class="title1 left">Стильные элитные обои для вашего дома.</div>
                <div class="post_1_main">Продумывая дизайн своей квартиры, мы непременно тщательно выбираем «одежду» для стен — красивые модные обои.</div>
                <div class="more"><a href="#">Узнать больше</a></div>
            </div>
        </div>
    </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>