File "photo-gallery.php"
Full path: /home/sokha/public_html/bokormarathon.com.kh/bk_v1_18082023/photo-gallery.php
File
size: 8.07 B (8.07 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Preah Monivong Bokor Marathon - Official website</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="http://bokormarathon.com.kh" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-min.js"></script>
<script type="text/javascript" src="js/tooltip.js"></script>
<script type="text/javascript" src="js/jquery.bxSlider.min.js"></script>
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/picture-gallery.css" rel="stylesheet" />
<link href="css/tooltip.css" rel="stylesheet" />
<!-- Theme skin -->
<link href="css/photoswipe-old.css" rel="stylesheet" />
<link href="skins/default.css" rel="stylesheet" />
<style type="text/css">
.td-block-title-wrap {position: relative;}
.block-title {
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 1;
margin-top: 0;
margin-bottom: 26px;
border-bottom: 2px solid #1ba1ad;
}
.block-title span{
line-height: 17px;
display: inline-block;
padding: 7px 12px 4px;
background-color: #1ba1ad;
color: #fff;
}
/* Block category filter */
.td-subcat-filter {
position: absolute;
bottom: 0;
right: 0;
margin: auto 0;
opacity: 0;
z-index: 2;
line-height: 30px;
text-align: right;
}
.td-subcat-filter ul {margin: 0;}
.td-subcat-filter .td-display-filter {display: none !important}
.td-subcat-filter .td-subcat-list {
display: inline-block;
line-height: 1;
}
.td-subcat-filter .td-subcat-list .td-subcat-item {
display: inline-block;
line-height: 1;
margin-left: 30px;
position : relative
}
.td-subcat-filter .td-subcat-list a {
display:block;
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #777;
line-height: 25px;
text-decoration: none;
}
.td-subcat-filter .td-subcat-list a:hover{color: #1ba1ad}
.td-subcat-filter .td-subcat-list a.active{
color: #1ba1ad;
font-weight: bold;
}
.td-subcat-filter .td-subcat-dropdown {
display: inline-block;
text-align: right;
line-height: 30px;
position: relative;
}
.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more span,
.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more i {color: #fff;}
.td-subcat-filter .td-subcat-dropdown:hover ul, .td-subcat-item:hover .child{display: block;}
.td-subcat-filter .td-subcat-dropdown .td-subcat-more {
cursor: pointer;
margin-left: 15px;
padding-left: 15px;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
display: inline-block;
}
.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more{background: #1ba1ad}
.td-subcat-filter .td-subcat-dropdown .td-subcat-more:before {
content: '';
width: 70px;
height: 100%;
position: absolute;
margin-top: 2px;
top: 0;
right: 0;
z-index: 1;
opacity: 0;
}
.td-subcat-filter .td-subcat-dropdown .td-subcat-more i {
font-size: 9px;
color: #777;
margin-left: 12px;
margin-right: 12px;
}
.td-subcat-filter .td-subcat-dropdown ul,.child {
list-style: none;
position: absolute;
right: 0;
top: 100%;
padding: 6px 0 8px 0;
background-color: #ffffff;
background-color: rgba(255, 255, 255, 0.95);
z-index: 999;
border-width: 0 1px 1px 1px;
border-color: #ededed;
border-style: solid;
display: none;
}
.td-subcat-filter .td-subcat-dropdown a,.child li a {
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: #777;
white-space: nowrap;
display: block;
line-height: 26px !important;
padding-left: 21px;
padding-right: 15px;
text-decoration: none;
}
.td-subcat-filter .td-subcat-dropdown a:hover {color: #4db2ec;}
.td-subcat-filter .td-subcat-dropdown li {margin-left: 0;}
.td-subcat-filter .td-subcat-dropdown span {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #777;
line-height: 1;
}
.td-js-loaded .td-subcat-filter {
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media screen and (max-width:767px) {
.lst-img li{
width: 33.33333%
}
.lst-img li > a{
min-height:100px
}
.lst-img li > a img{
height: 110px !important;
min-height: auto
}
.bx-pager{
display:none
}
.bx-prev {
left: 42%;
}
.bx-next {
left: 53%;
}
}
</style>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<header>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<?php include('include/logo.php'); ?>
</div>
<div class="navbar-collapse collapse ">
<?php include('include/menu.php'); ?>
</div>
</div>
</div>
</header>
<section id="featured">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Slider -->
<?php include('include/slideshow.php'); ?>
<!-- end slider -->
</div>
</div>
</div>
</section>
<section id="content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- <h3 id="offline-register" class="bg-arrow-gray-forward">Photo Gallery</h3> -->
<?php include('include/photo-gallery.php'); ?>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<?php include('include/footer.php'); ?>
</div>
<div id="sub-footer">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="copyright">
<p>
<span>© Preah Monivong Bokor Marathon <?php echo date("Y"); ?> All right reserved.</span>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/portfolio/jquery.quicksand.js"></script>
<script src="js/portfolio/setting.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script>
<script src="js/custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".lst-img a").fancybox({
'titleShow' : false
});
//$('.lst-img').sortable();
$('#slider1').bxSlider({
pager: ($("#slider1 > .lst-img").length > 1) ? true: false,
});
$('.option-filter > ul li').hover(function(){
$('ul',this).show();
},function(){
$('ul',this).hide();
});
$('.option-filter > ul > li').each(function(){
var url = window.location.href;
var href = $('a', this).attr('href');
if( url == href){
$(' > a',this).addClass('active');
}
});
$('.lst-img li').hover(function(){
$('a.download',this).show();
},function(){
$('.download',this).hide();
});
});
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M957DFQSFY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-M957DFQSFY');
</script>
</body>
</html>