| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/dirsignage_old/html_tmp/ |
Upload File : |
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<title>SEARCH DEMO v1.0</title>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="../images/favicon.ico">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<!-- CSS
================================================== -->
<link href="../css/style.css" rel="stylesheet" type="text/css" media="screen">
<!-- use font awesome -->
<link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" media="screen">
<!-- styles needed by jScrollPane -->
<link type="text/css" href="../css/jquery.mCustomScrollbar.css" rel="stylesheet" media="all" />
<!-- Use jQuery
================================================== -->
<script src="../js/jquery-1.11.1.min.js"></script>
<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="../js/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="../js/jquery.mCustomScrollbar.js"></script>
<!-- General Script -->
<script src="../js/general.js"></script>
<!-- IE Support
================================================== -->
<!--[if lt IE 9]>
<link href="../css/ie.css" rel="stylesheet" type="text/css" media="screen">
<script src="../js/html5shiv.js"></script>
<script src="../js/selectivizr-and-extra-selectors.min.js"></script>
<![endif]-->
<!-- jScrollPane -->
<script>
(function($){
$(window).load(function(){
$("#search_result").mCustomScrollbar({
scrollButtons:{enable:true},
theme:"light-thick",
scrollbarPosition:"outside"
});
});
})(jQuery);
</script>
<!-- Jquery Marquee -->
<script defer src="../js/jquery.marquee.js"></script>
<script type="text/javascript">
$(function () {
$('.marquee').marquee('pointer').mouseover(function () {
$(this).trigger('stop');
}).mouseout(function () {
$(this).trigger('start');
}).mousemove(function (event) {
if ($(this).data('drag') == true) {
this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
}
}).mousedown(function (event) {
$(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
}).mouseup(function () {
$(this).data('drag', false);
});
});
</script>
</head>
<body class="bg-6">
<!--<div id="demo_btn_block" class="dot_bg">
<a href="#">
<img src="../images/btn_arrow_upleft.png" alt="zoomin">
</a>
<a href="#">
<img src="../images/btn_arrow_upright.png" alt="zoomout">
</a>
</div> /// #"demo_btn_block ends /// -->
<div class="clearfix"></div>
<div id="wrapper" class="dot_bg">
<div class="search_block">
<ul class="search_nav">
<li class="active" tab-id="#k_box">
<b>KEYWORD</b>
<img src="../images/img_search_nav_arrow.png" class="nav_ass_arrow">
</li>
<li tab-id="#f_box">
<b>FLOOR</b>
<img src="../images/img_search_nav_arrow.png" class="nav_ass_arrow">
</li>
<div class="clearfix"></div>
</ul><!-- //.search_nav ends -->
<form class="search_form active" id="k_box">
<span class="hw_icon">
<i class="fa fa-pencil"></i>
</span>
<input type="text" placeholder="Search Keyword..." class="nav-search-input" autocomplete="off">
<span class="hw_icon">
<i class="fa fa-search"></i>
</span>
<div class="search_img k_img">
</div>
</form><!-- //#k_box ends -->
<form class="search_form" id="f_box">
<span class="hw_icon">
<i class="fa fa-pencil"></i>
</span>
<span class="input-icon">
<input type="text" placeholder="Search Floor..." class="nav-search-input" autocomplete="off">
</span>
<span class="hw_icon">
<i class="fa fa-search"></i>
</span>
<div class="search_img k_img">
</div>
</form><!-- //#f_box ends -->
<div class="clearfix"></div>
</div><!-- .search_block ends -->
<div id="search_result">
<ul class="result_list letter_option">
<li class="rl_item">
<a href="#">Lorem Amet Dolor Elit Ipsum Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Elit Dolor Ipsum Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Ipsum Dolor Elit Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Ipsum Sit Dolor Elit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Elit Ipsum Dolor Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Ipsum Dolor Amet Elit Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Ipsum Dolor Elit Sit Amet.</a>
</li>
<li class="rl_item">
<a href="">Lorem Ipsum Dolor Sit Elit Amet.</a>
</li>
<li class="rl_item">
<a href="#">Lorem Amet Dolor Elit Ipsum Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Elit Dolor Ipsum Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Ipsum Dolor Elit Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Ipsum Sit Dolor Elit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Amet Elit Ipsum Dolor Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Ipsum Dolor Amet Elit Sit.</a>
</li>
<li class="rl_item">
<a href="">Lorem Ipsum Dolor Elit Sit Amet.</a>
</li>
<li class="rl_item">
<a href="">Lorem Ipsum Dolor Sit Elit Amet.</a>
</li>
</ul>
</div>
</div><!-- /// #wrapper ends /// -->
<div class="clearfix"></div>
<div id="marquee_wrapper" class="dot_bg">
<nav class="marquee">
<ul class="marquee_list">
<li><p>Lorem ipsum dolor. <i style="color:#f7931e; font-style: italic; font-weight:800;">DEMO</i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat necessitatibus, ex assumenda.<p></li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident eligendi eos voluptates ducimus fugit.</li>
</ul>
</nav><!-- .marquee ends /******/ -->
</div><!-- /// #marquee_wrapper ends /// -->
<div class="clearfix"></div>
<!--<div id="demo_video" class="dot_bg">
<iframe width="1040" height="585" src="//www.youtube.com/embed/3yWZX46QTXI?rel=0" frameborder="0" allowfullscreen></iframe>
</div> /// #"demo_btn_block ends /// -->
<!-- Placeholder IE Support -->
<script src="../js/jquery.placeholder.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input, textarea').placeholder();
});
</script>
</body>
</html>