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="Pragma" content="no-cache">
<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);
}
body{
font-family: 'db_pradit_x';
font-size:20px;
margin-top:100px
}
.nav_menu{
font-family: 'db_pradit_x';
margin-top: 30px;
margin-bottom:0px;
}
p.title_content{
font-family: 'db_pradit_x';
text-decoration:none;
font-size:33px;
color:black;
padding-top:-15px;
}
p.content{
font-family: 'db_pradit_x';
text-decoration:none;
font-size:28px;
color:gray;
margin-top:-30px;
margin-bottom:5px;
}
p.title_content2{
font-family: 'db_pradit_x';
text-decoration:none;
font-size:25px;
color:black;
padding-top: 10px;
line-height:70%;
}
p.content2{
font-family: 'db_pradit_x';
text-decoration:none;
font-size:22px;
color:gray;
margin-top:-20px;
margin-bottom:5px;
}
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:black;
font-weight:bold;
}
.content_video{
font-family: 'db_pradit_x';
font-size:30px;
}
h2{
font-size:80px;
}
h3{
font-size:40px;
}
h4{
font-size:30px;
}
h5{
font-size:28px;
}
.active{
font-weight:bold;
text-decoration:none;
}
#myBtn {
display: none;
position: fixed;
bottom: 150%;
right: 0%;
z-index: 99;
border: none;
cursor: pointer;
padding: 15px;
border-radius: 10px;
background-color: Transparent;
}
.image {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}
.col-big{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width:20%;
}
.hovereffect {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
cursor: pointer;
}
.hovereffect .overlay {
width:100%;
height:50px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.hovereffect:hover .overlay {
top:35%;
}
.hovereffect p.info {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
color:black;
font-size:50px;
background-color: transparent;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
font-weight: normal;
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;
transform: translateY(30%);
transition: transform .5s ease-out;
}
.hovereffect:hover p.info {
width:100%;
height:100%;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.active{
font-weight:bold;
text-decoration:none;
color:black;
}
.active2{
font-weight:bold;
text-decoration:underline;
color:black;
}
.star {
visibility: hidden;
}
.fadeIn {
-webkit-animation: animat_show 0.8s;
animation: animat_show 0.8s;
visibility: visible !important;
}
@-webkit-keyframes animat_show{
0%{opacity:0}
100%{opacity:1}
}
.title_project{
line-height:200%;
}
.nav-tabs {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
border-bottom: 0px solid #ddd;
}
.nav-tabs > li {
float: none;
display: inline-block;
}
/* 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;
}
.fadeout{
opacity:0.5;
}
.fadeout2{
background-color: rgba(255,255,255,0.9);
}
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;
}
</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">
<div class="row">
<div class="col-md-12">
<div class="nav_menu">
<ul class="nav nav-tabs" role="tablist">
<span><a href="IV_002.php" style="font-weight: bold;" class="active">Architecture </a> ></span>
<?php
include('config/config.php');
$sql = "SELECT * FROM categorys WHERE c_id IN ('C000','C001','C002','C003','C004')";
$res = $conn->query($sql);
while($row = $res->fetch_assoc()){
?>
<span style="padding-left:20px;" ><a href="IV_004.php?q=<?php echo $row['c_id']; ?>" class="select_menu" atr="<?php echo $row['c_id']; ?>" id="<?php echo $row['c_id']; ?>"><?php echo $row['c_name']; ?></a> </span>
<?php
}
?>
</ul>
</div>
</div>
</div>
<div class="row masonry-container" style="margin-bottom:100px;">
<?php
include('config/config.php');
$sql = "SELECT projects.*,types.*,categorys.*
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_status = 1 and p_t_id = 'T002'";
if(isset($_GET['q'])){
$q = $_GET['q'];
if($q == 'C000'){
$sql .= "";
}else if($q == 'C001'){
$sql .= " and p_c_id = 'C001' ";
}else if($q == 'C002'){
$sql .= " and p_c_id = 'C002' ";
}else if($q == 'C003'){
$sql .= " and p_c_id = 'C003' ";
}else if($q == 'C004'){
$sql .= " and p_c_id = 'C004' ";
}else if($q == 'C005'){
$sql .= " and p_c_id = 'C005' ";
}else if($q == 'C006'){
$sql .= " and p_c_id = 'C006' ";
}else if($q == 'C007'){
$sql .= " and p_c_id = 'C007' ";
}else if($q == 'C008'){
$sql .= " and p_c_id = 'C008' ";
}
}
$sql .= " ORDER BY p_id desc";
$res = $conn->query($sql);
$num_rows = $res->num_rows;
if($num_rows > 0 ){
while($row = $res->fetch_assoc()){
$check_title = substr($row['p_tt'],0,6);
$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'];
}
}
?>
<div class="col-md-4 col-sm-6 item">
<div class="hovereffect" atr="<?php echo $row['p_id']; ?>">
<div class="post star" >
<a href="IV_PROJECT.php?q=<?php echo $row['p_id']; ?>">
<div class="fadeshow">
<?php if($row['p_typecover'] == "1"){
?>
<div class="hidden-lg">
<img src="<?php echo $image_path; ?>" id="<?php echo "q".$row['p_id']; ?>" class="img-responsive">
</div>
<div class="hidden-xs hidden-sm hidden-md ">
<div align="center" id="<?php echo $row['p_id']; ?>" class="embed-responsive embed-responsive-16by9">
<video autoplay="autoplay" loop="loop" muted="muted" class="embed-responsive-item" id="video">
<source src="<?php echo $row['p_im_show']; ?>" type="video/mp4">
<source src="<?php echo $row['p_im_show']; ?>" type="video/webm" controls>
</video>
</div>
</div>
<?php
}else{
?>
<img src="<?php echo $row['p_im_show']; ?>" id="<?php echo $row['p_id']; ?>" class="img-responsive">
<?php
} ?>
</div>
<div class="overlay">
<p class="info text-center"><?php echo $row['c_name']; ?></p>
</div>
</a>
<div class="title_project hidden-xs hidden-sm">
<p class="title_content"><strong><?php echo $row['p_name']; ?> </strong></p>
<p class="content"><?php echo $row['p_location']; ?></p>
</div>
<div class="title_project hidden-md hidden-lg ">
<p class="title_content2"><strong style="font-size:28;"><?php echo $row['p_name']; ?> </strong></p>
<p class="content2" style="font-size:25;"><?php echo $row['p_location']; ?></p>
</div>
</div>
</div>
</div><!--/.item -->
<?php
}
}else{
?>
<div class="col-md-12 col-sm-12 item">
<div class="caption">
<h3 class="text-center hidden-xs">-------------- NO PROJECT --------------</h3>
<h5 class="text-center hidden-sm hidden-md hidden-lg">-------------- NO PROJECT --------------</h5>
</div>
</div><!--/.item -->
<?php
}
?>
</div> <!--/.masonry-container -->
<?php include('layout/search.php'); ?>
</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>
<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 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;">
<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 > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});
});
$(document).ready(function() {
var pathname = window.location.pathname; // Returns path only
var url = window.location.href; // Returns full URL
var test = url.slice(-7);
console.log(test);
if(test == "002.php"){
$("#project").addClass('active2');
}
});
</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);
$(".hovereffect").hover(
function () {
var q = $(this).attr("atr");
$("#"+q).addClass("fadeout");
},
function () {
var q = $(this).attr("atr");
$("#"+q).removeClass("fadeout");
});
</script>
<script>
$(document).ready(function() {
var pathname = window.location.pathname; // Returns path only
var url = window.location.href; // Returns full URL
var test = url.slice(-4);
$("#project").addClass('active2');
console.log(test);
if(test == "C000"){
$("#C000").addClass('active');
}else if(test == ".php"){
$("#C000").addClass('active');
}else if(test == "C001"){
$("#C001").addClass('active');
}else if(test == "C002"){
$("#C002").addClass('active');
}else if(test == "C003"){
$("#C003").addClass('active');
}else if(test == "C004"){
$("#C004").addClass('active');
}else if(test == "C005"){
$("#C005").addClass('active');
}else if(test == "C006"){
$("#C006").addClass('active');
}else if(test == "C007"){
$("#C007").addClass('active');
}else if(test == "C008"){
$("#C008").addClass('active');
}
});
$(".hovereffect").hover(
function () {
var q = $(this).attr("atr");
$("#"+q).addClass("fadeout");
$("#q"+q).addClass("fadeout");
},
function () {
var q = $(this).attr("atr");
$("#"+q).removeClass("fadeout");
$("#q"+q).removeClass("fadeout");
});
</script>
</html>