name : index.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>
  </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>
     @font-face {
        src: url('font/db_pradit_x-webfont.woff2') format('woff2'),
        url('font/db_pradit_x-webfont.woff') format('woff');
          font-family: 'db_pradit_x';
          font-weight: normal;
          font-style: normal;
    }
    html, body {margin: 0; height: 100%; overflow: hidden}
.carousel {
    z-index: -99;
}

.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}


.carousel-fullscreen .carousel-inner .item {
        height: 100vh; 
        min-height: 600px; 
        background-position: center center; 
        background-repeat: no-repeat; 
        background-size: cover;
}
    
    /* carousel fullscreen - vertically centered caption*/
    
.carousel-fullscreen .carousel-caption {
        top: 50%;  
        bottom: auto;
        -webkit-transform: translate(0, -50%); 
        -ms-transform: translate(0, -50%); 
        transform: translate(0, -50%);
}


.carousel2 {
    z-index: -99;
}

.carousel2 .item {

    width: 100%;
    height: 50%;
}


.carousel-fullscreen2 .carousel-inner .item {
        height: 100vh; 
        min-height: 600px; 
        background-position: center center; 
        background-repeat: no-repeat; 
        background-size: cover;
}
    
    /* carousel fullscreen - vertically centered caption*/
    
.carousel-fullscreen2 .carousel-caption2 {
        top: 50%;  
        bottom: auto;
        -webkit-transform: translate(0, -50%); 
        -ms-transform: translate(0, -50%); 
        transform: translate(0, -50%);
}

.title {
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    text-shadow: 2px 2px #000;
    color: #FFF;
}

.wrapper {
    font-family: 'db_pradit_x';
}

.message {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height:55%;
    bottom: 0;
    display: block;
    position: absolute;
    color: #fff;
    padding: 2.25em;
}

      #logo {
          position: absolute;
          top: 16px;
          left: 16px;
          cursor: pointer;
          font-size:16px;
          color:white;
      }

      #logo2 {
          position: absolute;
          top: 49px;
          left: 46px;
          cursor: pointer;
          font-size:16px;
          color:white;
      }
      p a{
        text-decoration: none;
        color:white;
      }
      p a:hover{
        text-decoration: none;
        color:gray;
      }
      .text-index{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        bottom: 10px;
        display: block;
        position: absolute;
        color: #fff;
        left:16px;
      }

  </style>
  <?php 
date_default_timezone_set("Asia/Bangkok"); 
$today = date("F j, Y, g:i:s a");
?>
  <body>


  <div id="carousel-example-generic2" class="carousel2 carousel-fullscreen2 slide ">
  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
  <?php 
    include('config/config.php');
    $sql = "SELECT * FROM homes limit 1";
    $res = $conn->query($sql);
    while($row = $res->fetch_assoc()){

    ?>
        <div class="index_sel item active" style="background-image: url('<?php echo $row['h_image']; ?>">
            <div class="overlay"></div>
        </div>
        <?php
        }
    ?>
           <?php 
           include('config/config.php');
           $sql = "SELECT * FROM homes where h_id not in (SELECT h_id FROM homes WHERE h_id  = 1)";
           $res = $conn->query($sql);
           while($row = $res->fetch_assoc()){
       
           ?>
               <div class="index_sel item" style="background-image: url('<?php echo $row['h_image']; ?>">
                   <div class="overlay"></div>
               </div>
               <?php
               }
           ?>
  </div>
</div>

    <span id="logo" style="padding-top:4px;padding-left:6px; "><img src="images/icon/logo_new3.png?myPic=<?php echo urlencode($today); ?>" width="190" height="38" class="hidden-md hidden-sm hidden-lg"/></span><span id="logo2" style="font-family: 'Times New Roman'"></span>
    <span id="logo" style="padding-top:11px;padding-left:9px; "><img src="images/icon/logo_new3.png?myPic=<?php echo urlencode($today); ?>" class="img-responsive hidden-xs" width="215"/></span><span id="logo2" style="font-family: 'Times New Roman'"></span>
    <div class="wrapper hidden-xs ">
      <div class="col-md-8 text-index" style="padding:0px;padding-left:30px;">  
            <div style="font-size:90px;" id="at_link">ARCHITECTURE</div>
            <div style="font-size:90px;margin-top:-60px;" id="inter_link">INTERIOR DESIGN</div>
            <div style="font-size:90px;margin-top:-60px;" id="visaul_link">VISUAL COMUNICATION</div>
      </div>
    </div>
    <div class="wrapper hidden-sm hidden-md hidden-lg">
        <div class="col-md-5 text-index" style="padding:0px;">  
            <p style="font-size:35px;margin-top:-25px;" id="at_link2">ARCHITECTURE</p>
            <p style="font-size:35px;margin-top:-25px;" id="inter_link2">INTERIOR DESIGN</p>
            <p style="font-size:35px;margin-top:-25px;" id="visaul_link2">VISUAL COMUNICATION</p>
        </div>
    </div>
  </body>
  <script src="js/jquery-3.2.1.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
  <script>
    $('.carousel').carousel();
    $('.carousel2').carousel();
  </script>
  <script>
    $(document).ready(function(){
        $(document).bind("contextmenu",function(e){
            return false;
        });
    });
  $(document).ready(function(){
    $("#inter_link").hover(function(){
        $(this).css("color", "gray");
        }, function(){
        $(this).css("color", "white");

        $(this).css("cursor", "pointer");
        }, function(){
        $(this).css("cursor", "none");
    });

    $("#at_link").hover(function(){
        $(this).css("color", "gray");
        }, function(){
        $(this).css("color", "white");

        $(this).css("cursor", "pointer");
        }, function(){
        $(this).css("cursor", "none");
    });

    $(".item").hover(function(){

        $(this).css("cursor", "pointer");
        }, function(){
        $(this).css("cursor", "none");
    });

    $("#visaul_link").hover(function(){
        $(this).css("color", "gray");
        }, function(){
        $(this).css("color", "white");

        $(this).css("cursor", "pointer");
        }, function(){
        $(this).css("cursor", "none");
    });

    $("#inter_link").click(function(){
        window.location.href="IV_003.php"
    });


    $("#at_link").click(function(){
        window.location.href="IV_004.php"
    });

    $("#visaul_link").click(function(){
        window.location.href="IV_005.php"
    });

    $(".index_sel").click(function(){
        window.location.href="IV_002.php"
    });
  });
  </script>
  <script>
  $(document).ready(function(){
    $("#inter_link2").hover(function(){
        $(this).css("color", "gray");
        }, function(){
        $(this).css("color", "white");

        $(this).css("cursor", "pointer");
        }, function(){
        $(this).css("cursor", "none");
    });

    $("#at_link2").hover(function(){
        $(this).css("color", "gray");
        }, function(){
        $(this).css("color", "white");

        $(this).css("cursor", "pointer");
        }, function(){
        $(this).css("cursor", "none");
    });


    $("#visaul_link2").hover(function(){
        $(this).css("color", "gray");
        }, function(){
        $(this).css("color", "white");

        $(this).css("cursor", "pointer");
        }, function(){
        $(this).css("cursor", "none");
    });

    $("#inter_link2").click(function(){
        window.location.href="IV_003.php"
    });


    $("#at_link2").click(function(){
        window.location.href="IV_004.php"
    });

    $("#visaul_link2").click(function(){
        window.location.href="IV_005.php"
    });

  });


  </script>
</html>

© 2024 UnknownSec