<div class="banner-page-list">
    <div class="container bg">
        <div class="title-page">
            <div class="ac">
                <h2 class="lost-child"> <a href="<?=site?>about-us.html" title="About us">About us</a> </h2>
                <div class="breakcrumb"> <a href="<?=site?>" title="Home">Home</a> <span>/</span> <a href="<?=site?>about-us.html" title="About us">About us</a> </div>
            </div>
        </div>
    </div>
</div>
<!-- module 3 -->
<div class="main-content">
    <div class="about-us-page-1">
        <div class="ac">
            <div class="instroduce">
                <div class="">
                    <div class="about-us about-us-inpage">
                        <div class="container">
                            <div class="row">
                                <div class="col-xs-5">
                                    <div class="img-about-us-index">
                                    <?php if(!empty($rs->lb_image) && file_exists(ROOT_IMG.'chinhsach/'.$rs->lb_image)):?>
                                    <a href="<?=site?>" itemprop="url"><img itemprop="image" src="<?=urlimg?>chinhsach/<?=$rs->lb_image?>" caption="false" style="display: block; margin-left: auto; margin-right: auto; width:100%" /> </a>
                                    <?php else :?>
                                    <a href="/" itemprop="url"><img itemprop="image" src="<?=skin?>temp/dreamstime_s_50034665.jpg" caption="false" style="display: block; margin-left: auto; margin-right: auto;" /> </a>
                                    <?php endif;?>
                                    </div>
                                </div>
                                <div class="col-xs-7">
                                    <div class="bg-about-us">
                                        <div class="title-standard txt-right">
                                            <h2 itemprop="name"><?=$rs->lb_subject?></h2>
                                        </div>
                                        <div itemprop="description" class="ctn-about-inpage">
                                            <p><?=$rs->lb_content?></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- testimonials 1 -->
                    <div class="testimonials-index">
                        <div class="container"> </div>
                    </div>
                    <!-- end testimonials 1 --> 
                </div>
            </div>
        </div>
    </div>
</div>
<div class="map-address">
    <h2>Map</h2>
    <section class="box_map"> 
        <!-- Google map area -->
        <div class="google-map-wrapper">
            <div class="google-map" id="largeMap" style="width:100%; height:450px;">
				<script type="text/javascript">
                function initMap(){
                    var latitude = parseFloat(<?=$cfg->latitude?>) ;
                    var longitude = parseFloat(<?=$cfg->longitude?>) ;
                    if((latitude ==null) || (longitude == null)) 
                        $('.hotel-detail-map').css('display','none');
                    else{
                        var position = {lat: latitude, lng: longitude};
                        var map = new google.maps.Map(document.getElementById('largeMap'), {
                            center: position,
                            zoom: 16
                        });
                        var marker = new google.maps.Marker({position: position, map: map});
                        $('.hotel-detail-map').css('display','blolk');
                    }
                }
                </script>
                <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA4CP_fZlh1Rm-FKbfQ_vLY49-5PlM-zKY&callback=initMap" type="text/javascript"></script>
            </div>
        </div>
    </section>
</div>