
<?php include 'landingheader.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 $landingcontentmultistyle[0]->partaimage1;?>" class="bannercover" alt="<?php echo $landingcontentmultistyle[0]->partaimage1_alttext;?>">
            <!-- </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" alt="<?php echo $landingcontentmultistyle[0]->partaimage2_alttext;?>">
            <!-- </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 ======-->
    <!--====== LOAD MODIFIED CONTENT ======-->
    <?php echo $modified_partc_content;?>
    <!--====== END LOAD MODIFIED CONTENT ======-->
    <!--====== 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  " 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  " > -->
                        <!-- <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="<?php echo $landingcontentmultistyle[0]->partcimage_alttext;?>"> -->
                   <!--  </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 "  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> -->
                       <?php //echo $landingcontentmultistyle[0]->partdpart1;?>
                    <!-- </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 "> -->
                        <!-- <img src="assets/images/uploads/juvederm_image_02.png" class="py-2" alt="shape"> -->
                       <!--  <img src="<?php echo $landingcontentmultistyle[0]->partdimage;?>" class="py-2" alt="<?php echo $landingcontentmultistyle[0]->partdimage_alttext;?>"> -->
                    <!-- </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> -->
                <?php //echo $landingcontentmultistyle[0]->partetext;?>
                <!-- <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  "  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> -->

                       <?php //echo $landingcontentmultistyle[0]->partftext;?>
                    <!-- </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  " > -->
                        <!-- <img src="assets/images/uploads/juvederm_image_03.png" class="py-2" alt="shape"> -->
                    <!--      <img src="<?php echo $landingcontentmultistyle[0]->partfimage;?>" class="py-2" alt="<?php echo $landingcontentmultistyle[0]->partfimage_alttext;?>"> -->
                    <!-- </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 "  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="<?php echo $featurerow->alt_text?>">
                            
                        
                        <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>


     <!-- 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="container">
            <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>
        </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>
