<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    
    <!--====== Title ======-->
    <title><?php echo $settings->title;?></title>
    
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">



    <!-- added ico place -->

    <link rel="shortcut icon" href="<?php echo $settings->favicon;?>"/>

    <link rel="bookmark" href="<?php echo $settings->favicon;?>"/>

    <!-- end added ico place -->

    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="<?php echo $settings->favicon;?>" type="image/png">
        
    <!--====== Animate CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/animate.css">
        
    <!--====== Magnific Popup CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/magnific-popup.css">
        
    <!--====== Slick CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/slick.css">
        
    <!--====== Line Icons CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/LineIcons.css">
        
    <!--====== Font Awesome CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/font-awesome.min.css">
        
    <!--====== Bootstrap CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/bootstrap.min.css">
    
    <!--====== Default CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/default.css">
    
    <!--====== Style CSS ======-->
    <link rel="stylesheet" href="<?php echo base_url();?>assets/css/style.css">
    
</head>

<body>
    <!--[if IE]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->    
   
    <!-- right side menu -->
    <style>

    #myBtn1:hover {
        background-color: #e08b5e;
    }


    #myBtn1 {
        display: block;
        position: fixed;
        top: 20%;
        right: 0px;
        z-index: 99;
        border: none;
        outline: none;
        background-color: #e08b5e;
        color: white;
        cursor: pointer;
        padding: 10px;
        border-radius: 10px 0 0 10px;
        font-size: 18px;
        box-shadow: 0px 0px 4px 2px rgba(0,0,0,.125);
    }

    #myBtn2:hover {
        background-color: #e08b5e;
    }


    #myBtn2 {
        display: block;
        position: fixed;
        top: 40%;
        right: 0px;
        z-index: 99;
        border: none;
        outline: none;
        background-color: #e08b5e;
        color: white;
        cursor: pointer;
        padding: 10px;
        border-radius: 10px 0 0 10px;
        font-size: 18px;
        box-shadow: 0px 0px 4px 2px rgba(0,0,0,.125);
    }
    </style>

    <a href="index.php?c=booking&amp;a=index">
      <button id="myBtn1">立<br>即<br>登<br>記</button>
    </a>


    <a href="index.php?c=booking&amp;a=index">
      <button id="myBtn2">網<br>店<br>限<br>定<br>優<br>惠</button>
    </a>

    <!-- end right side menu -->



   
    <!--====== PRELOADER PART START ======-->

    <div class="preloader">
        <div class="loader">
            <div class="ytp-spinner">
                <div class="ytp-spinner-container">
                    <div class="ytp-spinner-rotator">
                        <div class="ytp-spinner-left">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                        <div class="ytp-spinner-right">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== PRELOADER PART ENDS ======-->
    
    <!--====== HEADER PART START ======-->
    
    <header class="header-area" style="">
        <div class="navbar-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <nav class="navbar ">
                            <a class="navbar-brand" href="index.html">
                                <img src="<?php echo base_url();?>assets/images/logo.png" alt="Logo">
                            </a>
                            
                            <a class=" collapsed ml-auto mr-3 " data-toggle="collapse" href="#searchbox1" role="" aria-expanded="false" aria-controls="searchbox1" style="">
                            <div class="navbar-toggler bg-transparent  ">
                                <i class="fa fa-search" style="color:#d6bcab"></i>
                            </div>
                            </a>

                            <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#body1" aria-controls="body1" aria-expanded="false" aria-label="Toggle navigation">
                                <span class="toggler-icon" style="background-color:#d6bcab"></span>
                                <span class="toggler-icon" style="background-color:#d6bcab"></span>
                                <span class="toggler-icon" style="background-color:#d6bcab"></span>

                            </button>
                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                <ul id="nav" class="navbar-nav ml-auto">
                                    <li class="nav-item active">
                                        <a class="page-scroll" href="#home">Home</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#features">Features</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#about">About</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#facts">Why</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#team">Team</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="page-scroll" href="#blog">Blog</a>
                                    </li>
                                </ul>
                            </div> <!-- navbar collapse -->
                            
                            <!-- <div class="navbar-btn d-none d-sm-inline-block">
                                <a class="main-btn" data-scroll-nav="0" href="#pricing">Free Trial</a>
                            </div> -->

                        </nav> <!-- navbar -->
                    </div>
                </div> <!-- row -->
            </div> <!-- container -->
        </div> <!-- navbar area -->
        

    </header>
    
    <!--====== HEADER PART ENDS ======-->
    <script type="text/javascript">
     


        function myFunction() {
              var x = document.getElementById("rightsidemenu");
              if (x.style.display === "none") {
                x.style.display = "block";
              } else {
                x.style.display = "none";
              }

        }


    </script>

    <style type="text/css">
     
    </style>



<style>
    div#hint{

z-index: 11;position:absolute;top: 10;right: 0;

  background: gold;
  color: orangered;
  /*padding: .5em;*/
  box-sizing: border-box;
  /*overflow: hidden;*/
  /*height:0px;
  width: 100px;*/
  font-weight: bold;
  transition: height 1s, width 1s, padding 1s, visibility 1s, opacity 0.5s ease-out;

}
    

    /*inside menu*/
   .collapsible2 {
  background-color: #fdefe6;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  overflow: hidden;
}

.active2, .collapsible2:hover {
  background-color: #ffddc7;
}

.collapsible2:after {
  content: '\25bc';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  overflow: hidden;
}

.active2:after {
  content: "\25b2";
}

.content1 {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

.menu1button{
    background-color: #fdefe6;
}
.menu1button:hover{
    background-color: #ffd7be;
}

[data-toggle="collapse"] .famenu:before {  
  color: #d9bfb0;
  content: "\25b2";
   float: right;
  margin-left: 5px;
}

.collapsed[data-toggle="collapse"] .famenu:before {
  color: #d9bfb0;
  content: "\25bc";
   float: right;
  margin-left: 5px;
}


.menu2button{
  background-color: #fef7f1;
}

.menu2button:hover{
    background-color: #efece9;
}
.menu2button[data-toggle="collapse"] .famenu:before {  
  color: #d9bfb0;
  content: "\25b2";
   float: right;
  margin-left: 5px;
}

.menu2button[data-toggle="collapse"].collapsed .famenu:before {
  color: #d9bfb0;
  content: "\25bc";
   float: right;
  margin-left: 5px;
}

.menucontent:before {  


    color: #d9bfb0;
  content: "\00a0\00a0\00a0\00a0";
   float: right;
  margin-left: 5px;
}

.menucontent {
  cursor: pointer;
}
.menucontent span{
  color:#5b595a;
}
.menucontent:hover span{
  color:#ec6100;

}

.greyborder {
  /*border:1px grey solid;*/
  /*border-top:    1px grey solid;*/
  border-right:  1px grey solid;
  border-bottom: 1px grey solid;
  border-left:   1px grey solid;
}
    /*end inside menu*/


</style>
<div class="container" style="position:relative;">

<!-- search box -->
<div class="searchbox1 collapse col-12" id="searchbox1" style="background-color: white;position:absolute;top: 0; ">     

      
        <div class="row text-center " >
            <div class="col-12  py-3  px-5">
            <!-- <span class="famenu col-12" style="color:#b47f5f;">Search</span> -->
            <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
            

                <div class="input-group">
                    <input type="text" class="form-control" placeholder="">
                    <div class="input-group-append">
                      <button class="btn btn-secondary" type="button" style="background-color: #dabeb0;border-color: #dabeb0;">
                        <i class="fa fa-search"></i>
                      </button>
                    </div>
                </div>
            </div>
                
        </div>
   
</div>
<!-- end search box -->
<style>

.rightmarginpx {
    right: 0px;
    /*right:-300px;*/
  }

@media (min-width: 576px) { 
  .rightmarginpx {
    right: 0px;
    /*right:-300px;*/
  }

 }


@media (min-width: 768px) { 
    .rightmarginpx {
    right:0px;
    /*right:-300px;*/
  }
 }


@media (min-width: 992px) { 
    .rightmarginpx {
    right:-15%;
    /*right:-300px;*/
  }
 }

@media (min-width: 1200px) { 
  .rightmarginpx {
    /*left: calc(100vw-300px);*/
    /*right:-300px;*/
    right:-15%;
  }

 }

</style>

<div class="panel-body collapse rightmarginpx" id="body1" style="background-color: yellow;z-index: 11;position:absolute;top: 0; width:300px;"> 
      <?php
        //create clickable menu
        $countMainmenu=1;
        foreach ($landingmain as $landingmainrow) {
      ?>    
        <a class="menu1button collapsed greyborder" data-toggle="collapse" href="#multiCollapseMain<?php echo $countMainmenu;?>" role="" aria-expanded="false" aria-controls="multiCollapseMain<?php echo $countMainmenu;?>" style="width:100%;">
      
        <div class="row text-center " >
            <div class="col-12  py-3 ">
            <span class="famenu col-12" style="color:#b47f5f;"><?php echo $landingmainrow->title;?></span>
            <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
            </div>
        </div>

      </a>  

          <!-- echo submenu -->
          <div class="row">
          <div class="col-12">


            <div class="collapse multi-collapse" id="multiCollapseMain<?php echo $countMainmenu;?>">
              <?php
              //echo submenu item
                $countSubmenu=1;
                foreach ($landingsubmenu as $landingsubrow) {
                  if( $landingsubrow->main_id==$landingmainrow->id){


              ?>  
                  <!-- submenu1 -->
                    <a class="menu2button collapsed greyborder" data-toggle="collapse" href="#multiNewSubMenu<?php echo $countSubmenu;?>" role="" aria-expanded="false" aria-controls="multiNewSubMenu<?php echo $countSubmenu;?>" style="width:100%;">
                      <div class="row text-center" >
                          <div class="col-12  py-3 " style="margin-left: 0px;margin-right: 0px;">
                          <span class="famenu col-12" style="color:#5b595a;"><?php echo $landingsubrow->title?></span>
                          <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                          </div>
                      </div>
                      </a>   

                      <div class="col " style="background-color: #ffffff;">
                       <div class="collapse multi-collapse" id="multiNewSubMenu<?php echo $countSubmenu;?>">
                          <!-- content1 -->
                       
                          <div class="row text-center" >
                              <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                              <span class=" " style="">Juvederm 喬雅登</span>
                              <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                              </div>
                          </div>    
                          <!-- end content1 -->

                          <!-- content2 -->
                       
                          <div class="row text-center" >
                              <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                              <span class=" " style="">Restylane 瑞然美</span>
                              <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                              </div>
                          </div>    
                          <!-- end content2 -->

                          <!-- content2 -->
                       
                          <div class="row text-center" >
                              <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                              <span class=" " style="">Redensity 2 熊貓針</span>
                              <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                              </div>
                          </div>    
                          <!-- end content2 -->
                            

                       </div>
                      </div>

                    <!-- end submenu1 -->
              <?php
                    $countSubmenu=$countSubmenu+1;
                  }//if( $landingsubrow->main_id==$landingmainrow->id){
                }//foreach ($landingsubmenu as $landingsubrow) {
              //end echo submenu item
              ?>
            </div>
          </div>
          </div>
          <!-- end echo submenu -->
      <?
          $countMainmenu=$countMainmenu+1;
        }//foreach ($landingmain as $landingmainrow) {

        //end　create clickable menu
      ?>
      <!-- new menu button -->
      <a class="menu1button collapsed greyborder" data-toggle="collapse" href="#multiCollapseExample1" role="" aria-expanded="false" aria-controls="multiCollapseExample1" style="width:100%;">
      
        <div class="row text-center " >
            <div class="col-12  py-3 ">
            <span class="famenu col-12" style="color:#b47f5f;">療程服務</span>
            <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
            </div>
        </div>

      </a>  
      <div class="row">
          <div class="col-12">


            <div class="collapse multi-collapse" id="multiCollapseExample1">
              <!-- submenu1 -->
              <a class="menu2button collapsed greyborder" data-toggle="collapse" href="#multiSubMenu1" role="" aria-expanded="false" aria-controls="multiSubMenu1" style="width:100%;">
                <div class="row text-center" >
                    <div class="col-12  py-3 " style="margin-left: 0px;margin-right: 0px;">
                    <span class="famenu col-12" style="color:#5b595a;">透明質酸</span>
                    <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                    </div>
                </div>
                </a>   

                <div class="col">
                 <div class="collapse multi-collapse" id="multiSubMenu1">
                    <!-- content1 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Juvederm 喬雅登</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content1 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Restylane 瑞然美</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Redensity 2 熊貓針</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->
                      

                 </div>
                </div>

              
              <!-- end submenu1 -->

              <!-- submenu2 -->
              <a class="menu2button collapsed greyborder" data-toggle="collapse" href="#multiSubMenu2" role="" aria-expanded="false" aria-controls="multiSubMenu2" style="width:100%;">
                <div class="row text-center" >
                    <div class="col-12  py-3 " style="margin-left: 0px;margin-right: 0px;">
                    <span class="famenu col-12" style="color:#5b595a;">輪廓塑型</span>
                    <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                    </div>
                </div>
                </a>   

                <div class="col">
                 <div class="collapse multi-collapse" id="multiSubMenu2">
                    <!-- content1 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Juvederm 喬雅登</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content1 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Restylane 瑞然美</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Redensity 2 熊貓針</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->
                      

                 </div>
                </div>

              
              <!-- end submenu2 -->

              <!-- submenu3 -->
              <a class="menu2button collapsed greyborder" data-toggle="collapse" href="#multiSubMenu3" role="" aria-expanded="false" aria-controls="multiSubMenu3" style="width:100%;">
                <div class="row text-center" >
                    <div class="col-12  py-3 " style="margin-left: 0px;margin-right: 0px;">
                    <span class="famenu col-12" style="color:#5b595a;">緊緻提升</span>
                    <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                    </div>
                </div>
                </a>   

                <div class="col">
                 <div class="collapse multi-collapse" id="multiSubMenu3">
                    <!-- content1 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Juvederm 喬雅登</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content1 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Restylane 瑞然美</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Redensity 2 熊貓針</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->
                      

                 </div>
                </div>

              
              <!-- end submenu3 -->
            </div>
          </div>

     </div>  
      <!-- end new menu button -->


      <!-- menu button 2 -->
      <a class="menu1button collapsed greyborder" data-toggle="collapse" href="#multiCollapseExample2" role="" aria-expanded="false" aria-controls="multiCollapseExample2" style="width:100%;">
      
        <div class="row text-center " >
            <div class="col-12  py-3 ">
            <span class="famenu col-12" style="color:#b47f5f;">輕美容</span>
            <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
            </div>
        </div>

      </a>  
      <div class="row">
          <div class="col-12">


            <div class="collapse multi-collapse" id="multiCollapseExample2">
              <!-- submenu1 -->
              <a class="menu2button collapsed greyborder" data-toggle="collapse" href="#multiSubMenu21" role="" aria-expanded="false" aria-controls="multiSubMenu21" style="width:100%;">
                <div class="row text-center" >
                    <div class="col-12  py-3 " style="margin-left: 0px;margin-right: 0px;">
                    <span class="famenu col-12" style="color:#5b595a;">Hifu 緊肌系列</span>
                    <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                    </div>
                </div>
                </a>   

                <div class="col">
                 <div class="collapse multi-collapse" id="multiSubMenu21">
                    <!-- content1 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Juvederm 喬雅登</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content1 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Restylane 瑞然美</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Redensity 2 熊貓針</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->
                      

                 </div>
                </div>

              
              <!-- end submenu1 -->

              <!-- submenu2 -->
              <a class="menu2button collapsed greyborder" data-toggle="collapse" href="#multiSubMenu22" role="" aria-expanded="false" aria-controls="multiSubMenu22" style="width:100%;">
                <div class="row text-center" >
                    <div class="col-12  py-3 " style="margin-left: 0px;margin-right: 0px;">
                    <span class="famenu col-12" style="color:#5b595a;">激光Laser 嫩膚袪班 系列</span>
                    <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                    </div>
                </div>
                </a>   

                <div class="col">
                 <div class="collapse multi-collapse" id="multiSubMenu22">
                    <!-- content1 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Juvederm 喬雅登</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content1 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Restylane 瑞然美</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Redensity 2 熊貓針</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->
                      

                 </div>
                </div>

              
              <!-- end submenu2 -->

              <!-- submenu3 -->
              <a class="menu2button collapsed greyborder" data-toggle="collapse" href="#multiSubMenu23" role="" aria-expanded="false" aria-controls="multiSubMenu23" style="width:100%;">
                <div class="row text-center" >
                    <div class="col-12  py-3 " style="margin-left: 0px;margin-right: 0px;">
                    <span class="famenu col-12" style="color:#5b595a;">皮膚護理系列</span>
                    <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                    </div>
                </div>
                </a>   

                <div class="col">
                 <div class="collapse multi-collapse" id="multiSubMenu23">
                    <!-- content1 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Juvederm 喬雅登</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content1 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Restylane 瑞然美</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->

                    <!-- content2 -->
                 
                    <div class="row text-center" >
                        <div class="col-12  py-3 menucontent greyborder" style="background-color: #ffffff;">
                        <span class=" " style="">Redensity 2 熊貓針</span>
                        <!-- <i class="famenu float-right  my-auto" aria-hidden="true" style="z-index: 10;"></i> -->
                        </div>
                    </div>    
                    <!-- end content2 -->
                      

                 </div>
                </div>

              
              <!-- end submenu3 -->
            </div>
          </div>

     </div>    

      <!-- end menu button2  -->

      

    </div>
</div>


<div class="navbar-collapse collapse" id="navbarsExample01" style="">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#">Disabled</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="collapse" data-target="#dd" aria-haspopup="true" aria-expanded="false">Dropdown</a>
            <div class="dropdown-menu collapse position-relative" aria-labelledby="dropdown01" id="dd">
              <a class="dropdown-item" href="#">Action</a>
              <a class="dropdown-item" href="#">Another action</a>
              <a class="dropdown-item" href="#">Something else here</a>
            </div>
          </li>
        </ul>
      </div>
<div id='hint' style="visibility:hidden;">
  
 <!--  <p>This is some hint on how to be safe in this community </p>
  <p>This is another hint on how to be safe in this community </p> -->
  
<button type="button" class="collapsible2 text-center"><span style="color:#b47f5f;">療程服務</span></button>
<div class="content1">
  <p >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
 <button type="button" class="collapsible2 text-center"><span style="color:#b47f5f;">輕美容</span></button>
<div class="content1">
  <p >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
  <ul class="navbar-nav mr-auto">

      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Link</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Dropdown
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
      </li>
    </ul>

    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
        <li class="nav-item active">
          <a class="nav-link" href="#">首頁<span class="sr-only">(current)</span></a>
        </li>
    </ul>
  <ul class="nav flex-column flex-nowrap overflow-hidden">
                <li class="nav-item" style="background-color: #fdefe6">
                    <a class="nav-link text-truncate" href="#"><span class="d-none d-sm-inline">療程服務</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link collapsed text-truncate" href="#submenu1" data-toggle="collapse" data-target="#submenu1"><i class="fa fa-table"></i> <span class="d-none d-sm-inline">Reports</span></a>
                    <div class="collapse" id="submenu1" aria-expanded="false">
                        <ul class="flex-column pl-2 nav">
                            <li class="nav-item"><a class="nav-link py-0" href="#"><span>Orders</span></a></li>
                            <li class="nav-item">
                                <a class="nav-link collapsed py-1" href="#submenu1sub1" data-toggle="collapse" data-target="#submenu1sub1"><span>Customers</span></a>
                                <div class="collapse" id="submenu1sub1" aria-expanded="false">
                                    <ul class="flex-column nav pl-4">
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-clock-o"></i> Daily </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-dashboard"></i> Dashboard </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-bar-chart"></i> Charts </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-compass"></i> Areas </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item"><a class="nav-link text-truncate" href="#"><i class="fa fa-bar-chart"></i> <span class="d-none d-sm-inline">Analytics</span></a></li>
                <li class="nav-item"><a class="nav-link text-truncate" href="#"><i class="fa fa-download"></i> <span class="d-none d-sm-inline">Export</span></a></li>
            </ul>
</div>


<script type="text/javascript">
    
    var btn = document.getElementById('menubutton');
var hint = document.getElementById('hint');
// var height = hint.clientHeight;
// var width = hint.clientWidth;
var height = 600;
var width = 520;


console.log(width + 'x' + height);
// initialize them (within hint.style)
hint.style.height = 0 + 'px';
hint.style.width = 520 + 'px';

btn.addEventListener('click', function(){
  if(hint.style.visibility == 'hidden'){
    hint.style.visibility = 'visible';
    //hint.style.opacity = '1';
   
 hint.style.height = height + 'px';
    hint.style.width = width + 'px';
  
  }
  else{
    hint.style.visibility = 'hidden';
    //hint.style.opacity = '0';
    

    hint.style.height = '0';
    hint.style.width = width + 'px';
    hint.style.padding = '0';
   // hint.style.padding = '.5em';
  }

});


</script>
<script>
    // inside menu
var coll = document.getElementsByClassName("collapsible2");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active2");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    } 
  });
}

// end inside menu
</script>
    <!-- right side menu -->
    <div class="container-fluid" id="rightsidemenu" style="display: none;z-index: 10;position:absolute;top: 10;left: 0;">
    <div class="row">
        <div class="col-2 collapse show d-md-flex bg-light pt-2 pl-0 min-vh-100" id="sidebar">
            <ul class="nav flex-column flex-nowrap overflow-hidden">
                <li class="nav-item">
                    <a class="nav-link text-truncate" href="#"><i class="fa fa-home"></i> <span class="d-none d-sm-inline">Overview</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link collapsed text-truncate" href="#submenu1" data-toggle="collapse" data-target="#submenu1"><i class="fa fa-table"></i> <span class="d-none d-sm-inline">Reports</span></a>
                    <div class="collapse" id="submenu1" aria-expanded="false">
                        <ul class="flex-column pl-2 nav">
                            <li class="nav-item"><a class="nav-link py-0" href="#"><span>Orders</span></a></li>
                            <li class="nav-item">
                                <a class="nav-link collapsed py-1" href="#submenu1sub1" data-toggle="collapse" data-target="#submenu1sub1"><span>Customers</span></a>
                                <div class="collapse" id="submenu1sub1" aria-expanded="false">
                                    <ul class="flex-column nav pl-4">
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-clock-o"></i> Daily </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-dashboard"></i> Dashboard </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-bar-chart"></i> Charts </a>
                                        </li>
                                        <li class="nav-item">
                                            <a class="nav-link p-1" href="#">
                                                <i class="fa fa-fw fa-compass"></i> Areas </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item"><a class="nav-link text-truncate" href="#"><i class="fa fa-bar-chart"></i> <span class="d-none d-sm-inline">Analytics</span></a></li>
                <li class="nav-item"><a class="nav-link text-truncate" href="#"><i class="fa fa-download"></i> <span class="d-none d-sm-inline">Export</span></a></li>
            </ul>
        </div>
        <div class="col pt-2">
            <h2>
                <a href="" data-target="#sidebar" data-toggle="collapse" class="d-md-none"><i class="fa fa-bars"></i></a> Content </h2>
            <h6 class="hidden-sm-down">Shrink page width to see sidebar collapse</h6>
            <p>Codeply editor wolf moon retro jean shorts chambray sustainable roof party. Shoreditch vegan artisan Helvetica. Tattooed Codeply Echo Park Godard kogi, next level irony ennui twee squid fap selvage. Meggings flannel Brooklyn literally small batch, mumblecore PBR try-hard kale chips. Brooklyn vinyl lumbersexual bicycle rights, viral fap cronut leggings squid chillwave pickled gentrify mustache. 3 wolf moon hashtag church-key Odd Future. Austin messenger bag normcore, Helvetica Williamsburg sartorial tote bag distillery Portland before they sold out gastropub taxidermy Vice.</p>
        </div>
    </div>
</div>


    <!-- end right side menu -->



    <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 $landingcontentmultistyle[0]->partaimage1;?>" class="bannercover">
            <!-- </div> -->
    </section>

    <section id="" class="services-area d-block d-md-none " style="">           
            <!-- <div class="row "> -->
                 <img src="<?php echo $landingcontentmultistyle[0]->partaimage2;?>" class="bannercover">
            <!-- </div> -->
    </section>


    <!-- end head banner -->

    <!--====== BRAMD PART ENDS ======-->
    <section id="headingtitle" class="services-area mt-5 mb-5">
        <div class="container ">
            <div class="row justify-content-center">
                <div class="col-12 justify-content-center text-center" >
                <!-- <h1 class="amigoheadtextcolor mb-3">JUVÉDERM® 透明質酸</h1> -->
                <!-- <h4 class="amigotextcolor">飽滿蘋果股&nbsp;&nbsp;&nbsp;&nbsp;重塑下巴&nbsp;&nbsp;&nbsp;&nbsp;瞬間回復美麗自信</h4> -->
                <?php //echo $landingcontentmultistyle[0]->partbtext;?>

                <h1 class="amigoheadtextcolor mb-3"><?php echo $landingcontentmultistyle[0]->h1;?></h1>

                 <h2 class="amigotextcolor" style="font-size:24px; "><?php echo $landingcontentmultistyle[0]->h2;?></h2> 
            
                </div>

            </div>
        </div>
    </section>
    <!--====== SERVICES PART START ======-->
    <!--====== ABOUT PART START ======-->
    
    <section class="info-area bgsection2 py-5">

                
        <div class="container">
            <div class="row">
                
                <div class="col-lg-6 order-lg-last ">
                    <div class="tab-icon-holder d-table  wow fadeInLeftBig " data-wow-duration="1s" data-wow-delay="0.5s " style="height: 100%;">
                       <!-- <div class="d-table-cell align-middle ">
                          <p class="text ">成年後,我們身體內的透明質酸,會隨著年齡的增長而流失,引致到身體的鎖水功能減弱,造成肌膚粗造,同時失去光滑和彈性,更會令臉上出現皺紋,法令紋加深,蘋果股下垂,太陽穴凹陷等老化現象
                        <br>
                        <br>成年後,我們身體內的透明質酸,會隨著年齡的增長而流失,引致到身體的鎖水功能減弱,造成肌膚粗造,同時失去光滑和彈性,更會令臉上出現皺紋,法令紋加深,蘋果股下垂,太陽穴凹陷等老化現象
                        <br>
                        <br>成年後,我們身體內的透明質酸,會隨著年齡的增長而流失,引致到身體的鎖水功能減弱,造成肌膚粗造,同時失去光滑和彈性,更會令臉上出現皺紋,法令紋加深,蘋果股下垂,太陽穴凹陷等老化現象</p>
                       </div> -->
                       <?php echo $landingcontentmultistyle[0]->partcpart2;?>
                    </div>
                    <!-- <div class="about-content  wow fadeInLeftBig my-auto" data-wow-duration="1s" data-wow-delay="0.5s "> -->
                        <!-- <div class="section-title"> -->
                           <!--  <div class="line"></div>
                            <h3 class="title">Modern design <span> with Essential Features</span></h3> -->
                        <!-- </div> section title -->
                       
                        <!-- <a href="#" class="main-btn">Try it Free</a> -->
                    <!-- </div> about content -->
                </div>
                <div class="col-lg-6 order-lg-first ">
                    <div class="about-image text-center  wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
                        <!-- <img src="assets/images/uploads/juvederm_image_01.png" class="py-2" alt="shape"> -->
                        <img src="<?php echo $landingcontentmultistyle[0]->partcimage;?>" class="py-2" alt="shape">
                    </div> <!-- about image -->
                </div>
                
            </div> <!-- row -->
        </div> <!-- container -->
    </section>


    <!--====== ABOUT PART START ======-->
    <!--====== ABOUT PART START2 ======-->
    
    <section class="info-area  py-5">

                
        <div class="container">
            <div class="row">
                <div class="col-lg-6 order-lg-first">
                    <div class="tab-icon-holder d-table  wow fadeInRightBig " data-wow-duration="1s" data-wow-delay="0.5s " style="height: 100%;">
                       <div class="d-table-cell align-middle px-3 ">
                            <p class="text ">
                            <ul class="a">
                              <li>專利Hylacross 科技,擁有4種不同黏膜度的堅固配方,配合不同面部需要</li>
                              <li>即時塑造自然修長下巴</li>
                              <li>有效修飾面型比例</li>
                              <li>有效修飾面型比例</li>
                              <li>有效修飾面型比例</li>
                              <li>有效修飾面型比例</li>

                            </ul>
                            </p>
                       </div>
                    </div>
                    <!-- <div class="about-content  wow fadeInLeftBig my-auto" data-wow-duration="1s" data-wow-delay="0.5s "> -->
                        <!-- <div class="section-title"> -->
                           <!--  <div class="line"></div>
                            <h3 class="title">Modern design <span> with Essential Features</span></h3> -->
                        <!-- </div> section title -->
                       
                        <!-- <a href="#" class="main-btn">Try it Free</a> -->
                    <!-- </div> about content -->
                </div>
                <div class="col-lg-6 order-lg-last">
                    <div class="about-image text-center  wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
                        <img src="assets/images/uploads/juvederm_image_02.png" class="py-2" alt="shape">
                    </div> <!-- about image -->
                </div>
                
                
            </div> <!-- row -->
        </div> <!-- container -->
    </section>


    <!--====== ABOUT PART START2 ======-->

    <!--====== What's App  START ======-->
    <section id="headingtitle" class="services-area">
        <div class="container  mb-5">
            <div class="row justify-content-center">
                <div class="col-12 justify-content-center text-center mt-3 mb-3" >
                <h3 class="amigoheadtextcolor mb-3">心動優惠價 HK $X,X00 1ML</h3>
                <a href="https://api.whatsapp.com/send?phone=+85291629119&text=我想查詢" target="_blank">
                <button type="button" class="btn btn-success btn-lg" style="max-height: 75px;"><p style="color: white;"><b><i class="fa fa-whatsapp fa-lg" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;立&nbsp;即&nbsp;查&nbsp;詢&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></p></button>
                </a>
                </div>
            </div>
        </div>
    </section>
    <!--====== What's App PART ENDS  ======-->

    <!--====== ABOUT PART START3 ======-->
    
    <section class="info-area bgsection2 py-5">

                
        <div class="container py-5">
            <div class="row">
                <div class="col-lg-6 order-lg-first">
                    <div class="tab-icon-holder d-table  wow fadeInRightBig " data-wow-duration="1s" data-wow-delay="0.5s " style="height: 100%;">
                       <div class="d-table-cell align-middle px-3 ">
                            <p class="text ">
                            <ul class="a">
                              <li>安全可靠,美國FDA及歐盟(CE)及認可,香港衞生署表列醫療儀器</li>
                              <li>含有0.3% Lidocaine </li>
                              <li>有效修飾面型比例</li>
                              <li>有效修飾面型比例</li>
                              <li>有效修飾面型比例</li>
                              <li>有效修飾面型比例</li>

                            </ul>
                            </p>
                       </div>
                    </div>
                    <!-- <div class="about-content  wow fadeInLeftBig my-auto" data-wow-duration="1s" data-wow-delay="0.5s "> -->
                        <!-- <div class="section-title"> -->
                           <!--  <div class="line"></div>
                            <h3 class="title">Modern design <span> with Essential Features</span></h3> -->
                        <!-- </div> section title -->
                       
                        <!-- <a href="#" class="main-btn">Try it Free</a> -->
                    <!-- </div> about content -->
                </div>
                <div class="col-lg-6 order-lg-last">
                    <div class="about-image text-center  wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
                        <img src="assets/images/uploads/juvederm_image_03.png" class="py-2" alt="shape">
                    </div> <!-- about image -->
                </div>
                
                
            </div> <!-- row -->
        </div> <!-- container -->
    </section>


    <!--====== ABOUT PART START3 ======-->
     <!--====== BRAMD PART START ======-->
    <section class="info-area  py-5" style="color: white">
    <div class="brand-area py-5" style="background-color: white">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- <h3 class="amigoheadtextcolor mb-3 text-center">為何選擇Amigo Rejuvence尚美的原因?</h3> -->
                    <h3 class="amigoheadtextcolor mb-3 text-center"><?php echo $feature[0]->main_content;?></h3>
                    <!-- <h1 class="amigoheadtextcolor mb-3 text-center">健康

                        <svg width="0.6em" height="0.6em" viewBox="0 0 16 16" class="bi bi-dot" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
                    </svg>安全
                    <svg width="0.6em" height="0.6em" viewBox="0 0 16 16" class="bi bi-dot" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
                    </svg>
                    專業</h1> -->

                    <h3 class="amigoheadtextcolor mb-3 text-center" style="font-size:40px;"><?php echo $feature[0]->sub_content;?></h3>

                </div>
            </div>

                <div class="row justify-content-center">
                  

                    <?php
                      foreach ($featurecontent as $featurerow) {
                        //echo $featurerow->feature_text;
                    ?>
                      <div class="col-md-2 col-6  text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                        
                            <img src="<?php echo base_url().$featurerow->feature_image;?>" style="height:60px"alt="Team">
                            
                        
                        <div class="team-content mt-4">
                            <h5 class="text" style="color: #6A6972;"><?php echo $featurerow->feature_text?></h5>
                        </div>
                    </div>

                    <?php

                      }//foreach ($featurecontent as $featurerow) {
                    ?>

                    <!-- <div class="col-md-2 col-6  text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                        
                            <img src="assets/images/uploads/icon_01.png" style="height:60px"alt="Team">
                            
                        
                        <div class="team-content mt-4">
                            <h5 class="text" style="color: #6A6972;">醫學認證</h5>
                        </div>
                    </div>
                    <div class="col-md-2 col-6  text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                        
                            <img src="assets/images/uploads/icon_02.png" style="height:60px" alt="Team">
                            
                        
                        <div class="team-content mt-4">
                            <h5 class="text" style="color: #6A6972;">顧客至上</h5>
                        </div>
                    </div> 
                    <div class="col-md-2 col-6  text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                        
                            <img src="assets/images/uploads/icon_03.png" style="height:60px" alt="Team">
                            
                        
                        <div class="team-content mt-4">
                            <h5 class="text" style="color: #6A6972;">個人化療程</h5>
                        </div>
                    </div>
                     <div class="col-md-2 col-6 text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="1.1s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                         
                            <img src="assets/images/uploads/icon_04.png" style="height:60px" alt="Team">
                            
                        
                        <div class="team-content  mt-4">
                            <h5 class="text" style="color: #6A6972;">經驗美容師</h5>
                        </div>
                    </div>
                    <div class="col-md-2 col-6 text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="1.4s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                        
                            <img src="assets/images/uploads/icon_05.png" style="height:60px" alt="Team">
                            
                        
                        <div class="team-content  mt-4">
                            <h5 class="text" style="color: #6A6972;">絕不硬銷</h5>
                        </div>
                    </div>
                    <div class="col-md-2 col-6  text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="1.7s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s; animation-name: fadeIn;">
                        
                            <img src="assets/images/uploads/icon_06.png" style="height:60px" alt="Team">
                            
                        
                        <div class="team-content  mt-4">
                            <h5 class="text" style="color: #6A6972;">名廠正貨</h5>
                        </div>
                    </div> -->

                     <!-- single team -->
             
            </div>

            
        </div> <!-- container -->
    </div>
    </section>
    <!--====== BRAMD PART ENDS ======-->
    <!-- REGISTER FORM -->
    <section class="info-area bgsection2 py-5">

                
        <div class="container py-5">
            <div class="row">
                <div class="col-lg-12 order-lg-first">
                    <h2 class="amigoheadtextcolor mb-3 text-center">立即登記</h2>
                    <div class=" m-auto" style="    background: linear-gradient(#fe8464 0%, #cba58f 100%);
    width: 100%;
    height: 1px;
    margin-bottom: 10px !important;"></div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <form class="form-horizontal" method="post" action="<?=base_url()?>home/formsubmit" enctype="multipart/form-data" >
                      <div class="form-group row">
                       
                        <div class="col-12 col-md-6 mb-3 mb-md-0">
                          <input type="text"  class="form-control" id="inputname" name="inputname" value="" placeholder="*稱呼" required>
                        </div>
                        <div class="col-12 col-md-6">
                          <input type="text" class="form-control" id="inputemail" name="inputemail" placeholder="*電郵" required>
                        </div>
                      </div>
                      
                    
                </div>
            </div>
            <div class="row">
                <div class="col-12">
               
                      <div class="form-group row">
                       
                        <div class="col-12 col-md-6 mb-3 mb-md-0">
                          <input type="text"  class="form-control" id="staticmobile" name="staticmobile" value="" placeholder="*電話" required>
                        </div>
                        <div class="col-4 col-md-2">
                          <!-- <input type="text" class="form-control" id="inputGender" placeholder="性別"> -->
                          <!--<select class="form-control" id="inputGender" 
                            style="color:#b47f53;"
                             >-->
                            <select class="form-control" id="inputgender"   name="inputgender" 
                            style="-webkit-appearance: none;
/*    background-color: white;
    background-position : right center;
    background-repeat: no-repeat;
    padding-right: 1.5em;*/
 /*   -webkit-appearance: none;
    background-color: white;*/
    /*background: url('assets/images/downarrow.png') no-repeat;*/

background: #ffffff url('assets/images/downarrow.png') no-repeat;
background-position: right center;

    "

                             >
                              <option value="">性別</option>
                              <option value="M">男</option>
                              <option value="F">女</option>
                            </select>
                        </div>
                        <div class="col-8 col-md-4">
                          <!-- <input type="text" class="form-control" id="inputAge" placeholder="年齡組別"> -->
                           <select class="form-control" id="inputage"  name="inputage" 
style="-webkit-appearance: none;

background: #ffffff url('assets/images/downarrow.png') no-repeat;
background-position: right center;

    "
                             >
                              <option value="">年齡組別</option>
                              <option value="1">18-25</option>
                              <option value="2">25-35</option>
                              <option value="3">35-45</option>
                              <option value="4">45-60</option>
                              <option value="5">60+</option>
                            </select>
                        </div>
                      </div>
                    
                  
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 order-lg-first">
                    <p class="amigoheadtextcolor  text-left" style="font-size: 12px;"><b>*必需填寫</b></h2>
                   
                </div>
            </div>

            <div class="row mt-3 mb-2">
                <div class="col-lg-12 order-lg-first">
                    <h5 class="amigoheadtextcolor  text-left" ><b>你 想 改 善 的 問 題 ( 可 選 多 於 一 項 )</b></h5>
                   
                </div>
            </div>

            <!-- checkbox row 1 -->
            
  
                      <div class="row pl-3">
  
<style>


</style>

<?php
$countQuestion=1;
 foreach($questionscontent as $questionrow){
  if($questionrow->type_id==1){
?>
    <div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
      <input type="checkbox" class="custom-control-input my-error" id="questionanswer<?php echo $countQuestion;?>" name="questionanswer[]" value="<?php echo $questionrow->id;?>">
      <label class="custom-control-label" for="questionanswer<?php echo $countQuestion;?>" style=""><?php echo $questionrow->question;?></label>
    </div>
<?php
    $countQuestion=$countQuestion+1;
  }//if($questionrow->type_id==1){
 } 

?>


<!-- <div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck1">
  <label class="custom-control-label" for="customCheck1" style="">皮膚鬆弛</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2">
  <label class="custom-control-label" for="customCheck2" style="">乾燥缺水</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck3">
  <label class="custom-control-label" for="customCheck3" style="">毛孔粗大</label>
</div>


<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck4">
  <label class="custom-control-label" for="customCheck4" style="">凹凸洞</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck5">
  <label class="custom-control-label" for="customCheck5" style="">雙下巴</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck6">
  <label class="custom-control-label" for="customCheck6" style="">幼紋/乾紋</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck7">
  <label class="custom-control-label" for="customCheck7" style="">膚色不均</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck8">
  <label class="custom-control-label" for="customCheck8" style="">黑頭粉刺</label>
</div>
<div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck9">
  <label class="custom-control-label" for="customCheck9" style="">頑固脂肪</label>
</div> -->


                       </div>
                   
             

          

            <!-- end checkbox row 1 -->


            <!-- row 2 -->
            <div class="row mt-3 mb-2">
                <div class="col-lg-12 order-lg-first">
                    <h5 class="amigoheadtextcolor  text-left" ><b>專 業 項 目 諮 詢</b></h5>
                   
                </div>
            </div>

            <!-- end row 2 -->

            <!-- row 3 -->
            <div class="row pl-3">
  
<style>


</style>
<?php 

 foreach($questionscontent as $questionrow){
  if($questionrow->type_id==2){
?>
    <div class="custom-control custom-checkbox col-6 col-md-4 mb-2" style="">
      <input type="checkbox" class="custom-control-input my-error" id="questionanswer<?php echo $countQuestion;?>" name="questionanswer[]" value="<?php echo $questionrow->id;?>">
      <label class="custom-control-label" for="questionanswer<?php echo $countQuestion;?>" style=""><?php echo $questionrow->question;?></label>
    </div>

<?php
    $countQuestion=$countQuestion+1;
  }//if($questionrow->type_id==1){
 } 
 ?>
<!-- <div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-1">
  <label class="custom-control-label" for="customCheck2-1" style="">JUVÉDERM喬雅登</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-2">
  <label class="custom-control-label" for="customCheck2-2" style="">Botox保妥適</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-3">
  <label class="custom-control-label" for="customCheck2-3" style="">Ellanse少女針</label>
</div>


<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-4">
  <label class="custom-control-label" for="customCheck2-4" style="">Derma Veil得美顏</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-5">
  <label class="custom-control-label" for="customCheck2-5" style="">Fraxel分段激光</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-6">
  <label class="custom-control-label" for="customCheck2-6" style="">Ultra V無針埋線</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-7">
  <label class="custom-control-label" for="customCheck2-7" style="">Profhilo透明質酸</label>
</div>

<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-8">
  <label class="custom-control-label" for="customCheck2-8" style="">Thermage FLX第四代電波拉皮</label>
</div>
<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-9">
  <label class="custom-control-label" for="customCheck2-9" style="">Thermage FLX第三代電波拉皮</label>
</div>
<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-10">
  <label class="custom-control-label" for="customCheck2-10" style="">Coolsculpting冷凍溶脂</label>
</div>
<div class="custom-control custom-checkbox col-6 col-md-4 mb-2 " style="">
  <input type="checkbox" class="custom-control-input my-error" id="customCheck2-11">
  <label class="custom-control-label" for="customCheck2-11" style="">Ultherapy聚焦超聲波</label>
</div>
 -->

                       </div>
            <!-- end row 3 -->

             <!-- row 4 -->
            <div class="row mt-3 mb-2">
                <div class="col-lg-12 order-lg-first">
                    <h5 class="amigoheadtextcolor  text-left" ><b>免 費 體 驗</b></h5>
                   
                </div>
            </div>

            <!-- end row 4 -->

            <!-- row 5 -->
            <div class="row my-1">
                <div class="col-lg-12 order-lg-first">
                    <p class="  text-left mb-2" >1.絕無任何隱藏費用，不設額外收費。(欲購買免費體驗以外之療程，則須自行付費)</p>
                   <p class="  text-left mb-2" >2.只適用於首次登記Amigo Rejuvence 客戶使用。</p>
                   <p class="  text-left mb-2" >3.為了保障療程在安全有效的情況下進行，請向 Amigo Rejuvence 專業醫學美容師了解療程前須知。</p>
                </div>
            </div>

            <!-- end row 5 -->

            <!-- button row -->
            <div class="row mt-3 ">
                <div class="col-12 text-center ">
                     <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
                    <button type="submit" class="btn registerbutton btn-lg" style="max-height: 75px;" data-badge="inline"  ><p style="color: white;"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;立&nbsp;即&nbsp;登&nbsp;記&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b></p></button>
                </div>
            </div>
            
          </form>
            <!-- end button row -->

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

    </style>

    <!-- bottom banner -->
    <section id="bottombanner">
        <div class="row mt-5 mb-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> -->
        <?php echo $serviceinfocontent[0]->slogan_text;?>
            </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="footerbg">
        <div class="row  ">
            <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>
    </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>
