| 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/threebays/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width">
<title>Three Bays</title>
<style type="text/css" media="screen">
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
html,body {
margin:0;
padding:0;
}
#header {
position:fixed;width:100%;top:0; background-color:#544741;
background-image: url(mm_bg.jpg);
background-repeat: repeat-x;
background-position: left bottom;
}
#content {
margin-top: 95px;
}
*{ margin:0px; padding: 0px; }
#nav {
font-family: arial, sans-serif;
position: relative;
width: 100%;
height:35px;
font-size:14px;
color:#999;
margin: 0px auto;
}
#nav ul {
list-style-type: none;
}
#nav ul li {
float: left;
position: relative;
}
#nav ul li a {
text-align: center;
/* border-right:1px solid #e9e9e9;*/
padding:15px 15px;
display:block;
text-decoration:none;
color:#FFF;
}
#nav ul li ul {
display: none
}
#nav ul li:hover ul {
display: block;
position: absolute;
}
#nav ul li:hover ul li a {
display:block;
background:#544741;
color:#ffffff;
width: 320px;
text-align: center;
border-bottom: 1px solid #f2f2f2;
border-right: none;
}
#nav ul li:hover ul li a:hover {
background:#756B62;
color:#fff;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<link rel="stylesheet" href="style.css">
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 1204) {
$('#display1').show();
$('#display2').hide();
$('#display3').hide();
} else if(w > 800) {
$('#display1').hide();
$('#display2').show();
$('#display3').hide();
} else {
$('#display1').hide();
$('#display2').hide();
$('#display3').show();
}
//if(w > 320 && menu.is(':hidden')) {
//menu.removeAttr('style');
//}
});
$(window).resize();
});
</script>
</head>
<body>
<div id="header">
<div style="height:35px;"><a href="#eight"><img src="header.jpg" border="0" align="right" /></a></div>
<div id="display1">
<a href="#two"><img src="mm_1.jpg" border="0" /></a><a href="#three"><img src="mm_2.jpg" border="0" /></a><a href="#four"><img src="mm_3.jpg" border="0" /></a><a href="#five"><img src="mm_4.jpg" border="0" /></a><a href="#six"><img src="mm_5.jpg" border="0" /></a><a href="#seven"><img src="mm_6.jpg" border="0" /></a><img src="mm_end.jpg" border="0" /><a href="#one"><img src="logo.jpg" border="0" /></a></div>
<div id="display2" style="display:none;">
<div id="nav">
<ul>
<li><a href="#two">OVERVIEW</a></li>
<li><a href="#three">LOCATION</a></li>
<li><a href="#four">GALLERY</a></li>
<li><a href="#five">FLOOR PLAN</a></li>
<li><a href="#six">FACILITIES & FEATURES</a></li>
<li><a href="#seven">SERVICES & AMENITIES</a></li>
</ul>
</div>
<a href="#one"><img src="logo.jpg" border="0" align="middle" /></a>
</div>
<div id="display3" style="display:none;">
<div id="nav">
<ul>
<li><a href="#one"><img src="nav-icon.png" border="0" align="middle" /></a>
<ul>
<li><a href="#two">OVERVIEW</a></li>
<li><a href="#three">LOCATION</a></li>
<li><a href="#four">GALLERY</a></li>
<li><a href="#five">FLOOR PLAN</a></li>
<li><a href="#six">FACILITIES & FEATURES</a></li>
<li><a href="#seven">SERVICES & AMENITIES</a></li>
</ul>
</li>
</ul>
</div>
<a href="#one"><img src="logo.jpg" border="0" align="middle" /></a>
</div>
</div>
<div id="content">
<h1 id="one"><img src="page_1.jpg" width="100%" /></h1>
<h1 id="two"><img src="page_2.jpg" width="100%" /></h1>
<h1 id="three"><img src="page_3.jpg" width="100%" /></h1>
<h1 id="four"><img src="page_4.jpg" width="100%" /></h1>
<h1 id="five"><img src="page_5.jpg" width="100%" /></h1>
<h1 id="six"><img src="page_6.jpg" width="100%" /></h1>
<h1 id="seven"><img src="page_7.jpg" width="100%" /></h1>
<h1 id="eight"><img src="page_8.jpg" width="100%" /></h1>
</div>
</body>
</html>