BS Accordion and Menu

<!DOCTYPE html>
<html lang="en">

<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 Page</title>

    <!-- Bootstrap CSS -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    <style>
        #jumbotron1 {
            height: 50px;
        }

        #kam-pod {
            font-size: 24px;
        }
    </style>
</head>

<body>

    <div class="container">

        <div class="jumbotron" id="jumbotron1">
            <div class="container">
                <span id="kam-pod">Каменец-Подольский</span>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button type="submit" class="btn btn-default">Submit</button>
                </form>
            </div>
        </div>

        <div class="navbar">
            <a class="navbar-brand" href="#">Главная</a>
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="#">О городе</a>
                </li>
                <li>
                    <a href="#">Достопримечательности</a>
                </li>
                <li>
                    <a href="#">Куда пойти</a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Туристу <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">Галерея</a>
                </li>
                <li>
                    <a href="#">Общение</a>
                </li>
                <li>
                    <a href="#">Message</a>
                </li>
            </ul>
        </div>


        <div class="row">

            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                <aside>
                    <ul>
                        <li>Магазины</li>
                        <li>Гостиницы</li>
                        <li>Медцентры</li>
                        <li>Рестораны, кафе</li>
                    </ul>
                </aside>
            </div>
            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                <div class="panel-group" id="accordion-album">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-1">
                        Сильпо
                        </a>
                            </h4>
                        </div>
                        <div id="accordion-alb-1" class="panel-collapse collapse in">
                            <div class="panel-body">
                                Нигинское шоссе, 41/1 Время работы: 08:00 - 23:00 Дополнительная информация: silpo.ua </div>
                        </div>
                    </div>
                    <div class="panel">
                        <!-- Track Info -->
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-2">
                        Фуршет (1)
                        </a>
                            </h4>
                        </div>
                        <div id="accordion-alb-2" class="panel-collapse collapse">

                            <!-- content -->
                            <div class="panel-body">
                                ул. Гагарина, 42/1 тел. (03849) 6-56-62. Время работы: 8:00 - 23:00 Дополнительная информация: www.furshet.ua

                            </div>
                        </div>
                    </div>

                    <div class="panel">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-3">
                        Expert Review
                        </a>
                            </h4>
                        </div>
                        <div id="accordion-alb-3" class="panel-collapse collapse">

                            <!-- content -->
                            <div class="panel-body">
                                <p> Тут могла бути Ваша реклама </p>
                            </div>
                        </div>

                        <!-- Expert Review -->
                    </div>
                    <!-- Album Title  -->
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-4">
                        Album Title and Artist
                        </a>
                        </h4>
                    </div>
                    <div id="accordion-alb-4" class="panel-collapse collapse">

                        <!-- content -->
                        <div class="panel-body">
                            <p> Тут могла бути Ваша реклама </p>
                            <p> Exercitation laborum sunt minim aute proident. Ut elit aliqua nulla amet consectetur in quis et qui ad magna. Nostrud
                                ipsum nisi dolor exercitation eiusmod voluptate id officia pariatur culpa. Velit incididunt exercitation tempor tempor
                                velit ipsum non. Velit deserunt mollit irure sunt amet cupidatat nulla. Velit in ullamco eiusmod occaecat.</p>
                        </div>
                    </div>

                </div>

                <div class="panel">

                    <!-- Track Info -->
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-5">
                        Track Info
                        </a>
                        </h4>
                    </div>
                    <div id="accordion-alb-6" class="panel-collapse collapse">

                        <!-- content -->
                        <div class="panel-body">
                            <p> Тут могла бути Ваша реклама </p>
                        </div>
                    </div>
                </div>

                <div class="panel">
                    <div class="panel-heading">
                        <h4 class="panel-title">
                            <a data-toggle="collapse" data-parent="#accordion-album" href="#accordion-alb-6">
                        Expert Review
                        </a>
                        </h4>
                    </div>
                    <div id="accordion-alb-3" class="panel-collapse collapse">

                        <!-- content -->
                        <div class="panel-body">
                            <p> Тут могла бути Ваша реклама </p>
                        </div>
                    </div>

                    <!-- Expert Review -->
                </div>


            </div>
        </div>

    </div>


    </div>


    <!-- jQuery -->
    <script src="//code.jquery.com/jquery.js"></script>
    <!-- Bootstrap JavaScript -->
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>

</html>