<script>
$(document).ready(function(){
$('.box-window').click(function(){
var hidden = $('.hidden-window');
var leftw = (screen.width-(screen.width+322));
if (hidden.hasClass('visible')){
hidden.animate({"left": leftw}, "slow").removeClass('visible');
} else {
hidden.animate({"left":"0px"}, "slow").addClass('visible');
}
});
});
function hidden_box_window() {
var hidden = $('.hidden-window');
var leftw = (screen.width-(screen.width+322));
hidden.animate({"left": leftw}, "slow").removeClass('visible');
}
</script>
<style>
.menu {
width: 15px;
height: 3px;
background-color: black;
margin: 4px 0;
}
.hidden-window {
width: 100%;
z-index: 2;
position: absolute;
left: 0px;
background: #f90;
color: #000;
}
#box-show {
width: 350px;
position: fixed;
top: 10%;
left: 0px;
padding: 10px;
background-color: rgba(230, 230, 230, 0.9);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.52);
z-index:1000;
}
</style>
<body onload="hidden_box_window()">
<div class="alert visible-lg visible-md hidden-window" id="box-show">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<!-- <a href="#" class="close" data-dismiss="alert" aria-label="close"><span style="font-size:14px;"><?php echo $ap_close; ?></span></a> -->
<a href="#" class="box-window close">
<span>
<div class="menu"></div>
<div class="menu"></div>
<div class="menu"></div>
</span>
</a>
<?php /* ?><div style="border-radius: 50%;width:80px; height: 80px; text-align: center; background-image:url(<?php echo $logo?>); background-size: 70px; background-position:center; background-repeat:no-repeat; border: 0px solid #8E8B8B; margin-top: 10px;" align="center">
</div><?php */ ?>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 98%">
<div class="carousel-inner" role="listbox">
<?php
$sql = "select * from ap_pages where lang='$_GET[lang]' order by date_time desc limit 10";
$query = mysqli_query($conn,$sql);
$i = 0;
while($rows = mysqli_fetch_array($query)){
$i++;
?>
<div class="item<?php if($i==1){ echo " active"; } ?>">
<div class="panel2 panel2-default card box-shadow">
<div class="panel2-body" style="max-width: 100%;height: 120px">
<p><a data-type="image" class="fancybox zoom" href="?page_id=<?php echo $rows['id'] ?>&lang=<?php echo $_GET['lang']?>" data-fancybox-group="gallery" title="<?php echo $rows['title']?>" target="_blank"><img class="card-img-top" src="<?php echo $rows['images'];?>" width="100%" alt="<?php echo $rows['title']?>" title="<?php echo $rows['title']?>"></a></p>
</div>
<div class="card-body">
<div class="card-text text-left"><?php echo $rows['title']?></div>
</div>
</div>
<p></p>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
