| 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/florahouses/view/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>FLORA HOUSE</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<meta name="keywords" content="FLORA HOUSE">
<meta name="description" content="Green is More Than a Colour">
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body class="aos-all">
<!-- header -->
<div class="mainPageMenu">
<?php include 'inc/navbar.php';?>
</div>
<!-- end of header-->
<section class="mainKVWarp">
<div class="noteBar whiteFont text-center">
Free Delivery Upon $800
<button type="button" class="noteBarClose close">
<span><img src="../assets/images/closeWBtn.png" alt="close"></span>
</button>
</div>
<div class="mainKV d-flex">
<div class="kv garyGreenBg">
<img src="../assets/images/kv.jpg" class="img-fluid">
</div>
<div class="kvideo">
<div id="ytbg" data-ytbg-fade-in="true" data-youtube="https://youtu.be/Pew_csJOORE">
</div>
<!-- <div class="videoText whiteFont">
Plants are not just only decorations, they are valuable lives like you and me. Plants can be beyond
our expectations. Here we go to redefine Green & Plants.
</div>-->
</div>
</div>
</section>
<section class="garyBg mainWarp text-center">
<p class="small lightGreenFont text-uppercase">our Vision</p>
<p class="h1 textBox greenFont" data-aos="fade-in" data-aos-offset="200">To us, green is not only a colour. It
can also be a <span class="italic">home
décor</span>, an
<span class="italic">air
purifier </span>, a
<span class="italic">cure</span> to
<span class="italic">exhaustion</span>, a
<span class="italic">lifestyle</span>, an <span class="italic">attitude</span> towards life and many
more.
</p>
<div class="mainProductWrap">
<div class="swiper-container productSlider">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<a href="#" class="productImg productBuyImage">
<img src="../assets/images/pic01.jpg" width="100%">
<div class="badge">
<div class="buyIcon">
</div>
</div>
<div class="productDes">
<p class="h2 whiteFont mb-4">Cupressus Ma <br />Goldcrest Wilma </p>
<p class="dollor bigger whiteFont Roman">HKD 880</p>
</div>
<div class="productDesBottom">
<p class="small whiteFont">Easy for beginner </p>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="#" class="productImg productBuyImage">
<img src="../assets/images/pic01.jpg" width="100%">
<div class="badge">
<div class="buyIcon">
</div>
</div>
<div class="productDes">
<p class="h2 whiteFont mb-4">Cupressus Ma <br />Goldcrest Wilma </p>
<p class="dollor bigger whiteFont Roman">HKD 880</p>
</div>
<div class="productDesBottom">
<p class="small whiteFont">Easy for beginner </p>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="#" class="productImg productBuyImage">
<img src="../assets/images/pic01.jpg" width="100%">
<div class="badge">
<div class="buyIcon">
</div>
</div>
<div class="productDes">
<p class="h2 whiteFont mb-4">Cupressus Ma <br />Goldcrest Wilma </p>
<p class="dollor bigger whiteFont Roman">HKD 880</p>
</div>
<div class="productDesBottom">
<p class="small whiteFont">Easy for beginner </p>
</div>
</a>
</div>
<div class="swiper-slide">
<a href="#" class="productImg productBuyImage">
<img src="../assets/images/pic01.jpg" width="100%">
<div class="badge">
<div class="buyIcon">
</div>
</div>
<div class="productDes">
<p class="h2 whiteFont mb-4">Cupressus Ma <br />Goldcrest Wilma </p>
<p class="dollor bigger whiteFont Roman">HKD 880</p>
</div>
<div class="productDesBottom">
<p class="small whiteFont">Easy for beginner </p>
</div>
</a>
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination2 mt-4"></div>
<!-- If we need navigation buttons -->
</div>
<div class="swiper-button-prev2"></div>
<div class="swiper-button-next2"></div>
</div>
</section>
<section class=" d-flex mainPromotion flex-lg-row flex-column overflow-hidden">
<div class="pormotionDes greenBg" data-aos="fade-up" data-aos-offset="100">
<p class="small whiteFont text-uppercase">In the spotlight</p>
<p class="h1 whiteFont mb-4">Mother's Day: Love, Loss and Everything In Between </p>
<p class="whiteFont ">Mother's Day can be different for everyone, whether you celebrate your mother, don't celebrate the
holiday at all or have created a new meaning fo...</p>
<button class="yellowBtn border2" type="button">Check out Caring Tips</button>
</div>
<div class="promotionImg" data-aos="fade-left" data-aos-offset="300">
<img src="../assets/images/mainPic01.jpg" class="img-fluid fullWidth">
</div>
</section>
<section class="mainCardWrap">
<div class="row">
<div class="col-md-4">
<a class="card blogCard border-bottom" href="post.php">
<div class="overflowHidden">
<div class="cardImg" style="background-image:url(../assets/images/card01.jpg);">
</div>
</div>
<div class="card-body">
<h5 class="card-title">Four Ways to Style a Faux Monstera Frond</h5>
<p class="card-text">Tired of the frequent trips to your local grocery store for fresh herbs?
Here’s some tips on bringing the outside in and creating an herb garden ri...</p>
</div>
</a>
</div>
<div class="col-md-4">
<a class="card blogCard border-bottom" href="post.php">
<div class="overflowHidden">
<div class="cardImg" style="background-image:url(../assets/images/card02.jpg);">
</div>
</div>
<div class="card-body">
<h5 class="card-title">How To Know What Plant You’d Like Based on the Coffee You Drink</h5>
<p class="card-text">Tired of the frequent trips to your local grocery store for fresh herbs?
Here’s some tips on bringing the outside in and creating an herb garden ri...</p>
</div>
</a>
</div>
<div class="col-md-4">
<a class="card blogCard border-bottom" href="post.php">
<div class="overflowHidden">
<div class="cardImg" style="background-image:url(../assets/images/card03.jpg);">
</div>
</div>
<div class="card-body">
<h5 class="card-title">Creating an Herb Garden at Home </h5>
<p class="card-text">Tired of the frequent trips to your local grocery store for fresh herbs?
Here’s some tips on bringing the outside in and creating an herb garden ri...</p>
</div>
</a>
</div>
</div>
</section>
<!-- <section class="mainDemostration text-center">
<p class="small lightGreenFont text-uppercase">demostration</p>
<p class="h1 greenFont mb-4">There’s always a good place for plants.</p>
<p class="big">Check out our plants in daily environments,<br> gaining inspirations from the real cases.</p>
<div class="swiper-container pointSilder">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-one">
<div class="swiper-image" data-swiper-parallax-x="-20%">
<div class="swiper-image-inner swiper-image-left">
<img src="../assets/images/banner01.jpg">
<div class="title sliderTitle">
<h1 class="greenFont Roman max">Room</h1>
</div>
<button type="button" class='point01 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point02 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point03 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point04 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point05 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
</div>
</div>
<div class="swiper-button-next rightArrow"></div>
</div>
<div class="swiper-slide swiper-slide-two">
<div class="swiper-image" data-swiper-parallax-x="0%">
<div class="swiper-image-inner swiper-image-left">
<img src="../assets/images/banner01.jpg">
<div class="title sliderTitle">
<h1 class="greenFont Roman max">Kitchen</h1>
</div>
<button type="button" class='point01 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point02 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point03 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point04 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point05 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
</div>
</div>
<div class="swiper-button-next rightArrow"></div>
</div>
<div class="swiper-slide swiper-slide-three">
<div class="swiper-image" data-swiper-parallax-x="0%">
<div class="swiper-image-inner swiper-image-left">
<img src="../assets/images/banner01.jpg">
<div class="title sliderTitle">
<h1 class="greenFont Roman max">Kitchen</h1>
</div>
<button type="button" class='point01 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point02 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point03 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point04 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
<button type="button" class='point05 pointBtn' data-toggle="tooltip" data-placement="top"
title="HKD880 Tree Philodendron" onclick="location.href='product_detail.php';"></button>
</div>
</div>
<div class="swiper-button-next rightArrow"></div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</section>
-->
<?php include 'inc/subscribe.php';?>
<!-- end #section -->
<!-- footer -->
<?php include 'inc/footer.php';?>
<script src="../assets/js/aos.js"></script>
<script src="../assets/js/swiper.js"></script>
<script src="../assets/js/jquery.youtube-background.js"></script>
<!-- my script -->
<script>
$(function() {
$('[data-toggle="tooltip"]').tooltip();
})
AOS.init({
easing: 'ease-in-out-sine'
});
var swiper02 = new Swiper('.productSlider', {
slidesPerView: 3,
spaceBetween: 30,
pagination: {
el: '.swiper-pagination2',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next2',
prevEl: '.swiper-button-prev2',
},
breakpoints: {
1001: {
slidesPerView: 2,
spaceBetween: 30,
},
768: {
slidesPerView: 1,
spaceBetween: 0,
},
},
});
var swiper01 = new Swiper('.pointSilder', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
speed: 500,
autoplay: {
delay: 5000,
},
loop: false,
parallax: true,
pagination: {
el: '.swiper-pagination',
}
,
on: {
slideChangeTransitionStart: function() {
$('.swiper-slide-active .sliderTitle').appendTo(".sliderTitleWrap");
},
slideChangeTransitionEnd: function() {
},
}
});
$(function() {
$('.productBuyImage').mousefollower();
});
$('[data-youtube]').youtube_background();
</script>
</body>
</html>