<?php
    include_once 'changeLang.php';
?>
<!DOCTYPE html>
<html lang="en">
  <head>
	  <link rel="icon" type="image/x-icon" href="images/kv_ico.ico" /> 
<link rel="icon" type="image/x-icon" href="images/kv_ico.ico" /> 
    <title><?php echo $lang['INDEX_TITLE']; ?></title>
    <meta name="Keywords" content="<?php echo $lang['INDEX_KEYWORD'];?>" /> 
    <meta name="Description" content="<?php echo $lang['INDEX_DESCRIPTION'];?>" /> 
    <meta name="robots" content="index, follow">
    <meta name="distribution" content="Global" /> 
    <meta name="language" content="en-th" />  
    <meta name="rating" content="General" /> 
    <meta name="expires" content="Never" /> 
    <meta name="MSSmartTagsPreventParsing" content="true" />  
    <meta name="copyright" content="kvmansion.com" /> 
    <meta name="GOOGLEBOT" content="INDEX, FOLLOW"/> 
    <meta name="Author" content="apartment thailand"/>
	<meta name="theme-color" content="#705c0a">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap -->
    <link href="css/bootstrap-4.3.1.css" rel="stylesheet">
    <link href="kvLayout.css" rel="stylesheet" type="text/css">
    
    <link rel="stylesheet" href="css/swiper.min.css">
    


    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
      var RecaptchaOptions = {
        theme : 'custom',
        custom_theme_widget: 'recaptcha_widget'
     };
     
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-17970710-1']);
      _gaq.push(['_trackPageview']);
     
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
     
    </script> 
  </head>
  <body>
  <?php include('layout/header.php'); ?>

      <div class="container-fluid-kv">
        <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#carouselExampleControls" data-slide-to="0" class="active"></li>
              <li data-target="#carouselExampleControls" data-slide-to="1"></li>
              <li data-target="#carouselExampleControls" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img class="d-block w-100 img-fluid" src="images/home_b01.jpg" alt="First slide">
                <div class="carousel-caption d-none d-md-block">
                  <h5><?php echo $lang['SLIDE1_HEADER'];?></h5>
                  <p><?php echo $lang['SLIDE1_CONTENT'];?></p>
                </div>
              </div>
              <div class="carousel-item">
                <img class="d-block w-100" src="images/home_b022.jpg" alt="Second slide">
                <div class="carousel-caption d-none d-md-block">
                  <h5><?php echo $lang['SLIDE2_HEADER'];?></h5>
                  <p><?php echo $lang['SLIDE2_CONTENT'];?></p>
                </div>
              </div>
              <div class="carousel-item">
                <img class="d-block w-100" src="images/home_b033.jpg" alt="Third slide">
                <div class="carousel-caption d-none d-md-block">
                  <h5><?php echo $lang['SLIDE3_HEADER'];?></h5>
                  <p><?php echo $lang['SLIDE3_CONTENT'];?></p>
                </div>
              </div>
            </div>
          <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
            </a>
        </div>
  </div>
    <div>
      <hr>
    </div>
    <section class="small">
      <div class="container">
        <div class="row">
          <div class="col-12 text-center smallFontMobile">
            <h1><?php echo $lang['S1_TITLE_HEADER']; ?></h1>
            <p class="ind40 text-justify"><?php echo $lang['S1_TITLE_CONTENT']; ?><br>
              <br>
            </p>
</div>
        </div>
      </div>
    </section>
<section class="bg-gray sectormargin">
  <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-6 col-12">
            <ul class="list-unstyled">
              <li class="media">
                <img class="mr-3 rounded-circle" src="images/bestLocation.png" alt="Generic placeholder image">
                <div class="media-body">
                  <h5 class="mt-0 mb-1"><?php echo $lang['S2_COL1_HEADER'];?></h5>
                  <p class="mb-0">
                    <?php echo $lang['s2_COL1_CONTENT'];?>
                  </p>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-4 col-md-6 col-12">
            <ul class="list-unstyled">
              <li class="media">
                <img class="mr-3 rounded-circle" src="images/home_icon.png" alt="Generic placeholder image">
                <div class="media-body ">
                  <h5 class="mt-0 mb-1"><?php echo $lang['S2_COL2_HEADER'];?></h5>
                  <p class="mb-0">
                  <?php echo $lang['s2_COL2_CONTENT'];?>
                  </p>
                </div>
              </li>
            </ul>
          </div>
          <div class="col-lg-4 d-lg-block">
            <ul class="list-unstyled">
              <li class="media">
                <img class="mr-3 rounded-circle" src="images/smile_icon.png" alt="Generic placeholder image">
                <div class="media-body">
                  <h5 class="mt-0 mb-1"><?php echo $lang['S2_COL3_HEADER'];?></h5>
                  <p class="mb-0">
                  <?php echo $lang['s2_COL3_CONTENT'];?>
                  </p>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  <div>
    <hr>
  </div>
  <div class="container">
      <div class="row">
        <div class="col-lg-8 col-12">
          <div class="row">
            <div class="col-12 col-xl-12 col-sm-12">
              <div class="card youtubecenter text-center">
              <iframe width="80%" height="380px" src="https://www.youtube.com/embed/XnM9A2_DGtE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen class="embed-responsive"></iframe>
               <!--<iframe src="http://www.youtube.com/embed/LXv8zLSBv8M?rel=0&amp;autoplay=1" width="80%" height="380px" frameborder="0" allowfullscreen="" __idm_id__="447166465" class="embed-responsive"></iframe>-->
</div>
            </div>
            <div class="col-sm-6 col-12 col-xl-12">
			  <hr>
		    </div>
          </div>
          <div class="row smallFontMobile">
            <div class="col-sm-6 col-12">
              <div class="card">
          <img class="card-img-top img-fluid" src="images/singleRoom_icon.jpg" alt="Card image cap">
          
            <!-- Swiper -->
    
  <div class="swiper-container" style="width:100%">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="images/bedWithHeart.jpg" width="100%" alt="<?php echo $lang['S4_C1_ALT_IMG1'];?>"></div>
      <div class="swiper-slide"><img src="images/bedtv.jpg" width="100%" alt="<?php echo $lang['S4_C1_ALT_IMG2'];?>"></div>
      <div class="swiper-slide"><img src="images/sofa.jpg" width="100%" alt="<?php echo $lang['S4_C1_ALT_IMG3'];?>"></div>
      <div class="swiper-slide"><img src="images/toilet.jpg" width="100%" alt="<?php echo $lang['S4_C1_ALT_IMG4'];?>"></div>
    </div>
  </div>
<div class="card-body">
              <h5 class="card-title">
                  <?php echo $lang['S4_COL1_HEADER'];?>
              </h5>
                  <p class="card-text">
                  <?php echo $lang['S4_COL1_CONTENT'];?>
                  </p>
                  <a href="#" class="btn btn-primary"><?php echo $lang['MORE_DETAIL'];?></a>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-12">
              <div class="card">
				  <img class="card-img-top img-fluid" src="images/doubleRoom_icon.jpg" alt="Card image cap">
            <!-- Swiper -->
    
  <div class="swiper-container" style="width:100%">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="images/livingroom.jpg" width="100%" alt="<?php echo $lang['S4_C2_ALT_IMG1'];?>"></div>
      <div class="swiper-slide"><img src="images/bedMiddle.jpg" width="100%" alt="<?php echo $lang['S4_C2_ALT_IMG1'];?>"></div>
      <div class="swiper-slide"><img src="images/toilet.jpg" width="100%" alt="<?php echo $lang['S4_C2_ALT_IMG1'];?>"></div>
    </div>
  </div>
<div class="card-body">
              <h5 class="card-title">
              <?php echo $lang['S4_COL2_HEADER'];?>
              </h5>
                  <p class="card-text">
                  <?php echo $lang['S4_COL2_CONTENT'];?>
                  </p>
                  <a href="#" class="btn btn-primary"><?php echo $lang['MORE_DETAIL'];?></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <hr>
        <div class="col-lg-4 col-12">
          <div class="row mx-0">
            <div class="col-12">
              <h3 class="text-center">
                  <?php echo $lang['S4_COL3_HEADER'];?>
              </h3>
              <hr>
              <div class="col-12 text-center"><img src="images/btsOnnut.jpg" width="228" height="106" alt=""/>&nbsp;</div>

              <div class="media">
                <?php echo $lang['S4_COL3_CONTENT'];?>
				  <br>
			</div>
</div>
            <div class="col-12 card bg-light mx-auto">
              <h3 class="text-center card-header">Contact Us</h3>
              <form class="card-body">
              <div class="form-group row">
                  <label for="pricefrom" class="col-form-label">Name</label>
                  <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text" id="basic-addon1">$</div>
                    </div>
                    <input type="text" class="form-control" id="pricefrom" aria-describedby="basic-addon1">
                  </div>
                </div>
                <div class="form-group row">
                  <label for="pricefrom" class="col-form-label">email</label>
                  <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text" id="basic-addon1">$</div>
                    </div>
                    <input type="text" class="form-control" id="pricefrom" aria-describedby="basic-addon1">
                  </div>
                </div>
                <div class="form-group row">
                  <label for="priceto" class="col-form-label">Message</label>
                  <div class="input-group">
                    <div class="input-group-prepend">
                      <div class="input-group-text" id="basic-addon2">$</div>
                    </div>
                    <textarea class="form-control" id="priceto" aria-describedby="basic-addon2"> </textarea>
                  </div>
                </div>
                <p class="text-center"><a href="#" class="btn btn-danger" role="button">Submit </a></p>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  <div>
	  <hr>
	  </div>
<section class="smallFontMobile bg-gray">
	  <div class="container">
  <div class="row text-center">
    <div class="col-xl-12">
      <div class="col-12"> 
        <h3>KV Conference</h3>
        <a href="http://www.kvconference.com" target="_blank">
        <img src="images/kvmansionHTML_77.jpg" alt="" class="img-fluid"/> </a></div>
      <div class="col-12">
      <?php echo $lang['S5_COL1_CONTENT'];?>
        <p class="sectormargin text-center"><a href="http://www.kvconference.com" target="_blank" class="btn btn-primary text-cent"><?php echo $lang['MORE_DETAIL'];?></a></p>
      </div>
</div>
		  </div>
	</div>
	  </section>
<section class="smallFontMobile">
	  
		  <div class="container">
  <div class="row text-center">
    <div class="col-xl-12">
      <div class="col-12"> 
        <h3>KV map</h3>
       <a href="https://g.page/kv-mansion?share" target="_blank"> <img src="images/kvmansionHTML_79.jpg" alt="" class="img-fluid"/></a>
      </div>
      <div class="col-12">
      <?php echo $lang['S5_COL2_CONTENT'];?>  
      <br>
        <p class="sectormargin text-center"><a href="https://g.page/kv-mansion?share" target="_blank" class="btn btn-primary"><?php echo $lang['MORE_DETAIL'];?></a></p>
      </div>
    </div>
</div>
  </div>
	  </section>
<div>
  <hr>
</div>
<footer>
  <div class="container">
        <div class="row bgfooterlogo">
          <div class="col-12 col-lg-6">
            <h3><?php echo $lang['FOOTER_CONTACT_HEADER'];?></h3>
            <a href="http://line.me/ti/p/%40jtr8877y" target="_blank"> <img src="images/line_icon.png" width="30" alt=""/></a>&nbsp; &nbsp;
			  <a href="tel:+66893007291"> <img src="images/tel_icon.png" width="30" alt=""/></a>
            <p>
            <?php echo $lang['FOOTER_CONTACT_CONTENT'];?>
            </p>
          </div>
        </div>
  </div>
  </footer>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap-4.3.1.js"></script>
    
  <!-- Swiper JS -->
  <script src="js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper('.swiper-container');
  </script>


  </body>
</html>