
<?php include 'mainwebheader.php';?>

    <!--====== Jquery js ======-->
    <script src="<?php echo base_url();?>assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="<?php echo base_url();?>assets/js/vendor/modernizr-3.7.1.min.js"></script>
    
    <style>

  .bannercover{

  display: block;
  width: 100vw;
  max-height: 620px;

  object-fit: cover;

  }
</style>

    <!-- database content -->
    <?php //echo $landingcontent[0]->main_content;?>

    <!-- end database content -->


    <section id="" class="services-area d-none d-md-block" style="">           
            <!-- <div class="row "> -->
                 <img src="<?php echo base_url();?>assets/images/uploads/mainweb/banner_blogs.png" class="bannercover">
            <!-- </div> -->
    </section>

    <section id="" class="services-area d-block d-md-none " style="">           
            <!-- <div class="row "> -->
                 <img src="<?php echo base_url();?>assets/images/uploads/mainweb/banner_blog_mobiles.png" class="bannercover">
            <!-- </div> -->
    </section>


    <!-- end head banner -->

  

    <!-- add blog list content -->
        <main style="background-color: #fef7f2;" class="pb-5">

   <!-- new bottom banner -->
        <script type="text/javascript">
            function someFunction() {
                 document.querySelector('#bottombanner').style.visibility = 'hidden';
            }


            $( document ).ready(function() {
                    console.log( "ready!" );
                    
                var bottomimage = document.getElementById("bottombannerimage");
                var bottomhref = document.getElementById("bottombannerhref");
                var bottomhref2 = document.getElementById("bottombannermobileimage");
                // bottomimage.src = "https://homepages.cae.wisc.edu/~ece533/images/airplane.png";    
                var currentPos = 0;
                // var bottomimages = ["https://homepages.cae.wisc.edu/~ece533/images/airplane.png", "https://homepages.cae.wisc.edu/~ece533/images/arctichare.png", "https://homepages.cae.wisc.edu/~ece533/images/airplane.png"];
                var bottomimages = [
                <?php 
                $count=0;
              
                foreach ($promobanner as $bannerRow) {
                    if($count!=0){
                        echo ',';
                    }
                    echo '"/public/images/i/origin/'.pathinfo($bannerRow['img_url'])['basename'].'"';
                    $count=$count+1;
                }//foreach ($promobanner as $bannerRow) {
                ?>
                ];
                var bottomhrefs=[
                <?php 
                $count=0;
              
                foreach ($promobanner as $bannerRow) {
                    if($count!=0){
                        echo ',';
                    }
                    echo '"'.$bannerRow['promo_link'].'"';
                    $count=$count+1;
                }//foreach ($promobanner as $bannerRow) {
                ?>
                ];    

                volgendefoto();
                setInterval(volgendefoto, 5000);
                function volgendefoto() {
                        if (++currentPos >= bottomimages.length)
                            currentPos = 0;

                        bottomimage.src = bottomimages[currentPos];
                        bottomhref2.src = bottomimages[currentPos];
                        bottomhref.setAttribute('href', bottomhrefs[currentPos]);
                }
            });
            

            

            
        </script>
              

        </script>
        <?php if(!empty($promobanner)){

        ?>
        <div class="fixed-bottom d-flex justify-content-center"  id="bottombanner">
            <div style="border: 1px;border-color: red;">
            <img  onclick="someFunction()" style="position:absolute;top:0px;width:12px; background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 46%, white 46%, white 56%, transparent 56%, transparent 100%) rgba(0, 0, 0, 0.3); box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 2px;cursor: pointer" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjCRMHJDWxrGqMAAAAfElEQVQoz4WRsRHCMAxFv2jCAvjwTMxLFggdqeKCHbKAy0cDZxsJUKE76z/ZX5Zx06SL7XJB0qwqVqCQvEwB7uLEBjzIg/yunvtDDmU5xMkjEsqdqfLKznS75aP7oCgs6v/9RLMW/svo3CF+sAGJ5+6Qf8syFh2/rvuq+gQCIMf5MCc1PgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wOS0xOVQwNzozNjo1MyswMDowMMALQagAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTktMDktMTlUMDc6MzY6NTMrMDA6MDCxVvkUAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==">
            <a id="bottombannerhref" href="">
            <div style="position:relative;top: 20px;right: 0px;z-index: 500;">
                
                
            
            </div>
            
            <img class="d-md-block d-none" id="bottombannerimage"  style="width: 80vw;max-width: 728px; height:auto;max-height: 90px;">
            <img class="d-block d-md-none" id="bottombannermobileimage" style="width: 100%;height: auto">
  
             </a>
            </div>
        </div>
        <?php
        }//if(!empty($promobanner)){?>
    <!-- end new bottom banner -->
    <style>

        /*header card*/
        .card-detail-tab {
            position: relative;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .card-lab {
            display: block;
            margin: 0 auto;
            width: auto;
        }

        .card-lab {
            position: relative;
            display: flex;
            flex-direction: row;
            width: 100%;
            padding: 0 4px;
            margin: 4px 0;
        }
        .card-lab-2 {
            position: relative;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .card-lab-label {
            position: relative;
            background: #558b2f;
            padding: 2px 4px;
            cursor: pointer;
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            font-size: 9pt;
            margin: 2px;
        }
        .card-content {
            position: relative;
        }
        .card-title-div {
            position: relative;
            padding: 8px;
        }
        .card-title-span {
            position: relative;
            color: #b57f5f;
            font-weight: bold;
            font-size: 12pt;
        }
        /*end header card*/



        .content-div {
            position: relative;
            /* margin-top: 50px; */
            /*justify-content: center;*/
            justify-content: left;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            top: 20px;
        }
        .content-card {
            position: relative;
            transition: all 0.5s;
            font-size: 10pt;
            width: 350px;
            background: #fff;
            margin: 10px;
            border: 1px solid #e0e0e0;
        }
        .content-card:hover {
            box-shadow: 0 0 15px 0px grey;
        }

        /*arrow color*/
        .page-a {
            position: relative;
            display: flex;
            color: #b57f5f;
            border-radius: 4px;
            text-decoration: none;
            align-items: center;
            justify-content: center;
            background: #fff;
            border: 1px solid black;
            border-color: lightgrey;
            margin: 0 8px;
        }

        .page-a:hover {
            color: #c17446;
        }

        /*end arrow color*/


    </style>

    <div class="container pt-5 pb-3" >



        <div class="row" style="">
            <div class="col-12 text-center">

                 <h2 class="amigoheadtextcolor mb-3 text-center">美容專欄</h2>
                <div class=" m-auto" style="    
                    background-color:  #e8d6c9;
                    width: 100%;
                    height: 2px;
                    margin-bottom: 0px !important;"></div>

            </div>
            
        </div>
        <div class="row justify-content-center">
            <!-- added tag -->
           
            <div class="col-12 col-md-4 text-center pt-3">
               
                <!-- <h5 style="color:#056505">tag place</h5> -->
                <div class="card-detail-tab text-center">
                    <div class="card-lab">
                        <div class="card-lab-2">
                                    <div class="card-lab-label" style="background:#e08b5e;" data="0" data-n="全部">
                                        <nobr style="position: relative;  color: #fff;">全部</nobr>
                                    </div>
                        </div>
                    </div>



                    <?php
                        foreach($blogtagcontent as $blogtagrow){
                            // echo $taglistdata['name'];
                    ?>
                        <div class="card-lab">
                            <div class="card-lab-2">
                                    <div class="card-lab-label" style="background: <?php echo $blogtagrow->color;?>;" data="<?php echo $blogtagrow->id;?>" data-n="<?php echo$blogtagrow->name;?>">
                                        <nobr style="position: relative;  color: #fff;"><?php echo $blogtagrow->name;?></nobr>
                                    </div>
                            </div>
                        </div>         
                    <?php
                        }//foreach($taglist as $taglistdata){
                    ?>
                    <!-- <div class="card-lab">
                        <div class="card-lab-2">
                                    <div class="card-lab-label" style="background: #2e7d32;" data="1" data-n="創業故事">
                                        <nobr style="position: relative;  color: #fff;">創業故事</nobr>
                                    </div>
                        </div>
                    </div> -->
                    <!-- label 2 -->
                    <!-- <div class="card-lab">
                        <div class="card-lab-2">
                                    <div class="card-lab-label" style="background: #2e7d32;" data="3" data-n="行業資訊">
                                        <nobr style="position: relative;  color: #fff;">行業資訊</nobr>
                                    </div>
                        </div>
                    </div> -->
                    <!-- end label 2 -->
                </div>
            </div>
            <!-- end added tag -->
        </div>
    </div>
    <div class="container">
        <style></style>
        <!--Ajax Data-->
        <div class="main-content">
            <div class="content-div" id="content-div"></div>
        </div>
        
        <div style="position: relative;  padding: 8px 0;  display: flex;  align-items: center;  justify-content: center;  margin-top: 20px;">
            <a href="#" id="page-top" class="page-a" style="">
                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position: relative;  stroke: currentColor;  fill: none;">
                <use href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevrons-left" xlink:href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevrons-left" style="position: relative;"></use>
                </svg>
            </a>
            <a href="#" id="page-pre" class="page-a" style="">
                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position: relative;  stroke: currentColor;  fill: none;">
                <use href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevron-left" xlink:href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevron-left" style="position: relative;"></use>
                </svg>
            </a>
            <span style="position: relative;  color: #b57f5f;">頁數&nbsp;</span>
            <input id="page_select" name="" type="number" placeholder="" autocomplete="off" inputmode="numeric" pattern="[0-9]*" style="position: relative;  color: black;  width: 40px;  text-align: center;">
            <span style="position: relative;  color: #b57f5f;">&nbsp;/&nbsp;</span>
            <span id="total_page" style="position: relative;  color: #b57f5f;"></span>
            <a href="#" id="page-next" class="page-a" style="">
                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position: relative;  stroke: currentColor;  fill: none;">
                <use href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevron-right" xlink:href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevron-right" style="position: relative;"></use>
                </svg>
            </a>
            <a href="#" id="page-last" class="page-a" style="">
                <svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position: relative;  stroke: currentColor;  fill: none;">
                <use href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevrons-right" xlink:href="<?php echo base_url();?>/assets/images/svg/feather-sprite.svg#chevrons-right" style="position: relative;"></use>
                </svg>
            </a>
        </div>
    </div>
    <!--當前頁數-->
    <input type="hidden" id="page" value="1" />
</main>

<style>
</style>

<script>
    var t = '';
    $(function () {
        //初始化列表
        Ajax_view();
        // alert('ajax view');
        //初始化page
        $('#page_select').val(1);

        //修改page數字
        $('#page_select').change(function () {
            var page_total = parseInt($('#page_total').val());
            var enter = parseInt($(this).val());
            if (enter >= 1 && enter <= page_total) {
                $('#page').val($('#page_select').val());
                Ajax_view();
            }
        });
        //點擊<<時
        $('#page-top').click(function () {
            $('#page_select').val(1);
            $('#page').val($('#page_select').val());
            Ajax_view();
        });
        //點擊<時
        $('#page-pre').click(function () {
            var page = $('#page_select').val();
            if (--page >= 1) {
                $('#page_select').val(page);
                $('#page').val($('#page_select').val());
                Ajax_view();
            }
        });
        //點擊>時
        $('#page-next').click(function () {
            var page = $('#page_select').val();
            var page_total = $('#page_total').val();
            if (++page <= page_total) {
                $('#page_select').val(page);
                $('#page').val($('#page_select').val());
                Ajax_view();
            }
        });
        //點擊>>時
        $('#page-last').click(function () {
            var page_total = $('#page_total').val();
            $('#page_select').val(page_total);
            $('#page').val(page_total);
            Ajax_view();
        });

        //條件改變
        function cond_change() {
            $('#tag_nav').css('display', 'flex');

            $('#page_select').val(1);
            $('#page').val($('#page_select').val());
        }

        
    });
    
    function Ajax_view() {
        var page = $('#page').val();
        $.ajax({
            //async: false,
            timeout: 10000, //最長等候回應時間
            type: "POST", //提交類型
            url: '<?php 
                $newbase_url=base_url('bloglist/getView');
                if( is_https()  ){
                $newbase_url = str_replace( "http://", "https://", $newbase_url );
                }
                echo $newbase_url; ?>',
            // url: '<?php echo base_url('bloglist/getView'); ?>', //提交地址
            data: {page: page, limit:9, tag:t}, //提交內容
            dataType: 'html', //返回數據類型
            cache: false,
            success: function (data) { //請求完成並成功
                $('#content-div').empty();
                $('#content-div').append(data);

                $('#total_page').html($('#page_total').val());
            },
            error: function (data) { //請求返回錯誤信息
            },
            beforeSend: function (XHR) { //请求開始前执行
            },
            complete: function (XHR, status) { //请求完成后最终执行
            }
        });
    }
</script>
<script>
$(function(){
    $('.card-lab-label').click(function(){
        t = $(this).attr('data');
        // var name = $(this).attr('data-n');
        // $('#tag-content').html(name);
        // $('#tag-title').show();
        Ajax_view();
    });
});
</script>


    <!-- end add blog list content -->
   

    
    <style>
    .grecaptcha-badge {
        display: none;
    }

    </style>




    <!-- footer -->
    <section id="" class="footerbg">
    <div class="container">
        <div class="row  ">
            <div class="col-12 text-center mt-4 mb-2 " style="" >
                <img class="img-fluid" src="<?php echo $settings->contactlogo;?>" alt="" style="max-width: 180px;">
            </div>

            <div class="  my-4" style="    background: linear-gradient(#ffffff 0%, #cba58f 100%);
    width: 100%;
    height: 2px;
    margin-bottom: 10px !important;"></div>


        </div>

        <!-- main row -->
        <div class="row mt-3">
            <div class="col-12 col-lg-4 mb-4">
                 <iframe style="width:100%" src="<?php echo $settings->googlemapaddress;?>" height="340" frameborder="0" allowfullscreen=""></iframe>
            </div>
            <!-- address data -->
            <div class="col-12 col-lg-5">
                <div class="row">
                    
                    <div class="col-4 col-md-3" style="
                    float: left;">
                    <p  style="color:white;">聯絡電話&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                    </div>
                    <div class="col-8 col-md-9" style="display: block;">
                        <p style="color:white;"><?php echo $settings->phone;?></p>
                    </div>
                </div>
                <div class="row">
                    
                    <div class="col-4 col-md-3" style="
                    float: left;">
                    <p  style="color:white;">電子郵件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                    </div>
                    <div class="col-8 col-md-9" style="    display: block;">
                        <p style="color:white;"><?php echo $settings->email;?></p>
                    </div>
                </div>
                <div class="row">
                    
                    <div class="col-4 col-md-3" style="float: left;">
                    <p  style="color:white;">Whatsapp&nbsp;&nbsp;&nbsp;:</p>
                    </div>
                    <div class="col-8 col-md-9" style="    display: block;">
                        <p style="color:white;"><?php echo $settings->whatsapp;?></p>
                    </div>
                </div>

                <div class="row mb-4">
                    
                    <div class="col-4 col-md-3" style="
                    float: left;">
                    <p  style="color:white;">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                    </div>
                    <div class="col-8 col-md-9" style="    display: block;">
                        
                        <div class="row ">
                            <div class="col-12">
                        <div class="float-left"><p style="color:white;" class="float-left" style="display: inline;"><?php echo $settings->address;?></p></div>
                     
                            </div>
                        </div>
                        <div class="row ">
                            <div class="col-12">
                        <div class="float-left"><p style="color:white;" class="float-left" style="display: inline;"><?php echo $settings->address2;?></p></div>
                     
                            </div>
                        </div>
                    </div>
                </div>


                 <div class="row">
                    
                    <div class="col-4 col-md-3" style="
                    float: left;">
                    <p  style="color:white;">営業時間&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>

                    </div>
                    <div class="col-8 col-md-9" style="    display: block;">
                        <div class="row">
                     
                        <div class="float-left col-12 col-md-6"><p style="color:white;" class="float-md-left" style="display: inline;"><?php echo $settings->operationtime1part1;?></p></div>
                        <div class="float-left float-md-right col-12  col-md-6"><p style="color:white;"  style="display: inline;"><?php echo $settings->operationtime1part2;?></p></div>
             
                        </div>
                        <div class="row">
  
                        <div class="float-left col-12 col-md-6"><p style="color:white;" class="float-left" style="display: inline;"><?php echo $settings->operationtime2part1;?></p></div>
                        <div class="float-left float-md-right col-12  col-md-6"><p style="color:white;" style="display: inline;"><?php echo $settings->operationtime2part2;?></p></div>
                            </div>
                        
  
                        <div class="row">
                            
                             <div class="float-left col-12 col-md-6"><p style="color:white;" class="float-left" style="display: inline;"><?php echo $settings->operationtime3part1;?></p></div>
                        <div class="float-left float-md-right col-12  col-md-6"><p style="color:white;" class="" style="display: inline;"><?php echo $settings->operationtime3part2;?></p></div>
                            
                        </div>
                    </div>
                </div>
                
               

                
            </div>
            <!-- end address data -->

            <!-- 2-d barcode -->
            <div class="col-12 col-lg-3 mt-3 mt-md-0S">
                <div class="row">
                 <!-- left barcode -->
                 
                 <div class="col-6 p-3 p-md-2">
                    <div class="row mb-2">
                        <div class="col-12 text-center">
                            <p style="color:white;font-size: 12px;"><?php echo $settings->title;?></p>
                        </div>
                        <div class="col-12 text-center">
                            <p style="color:white;font-size: 12px;">微信號(通信用)</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <img class="" src="<?php echo $settings->wechatlogo;?>" alt=""  style="width: 100%">
                        </div>
                    </div>
                 </div>
                
                 <!-- end left barcode -->
                 <!-- right barcode -->
                  <div class="col-6 p-3 p-md-2">
                    <div class="row mb-2">
                        <div class="col-12 text-center">
                            <p style="color:white;font-size: 12px;"><?php echo $settings->title;?></p>
                        </div>
                        <div class="col-12 text-center">
                            <p style="color:white;font-size: 12px;">公眾號</p>
                        </div>
                    </div>
                    <style>
                    .social [class*="fa fa-"] {
    background-color: #ffffff;
    border-radius: 40px;
    color: #df8b5d;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: auto 3px;
    width: 40px;
    font-size: 24px;
    text-align: center;
}
                    </style>
                    <div class="row mb-3">
                        <div class="col-12">
                            <img class="" src="<?php echo $settings->wechatpubliclogo;?>" alt=""  style="width: 100%">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6 " >
                     
                            <div class="social  float-right float-md-left">
                                <a class="fa fa-facebook" title="" target="_blank" href="<?php echo $settings->facebook;?>"></a>
                            </div>
                        </div>
                        <div class="col-6 ">
                      
                            <div class="social   ">
                            <a class="fa fa-youtube-play" title="" target="_blank" href="<?php echo $settings->youtube;?>"></a>
                            </div>
                        </div>
                    </div>
                 </div>
                 <!-- right barcode -->
                 </div>
            </div>
            <!-- end 2-d barcode -->
        </div>
        <!-- main row -->
    </div>
    </section>

    <!-- end footer -->


    <!-- bottom copy right -->
    <section id="" class="">
        <!-- <div class="container"> -->
            <div class="row  " style="margin-right:0px;margin-left: 0px;">
                <div class="col-12 text-center  " style="background-color: #d67445;
        color: white;
        font-size: 12px;
        font-weight: lighter;
        padding: 10px 0px 10px 0px;" ><?php echo $settings->copyright;?></div>
            </div>
        <!-- </div> -->
    </section>
    <!-- end bottom copy right -->


    
    
    
    
    
    
   
    
    <!--====== BACK TOP TOP PART START ======-->

    <!-- <a href="#" class="back-to-top"><i class="lni-chevron-up"></i></a> -->

    <!--====== BACK TOP TOP PART ENDS ======-->   
    
    <!--====== PART START ======-->
    
<!--
    <section class="">
        <div class="container">
            <div class="row">
                <div class="col-lg-"></div>
            </div>
        </div>
    </section>
-->
    
    <!--====== PART ENDS ======-->





    <!--====== Bootstrap js ======-->
    <script src="<?php echo base_url();?>assets/js/popper.min.js"></script>
    <script src="<?php echo base_url();?>assets/js/bootstrap.min.js"></script>
    
    <!--====== Plugins js ======-->
    <script src="<?php echo base_url();?>assets/js/plugins.js"></script>
    
    <!--====== Slick js ======-->
    <script src="<?php echo base_url();?>assets/js/slick.min.js"></script>
    
    <!--====== Ajax Contact js ======-->
    <script src="<?php echo base_url();?>assets/js/ajax-contact.js"></script>
    
    <!--====== Counter Up js ======-->
    <script src="<?php echo base_url();?>assets/js/waypoints.min.js"></script>
    <script src="<?php echo base_url();?>assets/js/jquery.counterup.min.js"></script>
    
    <!--====== Magnific Popup js ======-->
    <script src="<?php echo base_url();?>assets/js/jquery.magnific-popup.min.js"></script>
    
    <!--====== Scrolling Nav js ======-->
    <script src="<?php echo base_url();?>assets/js/jquery.easing.min.js"></script>
    <script src="<?php echo base_url();?>assets/js/scrolling-nav.js"></script>
    
    <!--====== wow js ======-->
    <script src="<?php echo base_url();?>assets/js/wow.min.js"></script>
    
    <!--====== Particles js ======-->
    <script src="<?php echo base_url();?>assets/js/particles.min.js"></script>
    
    <!--====== Main js ======-->
    <script src="<?php echo base_url();?>assets/js/main.js"></script>
    
    <!-- google recaptcha -->
      <script src='https://www.google.com/recaptcha/api.js?render=6Lcnyu0ZAAAAAPWSWgN1Pb_bkzOHg1z1WmGtO5mp'></script>   

    <script>
        grecaptcha.ready(function () {
            grecaptcha.execute('6Lcnyu0ZAAAAAPWSWgN1Pb_bkzOHg1z1WmGtO5mp', { action: 'contact' }).then(function (token) {
                var recaptchaResponse = document.getElementById('recaptchaResponse');
                recaptchaResponse.value = token;
            });
        });
    </script>

    <!-- end google recaptcha -->

    <!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "<?php echo $settings->whatsapp;?>", // WhatsApp number
            call_to_action: "Message us", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>
<!-- /GetButton.io widget -->
</body>

</html>
