| 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/innoutstorage2019/html/tc/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="ZH-TW">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="icon" href="../images/favicon.ico" type="image/x-icon">
<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:300,400,500,700" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="../style.css" type="text/css" />
<!-- One Page Module Specific Stylesheet -->
<link rel="stylesheet" href="../onepage.css" type="text/css" />
<!-- / -->
<link rel="stylesheet" href="../css/dark.css" type="text/css" />
<link rel="stylesheet" href="../css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="../css/et-line.css" type="text/css" />
<link rel="stylesheet" href="../css/animate.css" type="text/css" />
<link rel="stylesheet" href="../css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="../css/fonts.css" type="text/css" />
<link rel="stylesheet" href="../css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/plugins.js"></script>
<!-- Document Title
============================================= -->
<title>IN N OUT STORAGE | 主頁</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<header id="header" class="full-header static-sticky" data-sticky-class="not-dark" data-sticky-offset="0">
<div id="header-wrap">
<div class="container clearfix">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<!-- Logo
============================================= -->
<div id="logo">
<a href="index.html" class="standard-logo"><img src="../images/logo_tc.png" alt="IN N OUT Logo"></a>
<a href="index.html" class="retina-logo"><img src="../images/logo_tc@2x.png" alt="IN N OUT Logo"></a> </div><!-- #logo end -->
<div style="float:right">
<div id="headerinfo" style="float:right; font-size:20px; padding-top:10px;font-family: Roboto, sans-serif;">
<a href="reserve.html" class="reserve-hicon" data-dark-logo="../images/header_icon_reserve-dark.png"><img src="../images/header_icon_reserve.png" alt="" height="40">預訂</a>
<a href="#" class="hotline-hicon" data-dark-logo="../images/header_icon_hotline-dark.png"><img src="../images/header_icon_hotline.png" alt="" height="40"></a>
熱線: 2580 2088
<a href="#"><img src="../images/facebook_icon.png" height="25" align="middle" ></a>
<a href="#"><img src="../images/twitter_icon.png" height="25" align="middle" ></a> </div>
<!-- Primary Navigation
============================================= -->
<nav id="primary-menu">
<ul class="one-page-menu">
<li><a href="#" data-href="#section-howtorent"><div>如何租用迷你倉</div></a></li>
<li><a href="#" data-href="#section-pricing"><div>價格</div></a></li>
<li><a href="#" data-href="#section-whyus"><div>為何選我們</div></a></li>
<li><a href="faq.html"><div>常見問題</div></a></li>
<li><a href="contactus.html"><div>聯絡我們</div></a></li>
<li><a href="../en/index.html"><div>ENG</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
</header><!-- #header end -->
<section id="slider" class="slider-parallax swiper_wrapper full-screen clearfix">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark" style="background-image: url('../images/page/slider-1.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">首月半價＋送寶麗來相機</h2>
<p data-caption-animate="fadeInUp" data-caption-delay="200"></p>
</div>
</div>
</div>
<div class="swiper-slide dark" style="background-image: url('../images/page/slider-2.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">讓迷你倉成為你家一部份</h2>
<!--<p data-caption-animate="fadeInUp" data-caption-delay="200">立即儲存</p>-->
<a data-animate="fadeInUp" data-delay="800" href="#" class="button button-3d button-large nobottommargin" style="margin: 30px 0 0 10px;">立即儲存</a>
</div>
</div>
</div>
</div>
<div id="slider-arrow-left"><i class="icon-angle-left"></i></div>
<div id="slider-arrow-right"><i class="icon-angle-right"></i></div>
</div>
<script>
jQuery(document).ready(function($){
var swiperSlider = new Swiper('.swiper-parent',{
autoplay: 8000,
paginationClickable: false,
slidesPerView: 1,
grabCursor: true,
loop: true,
onSwiperCreated: function(swiper){
$('[data-caption-animate]').each(function(){
var $toAnimateElement = $(this);
var toAnimateDelay = $(this).attr('data-caption-delay');
var toAnimateDelayTime = 0;
if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 750; } else { toAnimateDelayTime = 750; }
if( !$toAnimateElement.hasClass('animated') ) {
$toAnimateElement.addClass('not-animated');
var elementAnimation = $toAnimateElement.attr('data-caption-animate');
setTimeout(function() {
$toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
}, toAnimateDelayTime);
}
});
SEMICOLON.slider.swiperSliderMenu();
},
onSlideChangeStart: function(swiper){
$('[data-caption-animate]').each(function(){
var $toAnimateElement = $(this);
var elementAnimation = $toAnimateElement.attr('data-caption-animate');
$toAnimateElement.removeClass('animated').removeClass(elementAnimation).addClass('not-animated');
});
SEMICOLON.slider.swiperSliderMenu();
},
onSlideChangeEnd: function(swiper){
$('#slider').find('.swiper-slide').each(function(){
if($(this).find('video').length > 0) { $(this).find('video').get(0).pause(); }
if($(this).find('.yt-bg-player').length > 0) { $(this).find('.yt-bg-player').pauseYTP(); }
});
$('#slider').find('.swiper-slide:not(".swiper-slide-active")').each(function(){
if($(this).find('video').length > 0) {
if($(this).find('video').get(0).currentTime != 0 ) $(this).find('video').get(0).currentTime = 0;
}
if($(this).find('.yt-bg-player').length > 0) {
$(this).find('.yt-bg-player').getPlayer().seekTo( $(this).find('.yt-bg-player').attr('data-start') );
}
});
if( $('#slider').find('.swiper-slide.swiper-slide-active').find('video').length > 0 ) { $('#slider').find('.swiper-slide.swiper-slide-active').find('video').get(0).play(); }
if( $('#slider').find('.swiper-slide.swiper-slide-active').find('.yt-bg-player').length > 0 ) { $('#slider').find('.swiper-slide.swiper-slide-active').find('.yt-bg-player').playYTP(); }
$('#slider .swiper-slide.swiper-slide-active [data-caption-animate]').each(function(){
var $toAnimateElement = $(this);
var toAnimateDelay = $(this).attr('data-caption-delay');
var toAnimateDelayTime = 0;
if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 300; } else { toAnimateDelayTime = 300; }
if( !$toAnimateElement.hasClass('animated') ) {
$toAnimateElement.addClass('not-animated');
var elementAnimation = $toAnimateElement.attr('data-caption-animate');
setTimeout(function() {
$toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
}, toAnimateDelayTime);
}
});
}
});
$('#slider-arrow-left').on('click', function(e){
e.preventDefault();
swiperSlider.swipePrev();
});
$('#slider-arrow-right').on('click', function(e){
e.preventDefault();
swiperSlider.swipeNext();
});
});
</script>
<a href="#" data-scrollto="#section-howtorent" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" class="one-page-arrow dark"><i class="icon-angle-down infinite animated fadeInDown"></i></a>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap nopadding">
<div id="section-howtorent" class="center page-section">
<div class="container clearfix">
<h2 class="divcenter heading-block bottommargin font-body" style="max-width: 700px; font-size: 40px;">如何去租用一個迷你倉儲</h2>
<div class="clear"></div>
<div class="row divcenter" style="max-width: 1000px;">
<div class="col-sm-4 bottommargin">
<div class="team">
<div class="team-image"><img src="../images/1.jpg" alt="預訂"></div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>1<br />預訂</h4><span>你可於預訂後24小時內到訪我們倉儲設施參觀，方便你找出最適合的迷你倉及了解場地環境</span></div>
</div>
</div>
</div>
<div class="col-sm-4 bottommargin">
<div class="team">
<div class="team-image"><img src="../images/2.jpg" alt="簡易付款"></div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>2<br />簡易付款</h4><span>選擇了適合你的迷你倉後，正式辦理手續並可於網上經PayPal付款，租用迷你倉服務</span></div>
</div>
</div>
</div>
<div class="col-sm-4 bottommargin">
<div class="team">
<div class="team-image"><img src="../images/3.jpg" alt="搬入倉"></div>
<div class="team-desc team-desc-bg">
<div class="team-title"><h4>3<br />搬入倉</h4><span>我們可安排搬運組運送你的物品到我們倉儲設施，確保你的儲存過程簡單快捷</span></div>
</div>
</div>
</div>
</div>
<a href="#" data-scrollto="#section-pricing" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" class="button t400 ls2 button-rounded">立即預訂</a>
</div>
</div>
<!-- End section-howtorent -->
<div id="section-pricing" class="center page-section" style="background-image: url(../images/whyus_bg.jpg); background-repeat: repeat;">
<div class="container clearfix">
<div class="heading-block2 center"><h1>價格</h1></div>
<div style="float:right; color:#FFF;">尺寸:(長x闊x高)</div><div class="clearfix"></div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 3' x 4'</div>
<div class="price_g1">HK$ <span>390</span><br /><span class="org">$488</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 3' x 3' x 8'</div>
<div class="price_g1">HK$ <span>664</span><br /><span class="org">$738</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 3' x 8'</div>
<div class="price_g1">HK$ <span>710</span><br /><span class="org">$888</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 4' x 8'</div>
<div class="price_g1">HK$ <span>790</span><br /><span class="org">$988</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist col_last">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 5' x 8'</div>
<div class="price_g1">HK$ <span>950</span><br /><span class="org">$1,188</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 6' x 8'</div>
<div class="price_g1">HK$ <span>1,110</span><br /><span class="org">$1,388</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 7' x 8'</div>
<div class="price_g1">HK$ <span>1,190</span><br /><span class="org">$1,488</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 8' x 8'</div>
<div class="price_g1">HK$ <span>1,270</span><br /><span class="org">$1,588</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 4' x 9' x 8'</div>
<div class="price_g1">HK$ <span>1,494</span><br /><span class="org">$1,868</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist col_last">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 5' x 3' x 8'</div>
<div class="price_g1">HK$ <span>782</span><br /><span class="org">$978</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 5' x 5' x 8'</div>
<div class="price_g1">HK$ <span>1,190</span><br /><span class="org">$1,488</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 6' x 6.5' x 8'</div>
<div class="price_g1">HK$ <span>1,550</span><br /><span class="org">$1,938</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 8' x 5' x 8'</div>
<div class="price_g1">HK$ <span>1,630</span><br /><span class="org">$2,038</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 8.5' x 6' x 8'</div>
<div class="price_g1">HK$ <span>2,070</span><br /><span class="org">$2,588</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="col_one_fifth pricelist col_last">
<div class="feature-box fbox-center pricelist">
<div class="size">尺碼 10' x 5.5' x 8'</div>
<div class="price_g1">HK$ <span>2,150</span><br /><span class="org">$2,688</span></div>
<p>預繳後平均每月</p>
<a href="rent.html" class="button t400 ls2 button-rounded">租用</a>
</div>
</div>
<div class="clear"></div>
<div style=" font-size: 18px; color:#FFF; padding: 20px 0px;">付款方式： <img src="../images/visa_mastercard_logo.png" height="50"></div>
</div>
</div>
<!-- End section-pricing -->
<div id="section-whyus" class="center page-section">
<div class="container clearfix">
<div class="heading-block center"><h1>為何選我們</h1></div>
<div class="col_one_third">
<div class="feature-box fbox-center fbox-small fbox-plain">
<a href="#"><img src="../images/whyus/01.png"></a>
<h2>線上預訂</h2>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-center fbox-small fbox-plain">
<a href="#"><img src="../images/whyus/02.png"></a>
<h2>全天候高清監控</h2>
</div>
</div>
<div class="col_one_third col_last">
<div class="feature-box fbox-center fbox-small fbox-plain">
<a href="#"><img src="../images/whyus/03.png"></a>
<h2>温度濕度控制</h2>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-center fbox-small fbox-plain">
<a href="#"><img src="../images/whyus/04.png"></a>
<h2>地點方便 自置物業</h2>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-center fbox-small fbox-plain">
<a href="#"><img src="../images/whyus/05.png"></a>
<h2>各種付欵方式包括線上支付</h2>
</div>
</div>
<div class="col_one_third col_last">
<div class="feature-box fbox-center fbox-small fbox-plain">
<a href="#"><img src="../images/whyus/06.png"></a>
<h2>經Paypal保安系统的自動帳單記帳</h2>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- End section-whyus -->
<!-- Popup -->
<div class="modal-on-load" data-target="#myModal1"></div>
<!-- Modal -->
<div class="modal1 mfp-hide" id="myModal1">
<div class="block divcenter" style="background-color: #FFF; max-width: 500px;">
<div class="center" style="padding: 50px;">
<h3>PopUp</h3>
<p class="nobottommargin">..................</p>
</div>
</div>
</div>
<!-- End Popup -->
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="noborder">
<div class="container center">
<div class="footer-widgets-wrap">
<div class="row divcenter clearfix">
<div class="col-md-3">
<div class="widget clearfix">
<img src="../images/footerlogo_tc.png" class="footer-logo"> </div>
</div>
<div class="col-md-3">
<div class="widget clearfix">
<div class="txt">地址:<br />
香港仔大道232號城都工業大厦十二字樓<br /><br />
電話: +852 2580 208<br />
電郵: <a href="mailto:info@innoutstorage.com">info@innoutstorage.com</a><br />
辦公時間: 早上十點至晚上七點</div>
</div>
</div>
<div class="col-md-3">
<div class="widget clearfix">
<ul class="list-unstyled footer-site-links nobottommargin">
<li><a href="index.html#section-howtorent">如何租用迷你倉</a></li>
<li><a href="index.html#section-pricing">價格</a></li>
<li><a href="index.html#section-whyus">為何選我們</a></li>
<li><a href="faq.html">常見問題</a></li>
<li><a href="contactus.html">聯絡我們</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="widget clearfix">
<div class="txt center">關注我們</div>
<div class="center">
<a href="#" class="social-icon inline-block noborder si-small si-facebook" title="Facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i> </a>
<a href="#" class="social-icon inline-block noborder si-small si-twitter" title="Twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i> </a> </div>
</div>
</div>
</div>
</div>
</div>
<div id="copyrights">
<div class="container clearfix">
<div class="col_half copyrights-menu">
© 2015 IN N OUT STORAGE 版權所有
</div>
<div class="col_half col_last tright">
<div class="fright clearfix">
<div class="copyrights-menu copyright-links nobottommargin">
<a href="privacy_policy.html">私穩條例</a> | <a href="disclaimer.html">免責聲明</a> | <a href="termofuse.html">條款及細則</a>
</div>
</div>
</div>
</div>
</div>
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="../js/functions.js"></script>
</body>
</html>