name : IV_007_2.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">
<title>interior visions | design firm in bangkok | บริษัทออกแบบตกแต่งภายใน</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/masonry/3.1.5/masonry.pkgd.min.js"></script>
<script src="script.js"></script>
<link href="css/main.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
  <body>
  <style type="text/css">
       @font-face {
        src: url('font/PSL-Kanda/PSL-Kanda.woff2') format('woff2'),
        url('font/PSL-Kanda/PSL-Kanda.woff') format('woff');
          font-family: 'PSL-Kanda';
          font-weight: normal;
          font-style: normal;
      }

    .nav>li>a:hover, .nav>li>a:focus {
      text-decoration: none;
      background-color: white;
    }
    
	body{
        font-family: 'PSL-Kanda';
      }
      
      .nav_menu{
        font-family: 'PSL-Kanda';
      }

      a {
        font-family: 'PSL-Kanda';
        text-decoration:none;
        font-size:12px;
        color:black;
      }

      a:hover {
        font-family: 'PSL-Kanda';
        text-decoration:none;
        color:black;
        font-weight:bold;
      }

      h2{
        font-size:80px;
      }      

      h3{
        font-size:40px;
      }

      h4{
        font-size:30px;
      }

      h5{
        font-size:28px;
      }
      
      p{
        font-size:28px;
        line-height: 100%;
      }
    #myBtn {
      display: none;
      position: fixed;
      bottom: 10%;
      right: 9%;
      z-index: 99;
      border: none;
      cursor: pointer;
      padding: 15px;
      border-radius: 10px;
      background-color: Transparent;
      opacity:0.1;
      filter:alpha(opacity=0.1); /* For IE8 and earlier */
    }
      </style>
  <?php include('layout/navbar.php'); ?>
        <div class="container">
        <p onclick="topFunction()" id="myBtn" title="Go to top" ><img src="images/up.png" width="50px" class="img-responsive" /></p>
            <?php include('layout/header.php'); ?>
            <div class="row" style="margin-left:20px;margin-right:20px;">
              <div class="col-md-12">  <hr class="style-three"/></div>
            </div>
            <div class="row">
              <div class="col-md-12">  
                  <div style="padding-top:25px;padding-bottom:35px;margin-left:35px;margin-right:35x;"> 
                      <span><a href="IV_007.php" style="font-weight: bold;">Company</a></span>
                      <span style="padding-left:4px;"><a href="IV_008.php">Directors</a> </span>
                      <span style="padding-left:4px;"><a href="IV_009.php">Team</a></span>   <span class="text-danger"><---- font-size 14 px</span>
                  </div>
              </div>
            </div>
            <div class="row" style="margin-left:20px;margin-right:20px;margin-bottom:100px;">
              <div class="col-md-12">
              <?php 
          include('config/config.php');
          $sql = "SELECT * FROM companys ";
          $res = $conn->query($sql);
          $n = 0;
          while($row = $res->fetch_assoc()){
            ?> 
          <div class="row">
              <div class="col-md-12">
                  <p style="font-size:14px;"><strong><?php echo $row['ab_title']; ?></strong><span class="text-danger"><---- font-size 14 px</span></p>
                  <p style="margin-top:25px;font-size: 14px;"><?php echo $row['ab_desc']; ?> <span class="text-danger"><---- font-size 14 px</span></p>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12" style="margin-top:25px;">
                <img src="<?php echo $row['ab_image']; ?>" width="100%" class="img-responsive"/>
              </div>
            </div>
        
        <?php 
        }
        ?>
                  
              </div>
            </div>
            <div class="row" style="margin-left:20px;margin-right:20px;">
              <div class="col-md-12">  <hr class="style-three"/></div>
            </div>

            <div class="row footer_logo" style="margin-left:20px;margin-right:20px;">
              <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>
                  <img src="images/icon/p.jpg" width="25px" height="25px"/>
                  <img src="images/icon/m.jpg" width="25px" height="25px"/>
                </p>
              </div>
            </div>
            <div class="row" style="margin-left:20px;margin-right:20px;">
              <div class="col-md-12">
                <p class="text-right">copyright © 2017. interior visions. </p>
              </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>
   <script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 10 || document.documentElement.scrollTop > 40) {
        document.getElementById("myBtn").style.display = "block";
    } else {
        document.getElementById("myBtn").style.display = "none";
    }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  $('body,html').animate({
    scrollTop: 0
}, 1000);
}

</script> 
</html>

© 2024 UnknownSec