modal.html

<div class="modal">

    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
                <div class="row">


                    <div class="col-md-3">
                        <img src="images/house-icon.png" height="130" title="Lviv Head" alt="LvivHead" />
                    </div>

                    <div class="col-md-8 col-md-push-1" style="background-color:#F5EFF1">
                        <h3>{{$scope.address}}</h3>

                        <a href="https://www.google.com.ua/maps/dir/49.8171366,24.0232238//@49.8172067,24.0228483,20z" target="_blank">
                            <h4><i class="glyphicon glyphicon-map-marker"></i>{{$scope.district}}</h4> </a>

                        <br>
                        <!--Icons-->

                        <h4 class="glyphicon glyphicon-cutlery" style="margin:7px"></h4>
                        <h4 class="glyphicon glyphicon-tree-conifer" style="margin:7px"></h4>
                        <h4 class="glyphicon glyphicon-plus-sign" style="margin:7px"></h4>
                        <h4 class="glyphicon glyphicon-tint" style="margin:7px"></h4>
                        <h4 class="glyphicon glyphicon-glass" style="margin:7px"></h4>
                        <h4 class="glyphicon glyphicon-heart" style="margin:7px"></h4>

                    </div>

                </div>

                <hr>

                <div class="row">
                    <div class="col-md-7">
                        <center>
                            <h4>Скарги</h4></center>
                        <ul>
                            <li>Чому Людина Розумна отримала шанс на майбутнє та що винищило її найближчих древніх родичів?</li>
                            <li>Чому перехід від збиральництва до сільського господарства став пасткою для людини й погіршив її життя?</li>
                            <li>Чому могутні імперії інків та монголів зазнали краху та були переможені нечисленними групани європейців?</li>
                            <li>Що таке «теорія пліток» і як розмови про те, чого насправді не існує, підняли людину на вищий щабель цивілізації?</li>
                            <li>Що спільного між релігією та ідеологією? Чим відрізняються християнство та буддизм?</li>
                            <li>Як гроші та кредити стали однією з основних рушійних сил цивілізації?</li>
                            <li>Чому зруйновані імперії досі керують людством?</li>
                        </ul>
                    </div>
                    <div class="col-md-5">
                        <h4 class="glyphicon glyphicon-cutlery" style="margin:7px"></h4>
                        <p>--> 600m</p>


                    </div>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

</div>