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


    <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 -->

  

   




    <!-- REGISTER FORM -->
    <section class="info-area bgsection2 pt-2 pb-3">

                
        <div class="container py-5">
            <div class="row">
                <a href="<?= base_url('/美容專欄') ?>" style=" position: relative;  display: block;  color: inherit;  border-radius: 4px;  text-decoration: none; ">
                    <div class="my-auto d-inline">
                    <i class="fa fa-chevron-left "></i>
                    </div>
                
                    <span class="d-inline" style=" position: relative; ">美容專欄</span>
                </a>
            </div>
            <div class="row">
                <div class="col-lg-12 order-lg-first pt-2">
                    <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">
                <div class="col-lg-12 order-lg-first">
                    <h3 class="amigoheadtextcolor mb-3 text-center">
                    <?php 

                    echo $blogcontent[0]->title;
                    ?>
                    </h3>
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-center mt-3">
                    <p class="blogtextcolor"><?php 

                    echo $blogcontent[0]->date;
                    ?></p>
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-center">
                    <?php

                        //selected option
                        $selectedArray = array();
                        foreach ($blogtaghub as $row) {
                          array_push($selectedArray,$row->tag_id);
                        }//foreach ($blogtaghub as $row) {
                        //end selected option


                       foreach ($blog_tag_content as $blog_tag_row) {     
                         if(in_array($blog_tag_row->id,$selectedArray)){
                            echo '<p class="blogcategorycolor">';
                            echo $blog_tag_row->name;
                            echo '</p>';
                    ?>
                            
                    <?php    

                            }//if(in_array($blog_tag_row->id,$selectedArray)){    
                        }//foreach ($blog_tag_content as $blog_tag_row) {

                    ?>

                   <!--  <p class="blogcategorycolor"><?php implode(',', array_column($blogcontent[0]->tag, 'name')) ?></p> -->
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-left">
                    <?php //str_replace('\r\n','',$blogcontent[0]->content) ?>
                    <?php echo $blogcontent[0]->content; ?>
                </div>
            </div>

           











           


          


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

    </style>


    <!-- bottom banner -->
<!--     <section id="bottombanner" style="background-color: #fef7f2;">
        <div class="container">
          <div class="row mt-5 ">
              <div class="col-12 text-center">
          <h2><span style="color:#b77f5c">開業 10年，高達</span><span style="color:#575556;">&nbsp;&nbsp;180，000&nbsp;&nbsp;</span><span style="color:#b77f5c">服務人次</span></h2>
          <h2><span style="color:#b77f5c">服務專業滿意度極高，回頭率超越</span><span style="color:#575556;">&nbsp;&nbsp;85%</span></h2>
              </div>
          </div>
        </div>
    </section> -->


    <!-- end bottom banner -->

    <!-- 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 ======-->




    <!--====== 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>
    
    <!--====== 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>
