name : IV_006.php
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="expires" content="0">
    <title>interior visions | design firm in bangkok | บริษัทออกแบบตกแต่งภายใน</title>
  </head>
    <link href="https://fonts.googleapis.com/css?family=Raleway:100" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <style type="text/css">
      @font-face {
        font-family: 'db_pradit_xregular';
        src: url('font/db_pradit_x-webfont.woff2') format('woff2'),
            url('font/db_pradit_x-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

      }

      

			body{
        font-family: 'db_pradit_xregular';
        font-size:20px;
      }
      
      a {
        font-family: 'db_pradit_xregular';
        text-decoration:none;
        font-size:24px;
        color:black;
      }

      a:hover {
        font-family: 'db_pradit_xregular';
        text-decoration:none;
        color:black;
      }

      .content_video{
        font-family: 'db_pradit_xregular';
        font-size:30px;
      }

      h2{
        font-size:80px;
      }      

      h3{
        font-size:40px;
      }

      h4{
        font-size:30px;
      }

      h5{
        font-size:28px;
      }
      
     

      p{
        font-size:28px;
      }
	</style>
  <body>
    
  <?php include('layout/navbar.php'); ?>
  <div class="container-fluid">
            <?php include('layout/header.php'); ?>
            <div class="row">
              <div class="col-md-12">  <hr class="style-three"/></div>
            </div>
            <div class="row">
              <div class="col-md-12">  
                  <div class="nav_menu"> 
                      <span><a href="#">Interior Design &nbsp; ></a></span>
                      <span style="padding-left:20px;"><a href="#">Property &nbsp; ></a> </span>
                      <span style="padding-left:20px;"><a href="#" style="font-weight: bold;">Rhythm Pahol Aree</a></span>   
                  </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">  <img src="images/iv_006/pic_iv006.jpg" class="img-responsive"  /></div>
            </div>
            <div class="content_video">
              <h4>RHYTHM | Pahol Aree</h4>
              <h5>Interior Design</h5>
            </div>
            <div class="content_video">
              <h4>Location : Pahol Yothin Road</h4>
              <h4>Owner    : Asain Property</h4>
            </div>
            <div class="content_video">
              <p>Inspired by the "transitional Style" interior design trend, Dombracht's new premium fitting series VAIA is both elegant and progressive. In creative collaboration with the architects Neri&Hu (Shanghai) and Rafeal de Cardenes (New York), Meire and Merire has developed a comunicative environment for VAIA which reflects the idea of "Transitional Style" - while at the sam time advancing it further. Perfectly in keeping with the philosophy: "Create a new balance" - between traditional elegant and contemporary cool.</h5>
            </div>
            <div class="row">
              <div class="col-md-8 col-md-offset-2">
                  <div class="col-md-6"><img src="images/iv_006/iv_006_01.jpg"   class="img-responsive hideme"/></div>
                  <div class="col-md-6"><img src="images/iv_006/iv_006_02.jpg"  class="img-responsive hideme"/></div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-8 "><img src="images/iv_006/iv_006_03.jpg" height="541px" class="img-responsive hideme"/></div>
              <div class="col-md-4"><img src="images/iv_006/iv_006_04.jpg" width="100%"  class="img-responsive hideme"/></div>
            </div>
            <div class="row">
              <div class="col-md-6"><img src="images/iv_006/iv_006_05.jpg"   class="img-responsive hideme"/></div>
              <div class="col-md-6"><img src="images/iv_006/iv_006_06.jpg"  class="img-responsive hideme"/></div>
            </div>
            <div class="hidden-sm hidden-xs">
            <div class="row">
              <div class="col-md-12"><h3><  PROJECT ></h3></div>
            </div>
            <div class="row">
              <div class="col-md-12">  <hr class="style-three"/></div>
            </div>
            <h3>Related Project</h3>
            <div class="row related_pic">
              <div class="col-md-4">
                <img src="images/related/re_00.jpg"   class="img-responsive"/>
                <div class="detail_releted">
                    <p>MENUM RESIDENCE</p>
                    <p>Charoenkung</p>
                </div>
              </div>
              <div class="col-md-4">
                <img src="images/related/re_01.jpg"   class="img-responsive"/>
                <div class="detail_releted">
                    <p>PARADASIO 31</p>
                    <p>Sukhumvit 31</p>
                </div>
              </div>
              <div class="col-md-4">
                <img src="images/related/re_02.jpg"   class="img-responsive"/>
                <div class="detail_releted">
                    <p>BAAN KLANG MUANG</p>
                    <p>Viphavadi 64 (show House)</p>
                </div>
              </div>
            </div>
            </div>
            <div class="row">
              <div class="col-md-12">  <hr class="style-three"/></div>
            </div>
            <div class="row footer_logo">
              <div class="col-md-12">
                <p class="text-right">
                <a href="https://www.facebook.com/interiorvisions" target="_blank"><img src="images/icon/f.jpg" width="25px" height="25px"/></a>
                <a href="https://www.instagram.com/interior.visions/" target="_blank"><img src="images/icon/i.jpg" width="25px" height="25px"/></a>
                <a href="#" ><img src="images/icon/p.jpg" width="25px" height="25px"/></a>
                <a href="#" ><img src="images/icon/m.jpg" width="25px" height="25px"/></a>
                </p>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <p class="text-right">copyright © 2017. interior visions. </p>
              </div>
            </div>
            <div class="row footer_next hidde-md hidden-lg">
              <div class="col-md-12 ">
                </h5>Next Project: </h5>
                <h2>RHYTHM | Srinakarin </h2>
                <h3>Interior Design </h3>
              </div>
            </div>
        </div>
  </body>
  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
  <script>
      $(document).ready(function() {
          $(window).scroll( function(){
              $('.hideme').each( function(i){
                  var bottom_of_object = $(this).offset().top + $(this).outerHeight();
                  var bottom_of_window = $(window).scrollTop() + $(window).height();
                  if( bottom_of_window > bottom_of_object ){
                      $(this).animate({'opacity':'1'},500);   
                  }
              }); 
          });
      });
  
      function openNav() {
          document.getElementById("mySidenav").style.width = "100%";
      }
  
      /* Close/hide the sidenav */
      function closeNav() {
          document.getElementById("mySidenav").style.width = "0";
      }
  </script>

</html>

© 2024 UnknownSec