shell bypass 403
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="expires" content="0">
<title>interior visions | design firm in bangkok | บริษัทออกแบบตกแต่งภายใน</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
</head>
<style type="text/css">
@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;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, .1);
}
.nav-tabs {
border-bottom: 0px solid #ddd;
}
body{
font-family: 'db_pradit_x';
font-size:20px;
margin-top:100px
}
.nav_menu{
font-family: 'db_pradit_x';
margin-top: 30px;
margin-bottom: 0 px;
}
p.title_content{
font-family: 'db_pradit_x';
text-decoration:none;
font-size:30px;
color:black;
}
p.content{
font-family: 'db_pradit_x';
text-decoration:none;
font-size:24px;
color:black;
margin-top:-25px;
margin-bottom:0px;
}
a {
font-family: 'db_pradit_x';
text-decoration:none;
font-size:26px;
color:gray;
}
a:hover {
font-family: 'db_pradit_x';
text-decoration:none;
color:gray;
font-weight:bold;
}
a, a:hover, a:active, a:visited, a:focus {
text-decoration:none;
}
.content_video{
font-family: 'db_pradit_x';
font-size:30px;
padding-left:0px;
padding-right:0px;
}
h2{
font-size:80px;
}
h3{
font-size:40px;
}
h4{
font-size:30px;
}
h5{
font-size:28px;
}
.active2{
font-weight:bold;
text-decoration:underline;
color:black;
}
.active{
font-weight:bold;
text-decoration:none;
color:black;
}
#myBtn {
display: none;
position: fixed;
bottom: 15%;
right: 0%;
z-index: 99;
border: none;
cursor: pointer;
padding: 15px;
border-radius: 10px;
background-color: Transparent;
}
.link_footer a{
color:white;
}
.link_footer a:hover{
color:grey;
}
.padding_top{
padding-top:7.5px;
padding-left:10px;
padding-right:10px;
}
.detail_releted{
margin-top:-5px;
}
.nav-tabs > li {
float: none;
display: inline-block;
}
.nav-tabs {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
border-bottom: 0px solid #ddd;
}
/* jQuery */
.ui-tabs-nav {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.ui-tabs .ui-tabs-nav li {
float: none;
display: inline-block;
}
.item{
padding-left:7.5px;
padding-right:7.5px;
}
.container-fluid2{
padding-right: 15px;
padding-left: 55px;
margin-right: auto;
margin-left: auto;
}
.fadeout{
opacity:0.5;
}
.fadeout2{
background-color: rgba(255,255,255,0.9);
display:block;
}
input.search-query {
line-height: 1.2;
padding: 0 0 0 25px;
}
input.search-query {
background-color: transparent;
border: 0;
text-align: left;
width: 100%;
position: relative;
box-sizing: border-box;
}
.textstyle_title, h1.textstyle_title, h2.textstyle_title {
font-size: 47px;
letter-spacing: 0.023em;
font-weight: 300;
line-height: 1.1;
}
.searchnav{
opacity:0;
}
.show{
display: block;
}
.fadeIn2{
opacity:1;
}
input:focus{
outline: none;
}
.image-container{
height: 562px;
width: 100%;
background-size: cover;
}
@media only screen and (max-width: 1600px) {
.image-container{
height: 670px;
width: 100%;
background-size: cover;
}
}
@media only screen and (max-width: 1400px) {
.image-container{
height: 562px;
width: 100%;
background-size: cover;
}
}
@media only screen and (max-width: 1100px) {
.image-container{
height: 417px;
width: 100%;
background-size: cover;
}
}
</style>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top" ><img src="images/up.png" width="50px" class="img-responsive" /></button>
<?php include('layout/navbar.php'); ?>
<?php include('layout/header.php'); ?>
<div class="container-fluid hidden-xs">
<div class="col-md-12 " style="margin-top:-7px;padding-left:0px;padding-right:0px;" >
<img src="images/border.png" class="img-responsive hidden-xs " />
<img src="images/border_m.png" class="img-responsive hidden-sm hidden-md hidden-lg" />
</div>
</div>
<div class="container-fluid4 hidden-sm hidden-md hidden-lg">
<div class="col-md-12 " style="margin-top:-7px;padding-left:0px;padding-right:0px;" >
<img src="images/border.png" class="img-responsive hidden-xs " />
<img src="images/border_m.png" class="img-responsive hidden-sm hidden-md hidden-lg" />
</div>
</div>
<div class="container-fluid">
<?php
include('config/config.php');
$q = $_GET['q'];
$sql = "SELECT *
FROM projects
LEFT JOIN types on (types.t_id = projects.p_t_id)
LEFT JOIN categorys on (categorys.c_id = projects.p_c_id)
WHERE p_id = $q ";
$res = $conn->query($sql);
while($row = $res->fetch_assoc()){
$layout = $row['p_l_id'];
$p_id = $row['p_id'];
$p_t_id = $row['p_t_id'];
$p_c_id = $row['p_c_id'];
if($p_t_id == 'T001'){
$t_link = "IV_003.php";
}else if($p_t_id == 'T002'){
$t_link = "IV_004.php";
}else if($p_t_id == 'T003'){
$t_link = "IV_005.php";
}
?>
<div class="row">
<div class="col-md-12">
<div class="nav_menu">
<ul class="nav nav-tabs" role="tablist">
<span><a href="<?php echo $row['t_page']; ?>"><?php echo $row['t_name']; ?> ></a></span>
<span style="padding-left:20px;"><a href="<?php echo $t_link; ?>?q=<?php echo $row['c_id']; ?>"><?php echo $row['c_name']; ?> ></a> </span>
<span style="padding-left:20px;"><a href="#" style="font-weight: bold;" class="active"><?php echo $row['p_name']; ?></a></span>
</ul>
</div>
</div>
</div>
</div>
<?php
$check_title = substr($row['p_tt'],0,6);
if($check_title == "upload") {
?>
<img src="<?php echo $row['p_tt']; ?>" width ='100%' />
<div class="container-fluid">
<?php }else{
?>
<div class="col-md-10 col-md-offset-1" style="margin-bottom:25px;">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/<?php echo $row['p_tt']; ?>"></iframe>
</div>
</div>
<?php
} ?>
</div>
<div class="container-fluid2">
<div class="row" >
<div class="col-md-12">
<div class="content_video" >
<h4 style="font-weight:bold;margin-bottom:0px;" ><?php echo $row['p_name']; ?></h4>
<h5 style="margin-bottom:0px;margin-top:0px;color:gray;"><?php echo $row['t_name']; ?></h5>
</div>
</div>
</div>
<div class="row" >
<div class="col-md-12">
<div style="margin-top:15px;">
<h4 style="margin-bottom:0px;">Location : <?php echo $row['p_location']; ?></h4>
<h4 style="margin-bottom:0px;margin-top:-5px;">Owner : <?php echo $row['p_owner']; ?></h4>
</div>
</div>
</div>
<div class="row" >
<div class="col-md-12">
<h4><?php echo $row['p_desc']; ?></h4>
</div>
</div>
</div>
<div class="container-fluid">
<?php
}
?>
<?php if($layout == 1){
include('config/config.php');
$sql3 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 2";
$res3 = $conn->query($sql3);
?>
<div class="row" >
<?php while($row3 = $res3->fetch_assoc()){ ?>
<div class="col-md-<?php echo $row3['pd_position']; ?> padding_top hidden-xs" ><img src="<?php echo $row3['im_pd_id']; ?>" class="image-container hideme"/></div>
<div class="col-md-<?php echo $row3['pd_position']; ?> padding_top hidden-sm hidden-md hidden-lg" ><img src="<?php echo $row3['im_pd_id']; ?>" class="img-responsive hideme"/></div>
<?php } ?>
<?php
include('config/config.php');
$sql3 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 2,2";
$res3 = $conn->query($sql3);
?>
<?php while($row3 = $res3->fetch_assoc()){ ?>
<div class="col-md-<?php echo $row3['pd_position']; ?> padding_top" ><img width ='100%' src="<?php echo $row3['im_pd_id']; ?>" class=" hideme"/></div>
<?php } ?>
<?php
include('config/config.php');
$sql3 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 4,5";
$res3 = $conn->query($sql3);
?>
<?php while($row3 = $res3->fetch_assoc()){ ?>
<div class="col-md-<?php echo $row3['pd_position']; ?>" style="margin-top:10px;margin-bottom:43px;"><img width ='100%' src="<?php echo $row3['im_pd_id']; ?>" class="img-responsive hideme"/></div>
<?php } ?>
</div>
</div>
<div class="container-fluid">
<?php }else if($layout == 2){ ?>
<div class="row" style="margin-top:5px;margin-bottom:0px;">
<div class="col-md-8 col-md-offset-2" style="padding-left:0px;padding-right:0px;">
<?php
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 2";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div class="col-md-<?php echo $row4['pd_position']; ?>" style="padding-bottom:0px;margin-top:15px;"> <img src="<?php echo $row4['im_pd_id']; ?>" class="img-responsive hideme"/></div>
<?php } ?>
</div>
</div>
<div class="row" style="margin-bottom:25px;">
<?php
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 2,2";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div class="col-md-<?php echo $row4['pd_position']; ?> padding_top hidden-xs" ><img src="<?php echo $row4['im_pd_id']; ?>" class="image-container hideme"/></div>
<div class="col-md-<?php echo $row4['pd_position']; ?> padding_top hidden-sm hidden-md hidden-lg" ><img src="<?php echo $row4['im_pd_id']; ?>" class="img-responsive hideme"/></div>
<?php
}
?>
<?php
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 4,2";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div class="col-md-<?php echo $row4['pd_position']; ?> padding_top" style="margin-bottom:0px;padding-left:10px;padding-right:10px"> <img src="<?php echo $row4['im_pd_id']; ?>" class="img-responsive hideme"/></div>
<?php
}
?>
</div>
<?php }else{
if($layout == 3){
?>
<div class="row" style="margin-bottom:5px;">
<div class="col-md-10 col-md-offset-1">
<?php
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 2";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div class="col-md-<?php echo $row4['pd_position']; ?> " style="padding-bottom:10px;margin-top:10px;"> <img src="<?php echo $row4['im_pd_id']; ?>" class="img-responsive hideme"/></div>
<?php } ?>
<?php
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 2,2";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div class="col-md-<?php echo $row4['pd_position']; ?>" style="padding-bottom:10px;margin-top:10px;"> <img src="<?php echo $row4['im_pd_id']; ?>" width="100%" class="hideme"/></div>
<?php } ?>
</div>
</div>
<?php }else if($layout == 5){
?>
<?php
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 1";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div class="col-md-10 col-md-offset-1" style="padding-left:0px;pading-right:0px;padding-bottom:0px;">
<div class="col-md-<?php echo $row4['pd_position']; ?>" style="padding-bottom:10px;margin-top:10px;"> <img src="<?php echo $row4['im_pd_id']; ?>" width="100%" class="hideme"/></div>
</div>
<?php }
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 1,5";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div class="col-md-<?php echo $row4['pd_position']; ?>" style="padding-bottom:10px;margin-top:10px;"> <img src="<?php echo $row4['im_pd_id']; ?>" width="100%" class="hideme"/></div>
<?php }
} ?>
</div>
<?php
if($layout == 3){
}else if($layout == 4){
include('config/config.php');
$sql4 = "SELECT * FROM project_details WHERE p_pd_id = ".$p_id." limit 2";
$res4 = $conn->query($sql4);
while($row4 = $res4->fetch_assoc()){
?>
<div style="margin-bottom:0px;padding-top:5px;" >
<img src="<?php echo $row4['im_pd_id']; ?>" width ='100%' class="img-responsive hideme"/>
<p style="font-size:33px;margin-bottom:15px;margin-top:-10px;margin-left:15px;"> <?php echo $row4['pd_text']; ?></p>
</div>
<?php }
}
?>
<div class="container-fluid">
<?php
} ?>
<div class="hidden-xs">
<div class="row" >
<div class="col-md-12" style="font-size:50px;padding-bottom:0px;">
<?php
$p_q = $q-1;
include('config/config.php');
$sql1 = "SELECT * FROM projects WHERE p_t_id ='".$p_t_id."' and p_c_id = '".$p_c_id."' and p_id = ".$p_q."";
$res1 = $conn->query($sql1);
$num_rows1 = $res1->num_rows;
if($num_rows1 == 1){
?>
<a href="IV_PROJECT.php?q=<?php echo $q-1; ?>" style="font-size:50px;"><span><</span></a>
<?php
}else{
$num_rows1 = 0;
do{
$sql1 = "SELECT * FROM projects WHERE p_t_id ='".$p_t_id."' and p_c_id = '".$p_c_id."' and p_id = ".$p_q."";
$res1 = $conn->query($sql1);
$num_rows1 = $res1->num_rows;
--$p_q;
$check_true = True;
}while(($num_rows1 != 1) and ($p_q >= 0));
if($check_true){
if($p_q < 0){
echo '<span style="font-size:50px;color:#e0e0d1;"> < </span> ';
}else{
?>
<a href="IV_PROJECT.php?q=<?php echo $p_q+1; ?>" style="font-size:50px;"><span><</span></a>
<?php
}
}
}
?>
<span>PROJECT </span>
<?php
$p_q = $q+1;
include('config/config.php');
$sql1 = "SELECT * FROM projects WHERE p_t_id ='".$p_t_id."' and p_c_id = '".$p_c_id."' and p_id = ".$p_q."";
$res1 = $conn->query($sql1);
$num_rows1 = $res1->num_rows;
if($num_rows1 == 1){
?>
<a href="IV_PROJECT.php?q=<?php echo $p_q; ?>" style="font-size:50px;"><span>></span></a>
<?php
}else{
$num_rows1 = 0;
do{
$sql1 = "SELECT * FROM projects WHERE p_t_id ='".$p_t_id."' and p_c_id = '".$p_c_id."' and p_id = ".$p_q."";
$res1 = $conn->query($sql1);
$num_rows1 = $res1->num_rows;
++$p_q;
$check_true = True;
}while(($num_rows1 != 1) and ($p_q <= 500));
if($check_true){
if($p_q >= 500){
echo '<span style="font-size:50px;color:#e0e0d1;"> > </span> ';
}else{
?>
<a href="IV_PROJECT.php?q=<?php echo $p_q-1; ?>" style="font-size:50px;"><span>></span></a>
<?php
}
}
}
?>
</div>
</div>
<div class="row">
<div class="col-md-12" style="margin-top:-7px;" >
<img src="images/border.png" class="img-responsive hidden-xs " />
<img src="images/border_m.png" class="img-responsive hidden-sm hidden-md hidden-lg" />
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3 style="margin-top:-5px;">Related Project</h3>
</div>
</div>
<div class="row">
<?php
include('config/config.php');
$q = $_GET['q'];
$sql = "SELECT * FROM projects WHERE p_t_id = '".$p_t_id."' ORDER BY RAND() desc limit 3 ";
$res = $conn->query($sql);
while($row = $res->fetch_assoc()){
$p_id = $row['p_id'];
$layout = $row['p_l_id'];
if($layout == "1"){
$sql1 = "SELECT * FROM project_details WHERE p_pd_id = '".$p_id."' limit 1";
$res1 = $conn->query($sql1);
while($row1 = $res1->fetch_assoc()){
$image_path = $row1['im_pd_id'];
}
}else if($layout == "2"){
$sql1 = "SELECT * FROM project_details WHERE p_pd_id = '".$p_id."' limit 2,1";
$res1 = $conn->query($sql1);
while($row1 = $res1->fetch_assoc()){
$image_path = $row1['im_pd_id'];
}
}else if($layout == "3"){
$sql1 = "SELECT * FROM project_details WHERE p_pd_id = '".$p_id."' limit 3,1";
$res1 = $conn->query($sql1);
while($row1 = $res1->fetch_assoc()){
$image_path = $row1['im_pd_id'];
}
}else if($layout == "4"){
$sql1 = "SELECT * FROM project_details WHERE p_pd_id = '".$p_id."' limit 1";
$res1 = $conn->query($sql1);
while($row1 = $res1->fetch_assoc()){
$image_path = $row1['im_pd_id'];
}
}else{
$sql1 = "SELECT * FROM project_details WHERE p_pd_id = '".$p_id."' limit 1";
$res1 = $conn->query($sql1);
while($row1 = $res1->fetch_assoc()){
$image_path = $row1['im_pd_id'];
}
}
?>
<?php
$check_title = substr($row['p_tt'],0,6);
if($check_title == "upload") {
?>
<div class="col-md-4 col-sm-4" style="padding-left:10px;padding-right:10px;">
<a href="IV_PROJECT.php?q=<?php echo $row['p_id']; ?>">
<img src="<?php echo $image_path; ?>" class="img-responsive"/>
<div class="detail_releted">
<p style="font-size:1.8em;;" class="active"><strong><?php echo $row['p_name']; ?></strong></p>
<p style="margin-top:-29px;font-size:25px;color:gray;"><?php echo $row['p_location']; ?></p>
</div>
</a>
</div>
<?php
}else{
?>
<div class="col-md-4 col-sm-4 " style="padding-left:10px;padding-right:10px;">
<a href="IV_PROJECT.php?q=<?php echo $row['p_id']; ?>">
<img src="<?php echo $image_path; ?>" class="img-responsive"/>
<div class="detail_releted">
<p style="font-size:28px;" class="active"><strong><?php echo $row['p_name']; ?></strong></p>
<p style="margin-top:-32px;font-size:25px;"><?php echo $row['p_location']; ?></p>
</div>
</a>
</div>
<?php
}
}
?>
</div>
</div>
<?php include('layout/search.php'); ?>
</div>
<div class="hidden-sm hidden-lg hidden-md">
<div class="container-fluid4">
<div class="col-md-12 " style="margin-top:-7px;padding-left:0px;padding-right:0px;" >
<img src="images/border.png" class="img-responsive hidden-xs " />
<img src="images/border_m.png" class="img-responsive hidden-sm hidden-md hidden-lg" />
</div>
<div class="footer_logo">
<div class="col-md-12" style="padding-left:0px;padding-right:0px;">
<p class="text-right" style="margin-bottom:0px;">
<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="https://www.pinterest.com/interior_visions/" target="_blank"><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="col-md-12" style="margin-top:-20px;padding-left:0px;padding-right:0px;">
<p class="text-right">copyright 2017. Interior Visions. </p>
</div>
</div>
<div class="footer_next hidden-md hidden-sm hidden-lg">
<?php
$p_q = $q+1;
include('config/config.php');
$sql1 = "SELECT projects.* ,types.*
FROM projects
LEFT JOIN types on (types.t_id=projects.p_t_id) WHERE p_t_id ='".$p_t_id."' and p_c_id = '".$p_c_id."' and p_id = ".$p_q."";
$res1 = $conn->query($sql1);
$num_rows1 = $res1->num_rows;
if($num_rows1 == 1){
while($row1 = $res1->fetch_assoc()){
?>
<div class="col-md-12 link_footer">
<a href="IV_PROJECT.php?q=<?php echo $p_q; ?>">
<h5>Next Project: </h5>
<h5><?php echo $row1['p_name']; ?> </h5>
<h5><?php echo $row1['t_name']; ?> </h5>
</a>
</div>
<?php
}
}else{
$num_rows1 = 0;
do{
$sql1 = "SELECT * FROM projects WHERE p_t_id ='".$p_t_id."' and p_c_id = '".$p_c_id."' and p_id = ".$p_q."";
$res1 = $conn->query($sql1);
$num_rows1 = $res1->num_rows;
++$p_q;
$check_true = True;
}while(($num_rows1 != 1) and ($p_q <= 500));
if($check_true){
if($p_q >= 500){
}else{
$p_id = $p_q-1;
include('config/config.php');
$sql1 = "SELECT projects.* ,types.*
FROM projects
LEFT JOIN types on (types.t_id=projects.p_t_id) WHERE p_t_id ='".$p_t_id."' and p_c_id = '".$p_c_id."' and p_id = ".$p_id."";
$res1 = $conn->query($sql1);
$num_rows1 = $res1->num_rows;
while($row1 = $res1->fetch_assoc()){
?>
<div class="col-md-12 link_footer">
<a href="IV_PROJECT.php?q=<?php echo $p_q-1; ?>">
<h5>Next Project: </h5>
<h5><?php echo $row1['p_name']; ?> </h5>
<h5><?php echo $row1['t_name']; ?> </h5>
</a>
</div>
<?php
}
}
}
}
?>
</div>
</div>
<div class="container-fluid hidden-xs">
<div class="col-md-12 " style="margin-top:-7px;padding-left:0px;padding-right:0px;" >
<img src="images/border.png" class="img-responsive hidden-xs " />
<img src="images/border_m.png" class="img-responsive hidden-sm hidden-md hidden-lg" />
</div>
<div class=" footer_logo">
<div class="col-md-12" style="padding-bottom:0px;padding-left:0px;padding-right:0px;">
<p class="text-right" style="margin-bottom:0px;">
<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="https://www.pinterest.com/interior_visions/" target="_blank"><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="col-md-12" style="margin-top:-10px;padding-left:0px;padding-right:0px;">
<p class="text-right">copyright 2017. Interior Visions. </p>
</div>
</div>
</body>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="js/imagesLoaded.js"></script>
<script src="js/masonry.js"></script>
<script src="js/link.js"></script>
<script>
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
$(document).ready(function() {
$(".search-query").keyup(function(){
var q = $(".search-query").val();
$.ajax({
url:"layout/check_project.php",
type:"post",
data:{q:q},
}).done(function(data){
$("#show_serach").html(data);
});
});
});
</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+400 > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});
});
</script>
<script>
function openNav() {
$("#mySidenav").css("width","100%");
$("#mySidenav").addClass("fadeIn2");
$("#mySidenav").addClass("show");
$(".navbar2").fadeOut(50);
}
/* Close/hide the sidenav */
function closeNav() {
$(".navbar").fadeIn(1000);
$(".navbar2").fadeIn(1000);
$("#mySidenav").css("width","0%");
$("#mySidenav").addClass("searchnav");
$("#mySidenav").removeClass("fadeIn2");
$("#mySidenav").removeClass("show");
}
function openNav2() {
$("#searchnav").css("width","100%");
$("#searchnav").addClass("fadeIn2");
$("#searchnav").addClass("show");
$(".navbar").fadeOut(100);
}
function closeNav2() {
$(".navbar").fadeIn(1000);
$("#searchnav").css("width","0%");
$("#mySidenav").css("width","0%");
$("#searchnav").removeClass("fadeIn2");
$("#searchnav").removeClass("show");
$(".navbar").fadeIn(1000);
$(".navbar2").fadeIn(1000);
$("#mySidenav").removeClass("fadeIn2");
$("#mySidenav").removeClass("show");
}
function showImages(el) {
var windowHeight = jQuery( window ).height();
$(el).each(function(){
var thisPos = $(this).offset().top;
var topOfWindow = $(window).scrollTop();
if (topOfWindow + windowHeight - 5 > thisPos ) {
$(this).addClass("fadeIn");
}
});
}
$(document).ready(function(){
showImages('.star');
});
$(window).scroll(function() {
showImages('.star');
});
</script>
<script>
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
$(".navbar").addClass("fadeout2");
$(".navbar2").addClass("fadeout2");
} else {
document.getElementById("myBtn").style.display = "none";
$(".navbar").removeClass("fadeout2");
$(".navbar2").removeClass("fadeout2");
}
}
function topFunction() {
$('body,html').animate({
scrollTop: 0
}, 1000);
}
</script>
<script>
(function( $ ) {
var $container = $('.masonry-container');
$container.imagesLoaded( function () {
$container.masonry({
columnWidth: '.item',
itemSelector: '.item'
});
});
//Reinitialize masonry inside each panel after the relative tab link is clicked -
$('a[data-toggle=tab]').each(function () {
var $this = $(this);
$this.on('shown.bs.tab', function () {
$container.imagesLoaded( function () {
$container.masonry({
columnWidth: '.item',
itemSelector: '.item'
});
});
}); //end shown
}); //end each
})(jQuery);
$(document).ready(function() {
$("#project").addClass('active2');
$("#project2").addClass('active2');
});
</script>
</html>