farmvillehomestay.com.my
Open in
urlscan Pro
103.217.93.143
Public Scan
Submitted URL: http://farmvillehomestay.com.my/
Effective URL: https://farmvillehomestay.com.my/home/
Submission: On May 07 via api from US — Scanned from DE
Effective URL: https://farmvillehomestay.com.my/home/
Submission: On May 07 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /home/
<form method="post" action="/home/" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="/wEPDwUJNTQyNTQ2MTI3DxYCHhNWYWxpZGF0ZVJlcXVlc3RNb2RlAgEWAmYPZBYCAgMQZGQWEAIDD2QWBAIFDxYCHgdWaXNpYmxlaGQCBw8WAh8BaGQCBQ9kFgICAQ8PFgIeCEltYWdlVXJsBSovaW1hZ2VzX3VwbG9hZC9sb2dvLnBuZz82Mzg1MDcyMjkzMzY4MTUwMTNkZAIHD2QWAgIBDw8WAh8CBSovaW1hZ2VzX3VwbG9hZC9sb2dvLnBuZz82Mzg1MDcyMjkzMzY4MTUwMTNkZAIJD2QWBAIBDxQrAAIPFgQeC18hRGF0YUJvdW5kZx4LXyFJdGVtQ291bnQCAmRkFgJmD2QWBAIBD2QWAgIBD2QWAmYPFQEtL2ltYWdlc191cGxvYWQvbDI2MzM5Yi5qcGc/NjM4NTA3MjI5MzM2ODE1MDEzZAICD2QWAgIBD2QWAmYPFQEtL2ltYWdlc191cGxvYWQvbDEwMDYxYi5KUEc/NjM4NTA3MjI5MzM2ODE1MDEzZAIDDxQrAAIPFgQfA2cfBAIDZGQWAmYPZBYCAgEPZBYGAgEPZBYCZg8VAxdmYXJtdmlsbGUtY2FmZS1ob21lc3RheS4vaW1hZ2VzX3VwbG9hZC9nNDU1MTItZS5qcGc/NjM4NTA3MjI5MzM2OTcxMjcxGkZhcm0gVmlsbGUgQ2FmZSAmIEhvbWVzdGF5ZAICD2QWAmYPFQMbdHJpYW5nbGUtZmFybS1jb3R0YWdlLWhvdXNlLi9pbWFnZXNfdXBsb2FkL2c2NTg5OS1lLmpwZz82Mzg1MDcyMjkzMzY5NzEyNzEbVHJpYW5nbGUgRmFybSBDb3R0YWdlIEhvdXNlZAIDD2QWAmYPFQMaYWN0aXZpdGllcy1hbmQtYXR0cmFjdGlvbnMuL2ltYWdlc191cGxvYWQvZzIyMjUxLWUuanBnPzYzODUwNzIyOTMzNjk3MTI3MSlCZXN0IHRoaW5ncyB0byBkbyB3aGVuIHZpc2l0aW5nIFNla2luY2hhbmQCCw8PFgIeBFRleHQFDys2MCAxNy0yMDYgODY2NmRkAg0PDxYCHwUFHmhlbGxvQGZhcm12aWxsZWhvbWVzdGF5LmNvbS5teWRkAg8PZBYEAgEPDxYCHwUFG1RyaWFuZ2xlIEZhcm0gQ290dGFnZSBIb3VzZWRkAgMPDxYCHwUFGjIwMTYwMzM3NDMwOSAoU0EwNDA3MTQyLVApZGQCEQ9kFhgCBQ8PFgIfBQUad3M4bS5teXNlY3VyZXdlYnNlcnZlci5jb21kZAIHDw8WAh8FBQM1ODdkZAIJDw8WAh8FBQVGYWxzZWRkAgsPDxYCHwUFIG5vcmVwbHlAZmFybXZpbGxlaG9tZXN0YXkuY29tLm15ZGQCDQ8PFgIfBQUMbGxKbW80UXAtSDNvZGQCDw8PFgIfBQUTRmFybSBWaWxsZSBIb21lU3RheWRkAhEPDxYCHwUFIG5vcmVwbHlAZmFybXZpbGxlaG9tZXN0YXkuY29tLm15ZGQCEw8PFgIfBQUgbm9yZXBseUBmYXJtdmlsbGVob21lc3RheS5jb20ubXlkZAIVDw8WAh8FBRx0cmlhbmdsZS5zZWtpbmNoYW5AZ21haWwuY29tZGQCIQ8PFgIfBQUBMGRkAiMPDxYCHwUFAzM2NWRkAiUPDxYCHwUFCjIwMjQtMTItMzFkZBgCBRRjdGwwMCRib2R5JGx2R2FsbGVyeQ8UKwAOZGRkAmNkZGQUKwADZGRkAgNkZGRmAv////8PZAUZY3RsMDAkYm9keSRsdlJoeXRobVNsaWRlcg8UKwAOZGRkZGRkZBQrAAJkZAICZGRkZgL/////D2ROEJFnzOtVrfEd5Da0rW00ZU1iZPIcijvlmyuwyFSipQ==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=fhhL74Sl5olLpc--QSuQ2jMwV1TIW9PrOcstGMGqagtcO0GnLhsDdQ6pEPbYpZQx7fTCAEF2BXz_BL-9JOIzRDt5xxaNFKrN62ZUwcKxy0w1&t=638460526960000000" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=4FXjSoiQtxvmd2mqiglE_MXJALueXB3nGPlPpF-6cNGov0iEXtLcCl3TPyqvZnYCrjTq0Onl4aVremng2KNwPLWemVwS3W5dsPn70oYuxbqmJym9-i9GxilovkiCu7-0KFJB642AslkUUeXOJcpdGg2&t=23c9c237" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/ScriptResource.axd?d=xICkAGEw1G5GwW_n2A858IbFxgDtJ0xBFe1YWU0U4gql-RVzIpe-cn9Kw3hsr9kEy9rMqeFtoDISSwV4MKsHfqCWRXPqLS_juoEbJF91rBZ22-Z94Y0mcrvDK-CdZ54jYRlSyi4GcBK0_nqcBoEBAw2&t=23c9c237" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="68770AB7">
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager1', 'form1', [], [], [], 90, 'ctl00');
//]]>
</script>
<style>
.menucon {
padding: 0;
font-size: 150%;
color: var(--clr01, #000);
cursor: pointer;
-webkit-transition: ease all .4s;
transition: ease all .4s;
z-index: 1000;
line-height: 1;
top: 0;
}
.menucon.fixed {
position: fixed;
top: 15px;
right: 15px;
background-color: var(--clr01);
color: #fff;
}
@media only screen and (min-width: 992px) {
[mn="menu"] .btn-gen {
background-color: var(--clr01);
border: 2px solid var(--clr01);
}
[mn="menu"] .btn-gen:hover {
background-color: var(--clr02);
border: 2px solid var(--clr02);
}
.menucon,
.mob-nav {
display: none !important;
}
}
@media only screen and (max-width: 991px) {
[mn="menu"] {
display: none;
}
.mob-nav {
padding: 6px 0;
width: 100%;
position: sticky;
top: 0;
background-color: var(--clr01x, #fff);
z-index: 20;
border-bottom: 1px solid var(--clr01);
}
.mob-nav.active {
position: relative;
z-index: inherit;
}
}
.logo img {
max-height: 75px;
}
[mn="menu"] {
background-color: var(--clr01x, #fff);
padding: 0 0;
border-bottom: 1px solid #eee;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 30;
overflow: visible;
}
.nav .med .bimg {
background-color: var(--clr01x, #fff);
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
width: 100%;
height: 100%;
-webkit-transition: .4s all ease;
transition: .4s all ease;
background-position: 0;
}
.logo {
max-width: 150px;
max-width: 50%;
}
.nav>ul>li>a.btn-gen,
.nav>ul>li>select {
display: inline-flex;
padding: 1px 6px;
margin: 0 0 0 6px;
height: 35px;
vertical-align: middle;
width: 150px;
align-items: center;
justify-content: center;
font-size: inherit;
}
@media only screen and (max-width: 991px) {
.nav>ul>li>a.btn-gen,
.nav>ul>li>select {
font-size: 170%;
width: 120px;
color: var(--clr01);
background-color: #fff;
}
.nav {
text-align: center;
}
.logo img {}
[mn="logo"],
[mn="menu"] {
display: none !important;
}
[licht][menu] {
background-color: var(--clr01);
padding: 90px 0;
}
[licht][menu] .logo {
display: none;
}
}
.nav>ul>li.active:after {
top: 0;
}
.nav>ul>li.active:before {
bottom: 0;
}
.nav>ul>li a.menu-cus {
padding: 6px 15px !important;
background-color: var(--clr03);
border-radius: 50px;
color: #fff !important;
}
.nav>ul>li a.menu-cus:hover {
color: #fff !important;
}
@media only screen and (min-width: 992px) {
[mn="logo"] {
padding: 0;
border-bottom: 2px solid #ccc;
}
.menucon {
display: none;
}
.nav>ul>li>a+ul {
position: absolute;
display: block;
padding: 10px 5px;
margin: 15px 0 0;
width: 350px;
text-align: left;
left: 0;
background-color: #eee;
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transform-origin: top;
-webkit-transform-origin: top;
box-shadow: -3px 3px 9px rgba(0, 0, 0, .1);
transition: .4s all ease;
transition-delay: .4s;
}
.nav>ul>li:hover>a+ul {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transition-delay: 0s;
}
}
</style>
<style da-for="headertop">
.headertop {
background-color: var(--clr01);
color: #fff;
padding: 0 0;
line-height: 1;
}
.headertop>.container {
padding: 0 0;
}
.headertop a {
color: inherit;
display: block;
font-family: var(--font-t2);
font-size: 80%;
}
.headertop .itm .bimg-w {
width: 15px
}
.headertop .med .bimg {
background-color: #fff
}
.headertop .itm {
padding: 3px 15px 3px 3px;
color: #fff
}
.headertop .med .bimg-w {
padding: 8px;
max-width: 30px;
width: 30px;
display: inline-block;
vertical-align: middle
}
.headertop .itm .l {
padding-right: 3px
}
.headertop .itm .bg-masking {
background-color: #fff
}
.headertop p {
margin: 0
}
.headertop .med .scon-el:last-child {
margin-right: 0;
}
.headertop .med .scon-el {
margin-right: 9px;
/*
flex: 0 0 35px;
max-width: 35px;
*/
}
.headertop .med .scon {
width: auto;
max-width: 100%;
margin: 0 0;
border-radius: 0;
border: 0;
}
.headertop .ln,
.headertop .rn {
flex: 0 0 100%;
max-width: 100%;
}
@media only screen and (max-width: 575px) {
.headertop .ln,
.headertop .rn,
.headertop .itm {
flex: 0 0 100%;
max-width: 100%
}
.headertop .itm>div {
width: 100%
}
.headertop .itm .l {
flex: 0 0 18px;
max-width: 18px;
}
.headertop .itm .r {
flex: 0 0 calc(100% - 18px);
max-width: calc(100% - 18px);
}
}
</style>
<div id="div_headertop" class="wrap headertop">
<div class="container">
<div class="f f-a-c">
<div class="ln">
</div>
<div class="rn">
<div class="med f f-j-fe" style="padding-right: 10px;">
<div class="scon-el">
<div class="scon"><a href="https://api.whatsapp.com/send/?phone=60172068666&text&app_absent=0" target="_blank">
<div class="bimg-w">
<div class="bimg" style="-webkit-mask-image: url(/lib/images/whatsapp.png); mask-image: url(/lib/images/whatsapp.png)"></div>
</div>+60 17-206 8666
</a>
</div>
</div>
<div class="scon-el">
<div class="scon">
<a href="https://www.facebook.com/farmvillecafehomestay/" target="_blank">
<div class="bimg-w">
<div class="bimg" style="-webkit-mask-image: url(/lib/images/facebook-circular-logo.png); mask-image: url(/lib/images/facebook-circular-logo.png)"></div>
</div>
</a>
</div>
</div>
<div id="div_signin" class="scon-el">
<div class="scon">
<a href="/member/signin/">
<div class="bimg-w">
<div class="bimg" style="-webkit-mask-image: url(/lib/images/padlock.png); mask-image: url(/lib/images/padlock.png)"></div>
</div>SIGNIN
</a>
</div>
</div>
<div id="div_register" class="scon-el">
<div class="scon">
<a href="/member/registration/">
<div class="bimg-w">
<div class="bimg" style="-webkit-mask-image: url(/lib/images/user.png); mask-image: url(/lib/images/user.png)"></div>
</div>REGISTER
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="div_mob_nav" class="mob-nav" style="">
<div class="container-fluid">
<div class="f f-j-sb f-a-c">
<div class="logo"><a href="/home/"><img id="img_logo1" src="/images_upload/logo.png?638507229336815013"></a></div>
<div class="menucon f f-j-c f-a-c"><i class="fas fa-bars"></i></div>
</div>
</div>
</div>
<section id="div_menu" mn="menu">
<div class="container main">
<div class="nav f f-j-sb f-a-c">
<div class="logo"><a href="/home/"><img id="img_logo2" src="/images_upload/logo.png?638507229336815013"></a></div>
<ul class="f f-j-c f-a-c">
<li><a href="/home/">Home</a></li>
<li>
<a>About Us</a>
<ul>
<li><a href="/page/farm-ville-cafe-and-homestay/">FARM VILLE CAFE & HOMESTAY</a></li>
<li><a href="/page/triangle-farm-cottage-house/">TRIANGLE FARM COTTAGE HOUSE</a></li>
<li><a href="/page/facilities/">Homestay Facilities</a></li>
<li><a href="/gallery/activities-and-attractions.html">Activities & Attractions</a></li>
</ul>
</li>
<li><a href="/room-info/">Room</a></li>
<li><a href="/gallery/">Photo</a></li>
<li>
<a>Terms & Info</a>
<ul>
<li><a href="/page/terms-of-service/">Terms of Service</a></li>
<li><a href="/page/refund-policy/">Refund Policy</a></li>
<li><a href="/page/privacy-policy/">Privacy Policy</a></li>
<li><a href="/faqs/">FAQs</a></li>
</ul>
</li>
<li><a href="/contact-us/">Contact Us</a></li>
<li class="taste">
<div style="padding-top: 5px;"><a href="/booking/" class="btn-gen">Book FarmVille</a></div>
</li>
<li class="taste">
<div style="padding-top: 5px;"> <a href="/booking/triangle-farm-cottage-house/" class="btn-gen">Book Triangle Farm</a></div>
</li>
</ul>
</div>
</div>
</section>
<script>
$(function() {
let pid = `2`,
idc = `2,1,0`;
idc = idc.split(',');
for (let i = 0; i < idc.length; i++) {
$(`[href="?pid=${idc[i]}"]`).parent().addClass('active');
}
$('.nav li:has(ul)>a').removeAttr('href');
let main = $('[mn="menu"]'),
nav = $('.nav', main).html(),
navlist = $('.nav > ul', main).html(),
menuStat = false;
$('.menucon').click(function() {
if (menuStat == false) {
$('body').addClass('fixed');
$('body').append('<div licht menu />');
$('[licht]').html(`<div class="container nav f f-j-c f-a-c">${nav}</div>`).queue(function(q) {
$('[licht] a[href^="#"]').each(function() {
$(this).on('click', function(e) {
e.preventDefault();
$('body').removeClass('fixed');
$('body, .mob-nav, .menucon').removeClass('fixed active');
$('[licht][menu]').animate({
'opacity': '0'
}, function() {
$(this).remove();
});
menuStat = false;
$('.menucon').html('<i class="fas fa-bars"></i>');
$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top - $('.mob-nav').outerHeight()
}, 900, 'linear', function() {});
});
});
q();
});
$('[licht]').css({
'z-index': '999'
});
//menu without link
$('.nav li:has(ul)>a').removeAttr('href');
$('[licht] .nav li:has(ul)>a').append(' +');
$('[licht]').animate({
'opacity': '1'
}, function() {
$('[licht] .nav li:has(ul)>a').click(function() {
$('+ul', this).slideToggle();
});
});
menuStat = true;
$(this).addClass('fixed');
$(this).html('<i class="fas fa-times"></i>');
$('.mob-nav').addClass('active');
} else if (menuStat == true) {
$('[licht][menu]').animate({
'opacity': '0'
}, function() {
$(this).remove();
});
$('body, .mob-nav, .menucon').removeClass('fixed active');
menuStat = false;
$(this).html('<i class="fas fa-bars"></i>');
}
});
});
</script>
<style>
[mn="100"] {
padding: 0 0;
overflow: inherit;
text-align: center;
background: rgb(0, 0, 0);
overflow: hidden
}
[mn="100"] .owl-carousel {
z-index: 1
}
[mn="100"] .owl-carousel:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .35);
mix-blend-mode: multiply;
background-image: url(/website/zata_da/src/default/dotting.png);
background-size: auto;
background-repeat: repeat;
display: none;
}
[mn="100"] [owl] img {
display: inline-block;
width: auto;
}
[mn="100"] [owl] .item {
z-index: 1;
}
[mn="100"] [owl] .item:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
mix-blend-mode: multiply;
}
[mn="100"] [owl] .itemrow>div {
max-width: 100%;
flex: 0 0 1000px;
}
[mn="100"] [owl] .owl-dot span {
height: 6px;
width: 6px;
display: block;
background-color: transparent;
margin: 0 5px;
border-radius: 0;
border: 1px solid #fff;
transition: all ease .4s;
cursor: pointer
}
[mn="100"] [owl] .owl-dot.active span {
height: 6px;
width: 20px;
}
[mn="100"] [owl] button.owl-dot {
vertical-align: middle;
}
[mn="100"] [owl] svg {
max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
fill: #fff;
}
[mn="100"] [owl] button.owl-next,
[mn="100"] [owl] button.owl-prev {
width: 40px;
height: 40px;
padding: 13px !important;
background-color: var(--clr01);
display: flex;
border-radius: 50%;
}
[mn="100"] [owl] button.owl-next:hover,
[mn="100"] [owl] button.owl-prev:hover {
background-color: var(--clr02);
}
[mn="100"] .ifr {
width: 100px;
margin: 0 auto;
cursor: pointer;
}
[mn="100"] .full {
text-align: center;
}
[mn="100"] h2:after {
background-color: #fff
}
[mn="100"] h2 {
text-align: inherit;
color: inherit;
margin: 0 0 15px;
}
[mn="100"] [owl] .itemrow {
padding: 30px 0;
min-height: 50vh;
}
[mn="100"] .ln {
text-align: left;
padding-right: 15px;
}
[mn="100"] .rn,
[mn="100"] .ln {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
@media only screen and (max-width: 1010px) {
[mn="100"] .txt {
padding: 60px 0
}
}
@media only screen and (max-width: 991px) {
[mn="100"] [owl] .item:after {
/* display: none;*/
}
[mn="100"] [owl] .owl-next,
[mn="100"] [owl] .owl-prev {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
[mn="100"] [owl] button.owl-next,
[mn="100"] [owl] button.owl-prev {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
border-radius: 0;
}
[mn="100"] [owl] .owl-nav button {
margin: 0 0 !important;
}
[mn="100"] [owl] button.owl-next,
[mn="100"] [owl] button.owl-prev {
width: 30px;
height: 30px;
padding: 8px !important;
}
}
@media only screen and (min-width: 575px) {}
@media only screen and (max-width: 575px) {
[mn="100"] {
text-align: center;
}
[mn="100"] h2 {
margin: 0 0 15px;
}
[mn="100"] .ln {
padding: 0 0 15px;
}
[mn="100"] .rn,
[mn="100"] .ln {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
}
[mn="100"] .main {
position: absolute;
height: 100%;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
[mn="100"] .taste>* {
margin: 0;
}
[mn="100"] .txt .desc {
margin: 0 0 20px
}
[mn="100"] .top {
color: #fff
}
[mn="100"] input {
padding-right: 65px;
padding-left: 15px;
}
[mn="100"] input,
[mn="100"] textarea,
[mn="100"] select {
border: 2px solid #fff;
border-radius: 9px;
}
[mn="100"] [owl="cust"] {
position: absolute;
bottom: 15px;
}
[mn="100"] [owl="cust"] button {
border: 0;
background-color: transparent;
margin: 0;
padding: 0;
}
</style>
<section class="" mn="100" style="background-image: url()">
<div class="main" style="background-image: url()">
<div class="owl-carousel bg-cover owl-loaded" owl="">
<div class="owl-stage-outer">
<div class="owl-stage" style="transition: all 0s ease 0s; width: 9600px; transform: translate3d(-4800px, 0px, 0px);">
<div class="owl-item cloned" style="width: 1600px;">
<div class="item bg-cover" style="background-image: url(/images_upload/l26339b.jpg?638507229336815013)">
<div class="f f-j-c f-a-c itemrow" style="height: calc(-107px + 100vh);">
<div class="row f-j-c f-a-c">
<div class="ln"></div>
<div class="rn"></div>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 1600px;">
<div class="item bg-cover" style="background-image: url(/images_upload/l10061b.JPG?638507229336815013)">
<div class="f f-j-c f-a-c itemrow" style="height: calc(-107px + 100vh);">
<div class="row f-j-c f-a-c">
<div class="ln"></div>
<div class="rn"></div>
</div>
</div>
</div>
</div>
<div class="owl-item" style="width: 1600px;">
<div class="item bg-cover" style="background-image: url(/images_upload/l26339b.jpg?638507229336815013)">
<div class="f f-j-c f-a-c itemrow" style="height: calc(-107px + 100vh);">
<div class="row f-j-c f-a-c">
<div class="ln"></div>
<div class="rn"></div>
</div>
</div>
</div>
</div>
<div class="owl-item active center" style="width: 1600px;">
<div class="item bg-cover" style="background-image: url(/images_upload/l10061b.JPG?638507229336815013)">
<div class="f f-j-c f-a-c itemrow" style="height: calc(-107px + 100vh);">
<div class="row f-j-c f-a-c">
<div class="ln"></div>
<div class="rn"></div>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 1600px;">
<div class="item bg-cover" style="background-image: url(/images_upload/l26339b.jpg?638507229336815013)">
<div class="f f-j-c f-a-c itemrow" style="height: calc(-107px + 100vh);">
<div class="row f-j-c f-a-c">
<div class="ln"></div>
<div class="rn"></div>
</div>
</div>
</div>
</div>
<div class="owl-item cloned" style="width: 1600px;">
<div class="item bg-cover" style="background-image: url(/images_upload/l10061b.JPG?638507229336815013)">
<div class="f f-j-c f-a-c itemrow" style="height: calc(-107px + 100vh);">
<div class="row f-j-c f-a-c">
<div class="ln"></div>
<div class="rn"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev" style="bottom: 546.5px;"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve">
<g>
<path
d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z">
</path>
</g>
</svg></button><button type="button" role="presentation" class="owl-next" style="bottom: 546.5px;"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="451.846px" height="451.847px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847;" xml:space="preserve">
<g>
<path
d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z">
</path>
</g>
</svg></button></div>
</div>
</div>
<div class="wrap txt f f-j-c f-a-c" style="height: calc(-107px + 100vh);">
<div class="container">
<div class="wrap top">
<h2 class="cus" style="background-color: rgba(0, 0, 0, 0.3); padding: 30px;">Your Ideal Stay in Sekinchan</h2>
<div class="taste" style="display: none;"><a href="/booking/" class="btn-gen">Book Now</a></div>
</div>
</div>
<div owl="cust">
<div class="custdot"><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot active"><span></span></button></div>
</div>
</div>
</section>
<script>
$(function() {
let mn = `100`,
main = $(`[mn="${mn}"]`),
das = $('.owl-carousel', main);
function callback(das, main) {
var H = $('.owl-stage', das).outerHeight(true);
$('.owl-nav button', das).animate({
'bottom': H - $('.owl-item.active .item', das).outerHeight(true) / 2
});
$('.owl-dots', das).animate({
'bottom': H - $('.owl-item.active .item', das).outerHeight(true) + 15
});
}
let a_l =
`<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"/></g></svg>`,
a_r =
`<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.846px" height="451.847px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847;" xml:space="preserve"> <g> <path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/> </g></svg>`;
das.owlCarousel({
margin: 0,
loop: true,
nav: false,
navText: [a_l, a_r],
dots: true,
autoplay: true,
autoplayTimeout: 4000,
smartSpeed: 2000,
autoplayHoverPause: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
mouseDrag: false,
touchDrag: false,
dotsContainer: '.custdot',
onTranslate: function(e) {
das.trigger('stop.owl.autoplay');
},
onTranslated: function(e) {
das.trigger('play.owl.autoplay');
},
responsive: {
0: {
items: 1,
center: true
},
600: {
items: 1,
center: true
},
1000: {
items: 1,
center: true
}
}
});
das.on('translated.owl.carousel', function(e) {
callback(das, main);
});
$(window).resize(async () => {
let Hm = await menuH;
if ($('.headertop').length > 0) Hm += $('.headertop').outerHeight();
if ($(window).width() > 991) {
$('.itemrow, .txt', main).css({
'height': `calc(100vh - ${Hm}px)`
});
} else {
$('.itemrow, .txt', main).css({
'height': 'auto'
});
}
callback(das, main);
}).resize();
});
</script>
<style>
[mn="101"] .itm {
max-width: 50%;
flex: 0 0 50%
}
[mn="101"] .bimg {
padding-top: 59%
}
[mn="101"] .itms {
margin: 0 -9px
}
[mn="101"] .itm {
padding: 9px;
}
[mn="101"] .txtbx {
background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
padding: 20px 15px 9px;
position: absolute;
left: 0;
bottom: 0;
width: 100%
}
[mn="101"] .txtbx .title {
font-family: var(--font-t2);
color: #fff;
}
[mn="101"] .txtbx .l {
flex: 0 0 calc(100% - 150px);
max-width: calc(100% - 150px)
}
[mn="101"] .txtbx .r {
flex: 0 0 150px;
max-width: 150px;
text-align: right
}
@media (max-width: 575px) {
[mn="101"] .itm {
max-width: 100%;
flex: 0 0 100%
}
}
</style>
<section mn="101">
<div class="container">
<div class="itms f">
<div class="itm int animated" da-inani="fadeInLeft">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/img.02.jpg)"></div>
</div>
<div class="txtbx">
<div class="wrap">
<div class="f f-a-c">
<div class="l">
<div class="title">Farm Ville Cafe & Homestay</div>
</div>
<div class="r"><a href="/booking/" class="btn-gen">Book Now</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="itm int animated" da-inani="fadeInRight">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/img.01.jpg)"></div>
</div>
<div class="txtbx">
<div class="wrap">
<div class="f f-a-c">
<div class="l">
<div class="title">Triangle Farm Cottage House</div>
</div>
<div class="r"><a href="/booking/triangle-farm-cottage-house/" class="btn-gen">Book Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
/*==================================*/
[mn="102"] [owl] .item {
height: 100%;
padding: 0;
}
[mn="102"] [owl] a {
color: inherit;
}
[mn="102"] [owl] .owl-stage {
display: flex;
flex-wrap: wrap;
}
[mn="102"] [owl] svg {
max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
fill: #333;
transition: all ease .4s;
}
[mn="102"] [owl] button.owl-next,
[mn="102"] [owl] button.owl-prev {
width: 45px;
height: 45px;
padding: 15px !important;
background-color: var(--clr01x, #fff);
display: flex;
/* opacity: .8; */
border-radius: 50%;
border: 0 solid var(--clr01);
margin: 0 !important;
box-shadow: -3px 3px 7px rgba(0, 0, 0, .3);
}
[mn="102"] [owl] button.owl-next:hover,
[mn="102"] [owl] button.owl-prev:hover {
background-color: var(--clr01);
}
[mn="102"] [owl] button.owl-next:hover svg,
[mn="102"] [owl] button.owl-prev:hover svg {
fill: #fff;
}
[mn="102"] [owl] button.owl-next {
transform: translate(50%, 50%)
}
[mn="102"] [owl] button.owl-prev {
transform: translate(-50%, 50%)
}
[mn="102"] [owl] .owl-stage-outer {
padding-top: 15px;
padding-bottom: 60px;
}
[mn="102"] .item .bimg {
padding-top: 66%;
}
/*
[mn="102"] .play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
[mn="102"] .play img {
width: 100px;
opacity: .5;
transform: scale(1);
transition: .4s all ease
}
*/
[mn="102"] .item>div {
cursor: pointer;
}
[mn="102"] .item>div:hover .play img {
transform: scale(1.1);
}
[mn="102"] .item>div.wrapxp {
height: 100%;
background-color: #fff;
overflow: hidden;
box-shadow: 0 50px 30px -47px rgba(0, 0, 0, 0.55);
border-radius: 9px
}
[mn="102"] .item iframe {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 10;
}
[mn="102"] .item .playcon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(1);
max-width: 20%;
opacity: .75;
transition: all ease .4s
}
[mn="102"] .item:hover .playcon {
transform: translate(-50%, -50%) scale(1.2);
}
[mn="102"] .item iframe+.cover {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 11;
}
[mn="102"] .ttl {
font-family: var(--font-t1);
padding: 18px 9px 3px;
transition: all ease-in-out .4s;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: left;
color: #fff;
background: rgb(0, 0, 0, .5);
background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
}
.licht102 iframe {
width: 100%;
}
.licht102 .main>div {
padding: 0
}
@media (max-width: 575px) {
[mn="102"] .main {
padding: 0
}
}
/*==================================*/
</style>
<section mn="102" class="" style="background-image: url(""); display: none; padding-top: 0px;">
<div class="container">
<h2>Popular Videos</h2>
</div>
<div class="container main">
<div class="wrap">
<div class="f owl-carousel itms owl-loaded owl-drag" owl="">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s;">
<div class="owl-item">
<div class="item" style="background-image: url()">
<div class="wrapxp">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/thumb.01.jpg);">
<div class="ttl">Video Title</div>
<img src="/website/zata_da/src/default/play.png" alt="" class="playcon">
<template>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KPxSS1zHWwQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item">
<div class="item" style="background-image: url()">
<div class="wrapxp">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/thumb.02.jpg);">
<div class="ttl">Video Title</div>
<img src="/website/zata_da/src/default/play.png" alt="" class="playcon">
<template>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KPxSS1zHWwQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item">
<div class="item" style="background-image: url()">
<div class="wrapxp">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/thumb.03.jpg);">
<div class="ttl">Video Title</div>
<img src="/website/zata_da/src/default/play.png" alt="" class="playcon">
<template>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KPxSS1zHWwQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item">
<div class="item" style="background-image: url()">
<div class="wrapxp">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/thumb.04.jpg);">
<div class="ttl">Video Title</div>
<img src="/website/zata_da/src/default/play.png" alt="" class="playcon">
<template>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KPxSS1zHWwQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item">
<div class="item" style="background-image: url()">
<div class="wrapxp">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/thumb.01.jpg);">
<div class="ttl">Video Title</div>
<img src="/website/zata_da/src/default/play.png" alt="" class="playcon">
<template>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KPxSS1zHWwQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item">
<div class="item" style="background-image: url()">
<div class="wrapxp">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/thumb.02.jpg);">
<div class="ttl">Video Title</div>
<img src="/website/zata_da/src/default/play.png" alt="" class="playcon">
<template>
<iframe width="560" height="315" src="https://www.youtube.com/embed/KPxSS1zHWwQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</template>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-nav"><button type="button" role="presentation" class="owl-prev disabled"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px"
height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve">
<g>
<path
d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z">
</path>
</g>
</svg></button><button type="button" role="presentation" class="owl-next"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.846px" height="451.847px"
viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847;" xml:space="preserve">
<g>
<path
d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z">
</path>
</g>
</svg></button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</div>
</section>
<script>
$(function() {
let main = $(`[mn="102"]`),
owl = $('.owl-carousel', main);
function callback(das) {
das.trigger('stop.owl.autoplay');
var H = $('.owl-item.active .item', das).outerHeight(true);
if ($(window).width() < 575) {
$('.owl-nav button', das).animate({
'bottom': (H / 2) + 60
});
} else if ($(window).width() < 1201) {
$('.owl-nav button', das).animate({
'bottom': (H / 2) + 60
});
} else {
$('.owl-nav button', das).animate({
'bottom': (H / 2) + 60
});
}
return true;
}
let a_l =
`<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"/></g></svg>`,
a_r =
`<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.846px" height="451.847px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847;" xml:space="preserve"> <g> <path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/> </g></svg>`;
owl.each(function() {
let das = $(this);
das.owlCarousel({
margin: 15,
loop: false,
nav: true,
navText: [a_l, a_r],
dots: false,
autoplay: false,
autoplayTimeout: 9000,
smartSpeed: 200,
autoplayHoverPause: false,
mouseDrag: true,
touchDrag: true,
onDragged: callback(das),
rewind: false,
onTranslate: function(e) {
das.trigger('stop.owl.autoplay');
},
onTranslated: function(e) {
callback(das);
},
responsive: {
0: {
items: 1.5,
center: true,
loop: true,
nav: false
},
575: {
items: 3
},
1000: {
items: 4
},
1500: {
items: 4,
}
}
});
callback(das);
});
owl.promise().done(function() {
owl.each(function() {
let da = $(this),
itms = $('.item > div', da);
itms.each(function() {
let btn = $(this),
vsrc = $('template', btn)[0].outerHTML;
vsrc = $($.parseXML(vsrc)).contents();
vsrc = vsrc.find('iframe').attr('src');
let iframe =
`<iframe width="560" height="315" src="${vsrc}?autoplay=1&controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="ab"></iframe><div class="cover"></div>`,
popframe =
`<iframe width="560" height="315" src="${vsrc}?autoplay=1&showinfo=0&controls=1&autohide=1&modestbranding=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" class="ab" allowfullscreen></iframe><div class="cover"></div>`;
popframe = ` <div class="container main">
<div class="close-pop-w ccl"></div>
<div class="content">
<div class="f f-j-c f-a-c">
${popframe}
</div>
</div>
</div> `;
btn.hover(function() {
btn.append(iframe);
}, function() {
$('iframe, .cover', da).remove();
});
uilichtEins('102', btn, popframe, () => {
let licht = $(`.licht102`);
$(window).resize(() => {
let fr = $('iframe', licht),
vw = fr.width() * 9 / 16;
$('iframe', licht).css({
'height': vw
});
}).resize();
});
});
});
});
});
</script>
<style type="text/css">
[mn="103"] {
background-color: #fff;
}
[mn="103"] .gals {
margin: 0 -15px;
}
[mn="103"] h2.cus {
margin: 0 0 30px !important;
}
[mn="103"] .gal .bimg-w {
width: 110px;
margin-bottom: 15px
}
[mn="103"] .gal .bimg {
mix-blend-mode: multiply;
}
[mn="103"] .gal {
flex: 0 0 20%;
max-width: 20%;
padding: 15px;
text-align: center;
}
[mn="103"] .taste {
text-align: center;
margin: 30px 0 0
}
[mn="103"] .num {
font-family: var(--font-t2);
line-height: 1.1;
font-size: 150%;
margin: 0 0 9px
}
[mn="103"] .desc {
line-height: 1.2;
width: 100%;
max-width: 185px;
margin: 0 auto
}
[mn="103"] .med {
width: 100%;
text-align: left;
margin: 30px 0 0
}
[mn="103"] .med .bimg-w {
padding: 0;
}
[mn="103"] .med .medttl {
padding: 0
}
[mn="103"] .med .scon {
margin: 3px;
border: 0 solid var(--clr01);
background-color: transparent;
max-width: 35px;
width: 35px;
}
[mn="103"] .med .scon:hover {}
[mn="103"] .med .scon .bimg {
background-color: transparent;
border: 50%;
}
[mn="103"] .med .scon:hover .bimg {
background-color: #fff;
}
@media only screen and (max-width: 767px) {
[mn="103"] .gal:nth-child(even):after {
display: none
}
[mn="103"] .gal {
flex: 0 0 50%;
max-width: 50%;
}
}
</style>
<section mn="103" style="background-image: url();" da-id="146" id="146">
<div class="container">
<h2 class="cus">Facilities in <b style="color: var(--clr01);">Farm Ville Cafe & Homestay</b></h2>
<div class="gals f f-j-c">
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/trampoline.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Trampoline</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/golf-field.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Mini Golf Putting</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/website/zata_da/src/img/heim/ame.02.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Kids Pool with Slide</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/barbecue.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">BBQ Area</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/target.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Kids Archery</div>
</div>
<div class="desc" style="font-size: 12px;"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/website/zata_da/src/img/heim/ame.03.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Television</div>
</div>
<div class="desc" style="font-size: 12px;">waiting room area</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/glass-of-water.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Water Dispenser</div>
</div>
<div class="desc" style="font-size: 12px;">pantry area</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/garden.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Garden</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/website/zata_da/src/img/heim/ame.05.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Wifi</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/website/zata_da/src/img/heim/ame.06.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Free Parking on Premis</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<section mn="103" style="background-image: url(""); padding-top: 0px;" da-id="146" id="146">
<div class="container">
<h2 class="cus">Facilities in <b style="color: var(--clr01);">Triangle Farm Cottage House</b></h2>
<div class="gals f f-j-c">
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/target.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Kids Archery</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/ping-pong.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Ping Pong</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/website/zata_da/src/img/heim/ame.02.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Adults & Kids Pool</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/barbecue.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">BBQ Area</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/bmx.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Bicycle</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/planting.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Planting Activities</div>
</div>
<div class="desc" style="font-size: 12px;">RM8 / per person (min. 20 pax)</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/fishing.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Fishing</div>
</div>
<div class="desc" style="font-size: 12px;">(own equipment)</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/karaoke.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Karaoke System</div>
</div>
<div class="desc" style="font-size: 12px;">RM50 / per hour</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/meeting.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Meeting Room</div>
</div>
<div class="desc" style="font-size: 12px;">RM50 / per hour</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/website/zata_da/src/img/heim/ame.03.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Television</div>
</div>
<div class="desc" style="font-size: 12px;">waiting room area</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/glass-of-water.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Water Dispenser</div>
</div>
<div class="desc" style="font-size: 12px;">pantry area</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/fridge.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Fridge</div>
</div>
<div class="desc" style="font-size: 12px;">pantry area</div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/garden.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Garden</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/website/zata_da/src/img/heim/ame.05.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Wifi</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/trampoline.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Trampoline</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
<div class="gal wrap bg-cover">
<div class="wrap">
<div class="wrap">
<div class="bimg-w">
<div class="bimg bg-cover" da-bgsrc="/lib/images/cafeteria.png"> </div>
</div>
</div>
<div class="wrap">
<div class="ttl">
<div class="ttl">Cafe</div>
</div>
<div class="desc"> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
$(function() {
let mn = `103`,
id = `146`,
main = $(`[mn][da-id="${id}"]`);
});
</script>
<style>
[mn="104"] {}
[mn="104"] .ttl {
font-family: var(--fon-t1);
line-height: 1.2;
padding: 0 0 15px;
}
[mn="104"] .bimg-w {
border-radius: 15px;
}
[mn="104"] .bimg {
padding-top: 66%;
}
[mn="104"] .el {
padding: 9px;
flex: 0 0 100%;
max-width: 100%;
}
[mn="104"] .el>a {
color: inherit;
cursor: pointer;
}
[mn="104"] .el>a>div {
transition: .4s all ease;
}
/*
[mn="104"] a:hover>div {
box-shadow: 3px 3px 15px rgba(0, 0, 0, .2);
}
*/
[mn="104"] .els {
margin: -9px;
}
[mn="104"] .btm {
padding: 15px 0;
}
[mn="104"] .play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(.8);
transition: all ease .4s;
width: auto !important;
max-width: 30%;
opacity: .75
}
[mn="104"] a:hover .play {
transform: translate(-50%, -50%) scale(1);
}
[mn="104"] .desc {
text-align: center;
font-family: var(--fon-t1);
padding: 0 0 45px;
}
[mn="104"] h2 {
margin: 5px 0;
}
@media only screen and (max-width: 991px) {}
@media only screen and (max-width: 575px) {
[mn="104"] .desc {
padding: 0 0 25px;
}
[mn="104"] .bimg-w {
border-radius: 0;
}
[mn="104"] .btm {
padding: 3px 0 6px;
}
[mn="104"] .el {
padding: 3px;
}
[mn="104"] .els {
margin: -3px;
}
[mn="104"] .ttl {
padding: 0 0 9px;
}
[mn="104"] .play {
transform: translate(-50%, -50%) scale(.4);
}
[mn="104"] a:hover .play {
transform: translate(-50%, -50%) scale(.5);
}
}
[mn="104"] [owl] svg {
max-width: 100%;
width: auto;
max-height: 100%;
height: auto;
fill: #fff;
transition: all ease .4s;
}
[mn="104"] [owl] button.owl-next,
[mn="104"] [owl] button.owl-prev {
width: 30px;
height: 30px;
padding: 9px !important;
background-color: var(--clr01);
display: flex;
}
[mn="104"] [owl] button.owl-next:hover,
[mn="104"] [owl] button.owl-prev:hover {
background-color: var(--clr02);
}
[mn="104"] [owl] button.owl-next:hover svg,
[mn="104"] [owl] button.owl-prev:hover svg {
fill: #fff;
}
</style>
<section mn="104">
<div class="container">
<h2>Photo Gallery</h2>
</div>
<div class="container">
<div class="els f videos owl-carousel owl-loaded owl-drag" owl="">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1128px;">
<div class="owl-item active" style="width: 376px;">
<div class="el">
<a href="/gallery/farmville-cafe-homestay.html">
<div class="wrap">
<div class="bimg-w top">
<div class="bimg bg-cover" style="background-image: url(/images_upload/g45512-e.jpg?638507229336971271);"><img class="play" src="/website/zata_da/src/default/play.png" alt=""></div>
</div>
<div class="wrap btm">
<div class="wrap ttl">Farm Ville Cafe & Homestay</div>
</div>
<template></template>
</div>
</a>
</div>
</div>
<div class="owl-item active" style="width: 376px;">
<div class="el">
<a href="/gallery/triangle-farm-cottage-house.html">
<div class="wrap">
<div class="bimg-w top">
<div class="bimg bg-cover" style="background-image: url(/images_upload/g65899-e.jpg?638507229336971271);"><img class="play" src="/website/zata_da/src/default/play.png" alt=""></div>
</div>
<div class="wrap btm">
<div class="wrap ttl">Triangle Farm Cottage House</div>
</div>
<template></template>
</div>
</a>
</div>
</div>
<div class="owl-item active" style="width: 376px;">
<div class="el">
<a href="/gallery/activities-and-attractions.html">
<div class="wrap">
<div class="bimg-w top">
<div class="bimg bg-cover" style="background-image: url(/images_upload/g22251-e.jpg?638507229336971271);"><img class="play" src="/website/zata_da/src/default/play.png" alt=""></div>
</div>
<div class="wrap btm">
<div class="wrap ttl">Best things to do when visiting Sekinchan</div>
</div>
<template></template>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev disabled" style="bottom: 159.226px;"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve">
<g>
<path
d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z">
</path>
</g>
</svg></button><button type="button" role="presentation" class="owl-next disabled" style="bottom: 159.226px;"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="451.846px" height="451.847px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847;" xml:space="preserve">
<g>
<path
d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z">
</path>
</g>
</svg></button></div>
<div class="owl-dots disabled"></div>
</div>
</div>
</section>
<script>
$(function() {
let main = $(`[mn="104"]`),
btns = $('.btn-gen', main),
das = $('.owl-carousel', main),
btn = $('button', das);
function callback(das) {
das.trigger('stop.owl.autoplay');
var H = $('.owl-item.active .el', das).outerHeight(true);
if ($(window).width() < 575) {
$('.owl-nav button', das).animate({
'bottom': (H / 2)
});
} else if ($(window).width() < 1201) {
$('.owl-nav button', das).animate({
'bottom': (H / 2)
});
} else {
$('.owl-nav button', das).animate({
'bottom': (H / 2)
});
}
return true;
}
let a_l =
`<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.847px" height="451.847px" viewBox="0 0 451.847 451.847" style="enable-background:new 0 0 451.847 451.847;" xml:space="preserve"><g><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"/></g></svg>`,
a_r =
`<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="451.846px" height="451.847px" viewBox="0 0 451.846 451.847" style="enable-background:new 0 0 451.846 451.847;" xml:space="preserve"> <g> <path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/> </g></svg>`;
let c = true;
das.owlCarousel({
margin: 0,
loop: false,
navText: [a_l, a_r],
dots: false,
autoplay: false,
autoplayTimeout: 9000,
smartSpeed: 200,
autoplayHoverPause: false,
mouseDrag: true,
touchDrag: true,
onDragged: callback(das),
rewind: false,
onTranslate: function(e) {
das.trigger('stop.owl.autoplay');
},
onTranslated: function(e) {
callback(das);
},
responsive: {
0: {
items: 1.2,
center: true
},
600: {
items: 3
},
1000: {
items: 3,
nav: true,
}
}
});
callback(das);
});
</script>
<style>
[mn="105"]>div.f {
min-height: 50vh;
text-align: center;
color: #fff;
}
[mn="105"] .ttl {
font-family: var(--font-t1);
font-size: var(--font-xl);
text-transform: uppercase;
padding-bottom: 15px;
}
[mn="105"] .container {
max-width: 900px;
}
</style>
<section class="" mn="105" style="background-image: url("/images_upload/bg-member-signin.jpg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center 3064.71px;" da-id="34"
id="34">
<div class="wrap f f-a-c f-a-c">
<div class="container">
<div class="wrap">
<h2 style="color: #000;">Place of Releasing Stress</h2>
<div class="taste"><a href="/booking/" class="btn-gen">Book Now</a></div>
</div>
</div>
</div>
</section>
<script>
$(function() {
let mn = `105`,
main = $(`[mn="${mn}"]`);
if ($(window).width() > 1100) $(main).parallaxie({
offset: -60
});
});
</script>
<style>
[mn="106"] .txt {
font-size: calc(14 / 16 * 100%)
}
[mn="106"] .date {
margin: 0 0 3px;
color: var(--clr01);
text-transform: uppercase;
font-size: calc(12 / 16 * 100%)
}
[mn="106"] .date sup {
font-size: 58%;
}
[mn="106"] .ttl {
text-transform: uppercase;
margin: 0 0 9px
}
[mn="106"] .ttl,
[mn="106"] .date {
font-family: var(--font-t1);
}
[mn="106"] .itms {
margin: 0 -15px
}
[mn="106"] .itm {
padding: 21px 15px;
flex: 0 0 50%;
max-width: 50%;
}
[mn="106"] .itm .l .bimg-w {
border-radius: 50%;
border: 2px solid #ccc;
width: 100px
}
[mn="106"] .itm .l {
flex: 0 0 100px;
max-width: 100px;
}
[mn="106"] .itm .r {
flex: 0 0 calc(100% - 100px);
max-width: calc(100% - 100px);
padding: 0 0 0 9px;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
[mn="106"] .itm {
flex: 0 0 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 575px) {
[mn="106"] .itm .l .bimg-w {
margin: 0 0 9px
}
[mn="106"] .itm .l {
flex: 0 0 60px;
max-width: 60px;
}
[mn="106"] .itm .r {
flex: 0 0 calc(100% - 60px);
max-width: calc(100% - 60px);
}
}
</style>
<section class="" mn="106" da-id="44" style="background-image: url(); display: none;" id="44">
<div class="wrap bg-contain main-w">
<div class="container">
<h2>Guests' Experience</h2>
<div class="itms f">
<div class="itm">
<div class="wrap">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/prof.01.jpg)"></div>
</div>
</div>
<div class="r">
<div class="date">29<sup>th</sup> Jan 2020</div>
<div class="ttl">Sherry Tan</div>
<div class="txt">
<p>Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et
viverra eros, id commodo magna.</p>
</div>
</div>
</div>
</div>
</div>
<div class="itm">
<div class="wrap">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/prof.01.jpg)"></div>
</div>
</div>
<div class="r">
<div class="date">29<sup>th</sup> Jan 2020</div>
<div class="ttl">Sherry Tan</div>
<div class="txt">
<p>Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et
viverra eros, id commodo magna.</p>
</div>
</div>
</div>
</div>
</div>
<div class="itm">
<div class="wrap">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/prof.01.jpg)"></div>
</div>
</div>
<div class="r">
<div class="date">29<sup>th</sup> Jan 2020</div>
<div class="ttl">Sherry Tan</div>
<div class="txt">
<p>Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et
viverra eros, id commodo magna.</p>
</div>
</div>
</div>
</div>
</div>
<div class="itm">
<div class="wrap">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/prof.01.jpg)"></div>
</div>
</div>
<div class="r">
<div class="date">29<sup>th</sup> Jan 2020</div>
<div class="ttl">Sherry Tan</div>
<div class="txt">
<p>Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et
viverra eros, id commodo magna.</p>
</div>
</div>
</div>
</div>
</div>
<div class="itm">
<div class="wrap">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/prof.01.jpg)"></div>
</div>
</div>
<div class="r">
<div class="date">29<sup>th</sup> Jan 2020</div>
<div class="ttl">Sherry Tan</div>
<div class="txt">
<p>Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et
viverra eros, id commodo magna.</p>
</div>
</div>
</div>
</div>
</div>
<div class="itm">
<div class="wrap">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-cover" style="background-image: url(/website/zata_da/src/img/heim/prof.01.jpg)"></div>
</div>
</div>
<div class="r">
<div class="date">29<sup>th</sup> Jan 2020</div>
<div class="ttl">Sherry Tan</div>
<div class="txt">
<p>Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et
viverra eros, id commodo magna.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
[mn="107"] {
background-color: #f8f8f8
}
[mn="107"] .ttl {
font-family: var(--font-t1);
font-size: 120%;
margin: 0 0 12px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
text-decoration: underline
}
[mn="107"] .contact .ttl {
margin: 0
}
[mn="107"] .articles .ttl {
margin: 0 0 0;
}
[mn="107"] a {
color: inherit
}
[mn="107"] .articles a:hover {
text-decoration: underline;
}
[mn="107"] .articles .itm {
margin: 15px 0;
}
[mn="107"] .articles .l {
flex: 0 0 20%;
max-width: 20%;
}
[mn="107"] .articles .r {
flex: 0 0 80%;
max-width: 80%;
padding: 0 0 0 9px
}
[mn="107"] .articles .l .bimg {
padding-top: 66%;
}
[mn="107"] .sitemap {
margin: 0 0 15px
}
[mn="107"] .sitemap ul,
[mn="107"] .sitemap li {
margin: 0;
padding: 0;
list-style: none
}
[mn="107"] .sitemap ul {
-webkit-column-count: 1;
/* Old Chrome, Safari and Opera */
-moz-column-count: 1;
/* Old Firefox */
column-count: 1;
}
[mn="107"] .med .scon {
margin: 0 12px 12px 0;
border: 2px solid #fff;
background-color: transparent;
max-width: 40px;
width: 40px;
border-radius: 12px 0 12px 0;
}
[mn="107"] .med .scon:hover {
margin: 0 12px 12px 0;
border: 2px solid var(--clr01);
background-color: var(--clr01);
}
[mn="107"] .med .scon .bimg {
background-color: #fff;
}
[mn="107"] .signup {
margin: 0 0 15px
}
[mn="107"] .signup .btn-gen {
padding: 15px;
position: absolute;
right: 0;
top: 0;
height: 100%;
border-radius: 0;
}
[mn="107"] .signup input {
margin: 0;
padding: 12px
}
[mn="107"] .contact .l {
flex: 0 0 20px;
max-width: 20px;
}
[mn="107"] .contact .l .bimg-w {
margin-top: 5px;
margin-bottom: 15px
}
[mn="107"] .contact .r {
flex: 0 0 calc(100% - 20px);
max-width: calc(100% - 20px);
padding-left: 9px
}
[mn="107"] .info-img {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 2px solid #fff;
}
[mn="107"] .info-img .el {
flex: 0 0 50%;
max-width: 50%;
}
[mn="107"] h2.cus {
color: inherit;
font-size: 150%;
margin-bottom: 60px !important
}
[mn="107"] .btn-gen {
background-color: var(--clr01);
border: 2px solid var(--clr01);
}
[mn="107"] .btn-gen:hover {
background-color: var(--clr02);
border: 2px solid var(--clr02);
}
@media only screen and (max-width: 991px) {
[mn="107"] .bordering {
border: 0;
}
}
@media only screen and (max-width: 575px) {
[mn="107"] .sitemap ul {
-webkit-column-count: 1;
/* Old Chrome, Safari and Opera */
-moz-column-count: 1;
/* Old Firefox */
column-count: 1;
}
}
[mn="107"] label {
font-family: var(--font-t1);
font-size: 80%;
text-transform: uppercase
}
[mn="107"] h2 {
text-align: inherit
}
[mn="107"] h2:after {
display: none
}
[mn="107"] input,
[mn="107"] textarea {
/*
border: 0;
border-bottom: 1px solid #aaa;
*/
}
</style>
<section mn="107" style="background-image: url(); display: none;" da-id="8" class="" id="8">
<div class="container footerinfo">
<div class="row ">
<div class="col-md-6 col-lg-6 bordering">
<div class="wrap">
<p><img src="/website/zata_da/src/cp/logo.png" alt=""></p>
</div>
<div class="contact">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-contain" style="background-image: url(/website/zata_da/src/default/sc.01.png)"></div>
</div>
</div>
<div class="r">
<div class="wrap">
<div class="ttl">Address</div>
<div class="cont">
<p>Farm Ville Cafe & Homestay <br> Lot 11304, Kampung Site B Tambahan <br> Jalan Tepi Sawah, Sekinchan <br> 45400 Sekinchan, Selangor</p>
</div>
</div>
</div>
</div>
</div>
<div class="contact">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-contain" style="background-image: url(/website/zata_da/src/default/sc.03.png)"></div>
</div>
</div>
<div class="r">
<div class="wrap">
<div class="ttl">Contact Number</div>
<div class="cont">
<p><span id="lbl_invoice_mobile">+60 17-206 8666</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="contact">
<div class="f">
<div class="l">
<div class="bimg-w">
<div class="bimg bg-contain" style="background-image: url(/website/zata_da/src/default/sc.04.png)"></div>
</div>
</div>
<div class="r">
<div class="wrap">
<div class="ttl">Email</div>
<div class="cont">
<p><span id="lbl_invoice_email">hello@farmvillehomestay.com.my</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="wrap">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<h2>Connect with Us</h2>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-12">
<label for="">Name</label>
<input type="text" name="Name" required="">
</div>
<div class="col-6">
<label for="">Email Address</label>
<input type="email" name="Email" required="">
</div>
<div class="col-6">
<label for="">Phone Number</label>
<input type="text" name="Contact Number" required="">
</div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-12">
<label for="">Subject</label>
<input type="text" name="Subject" required="">
</div>
</div>
</div>
<div class="col-md-12">
<label for="">Message</label>
<textarea rows="2" cols="20" name="Message" style="height:148px;" required=""></textarea>
</div>
<div class="col-12">
<div class="taste">
<button type="submit" class="btn-gen trans400" validationgroup="email">Submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</form>Text Content
+60 17-206 8666 SIGNIN REGISTER * Home * About Us * FARM VILLE CAFE & HOMESTAY * TRIANGLE FARM COTTAGE HOUSE * Homestay Facilities * Activities & Attractions * Room * Photo * Terms & Info * Terms of Service * Refund Policy * Privacy Policy * FAQs * Contact Us * Book FarmVille * Book Triangle Farm YOUR IDEAL STAY IN SEKINCHAN Book Now Farm Ville Cafe & Homestay Book Now Triangle Farm Cottage House Book Now POPULAR VIDEOS Video Title Video Title Video Title Video Title Video Title Video Title FACILITIES IN FARM VILLE CAFE & HOMESTAY Trampoline Mini Golf Putting Kids Pool with Slide BBQ Area Kids Archery Television waiting room area Water Dispenser pantry area Garden Wifi Free Parking on Premis FACILITIES IN TRIANGLE FARM COTTAGE HOUSE Kids Archery Ping Pong Adults & Kids Pool BBQ Area Bicycle Planting Activities RM8 / per person (min. 20 pax) Fishing (own equipment) Karaoke System RM50 / per hour Meeting Room RM50 / per hour Television waiting room area Water Dispenser pantry area Fridge pantry area Garden Wifi Trampoline Cafe PHOTO GALLERY Farm Ville Cafe & Homestay Triangle Farm Cottage House Best things to do when visiting Sekinchan PLACE OF RELEASING STRESS Book Now GUESTS' EXPERIENCE 29th Jan 2020 Sherry Tan Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et viverra eros, id commodo magna. 29th Jan 2020 Sherry Tan Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et viverra eros, id commodo magna. 29th Jan 2020 Sherry Tan Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et viverra eros, id commodo magna. 29th Jan 2020 Sherry Tan Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et viverra eros, id commodo magna. 29th Jan 2020 Sherry Tan Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et viverra eros, id commodo magna. 29th Jan 2020 Sherry Tan Cras laoreet dolor ut consectetur molestie. Pellentesque luctus augue metus, eu egestas ipsum pulvinar nec. Donec non nibh vitae odio accumsan ornare. Donec ex elit, efficitur non pellentesque ut, lacinia sed mauris. Cras et viverra eros, id commodo magna. Address Farm Ville Cafe & Homestay Lot 11304, Kampung Site B Tambahan Jalan Tepi Sawah, Sekinchan 45400 Sekinchan, Selangor Contact Number +60 17-206 8666 Email hello@farmvillehomestay.com.my CONNECT WITH US Name Email Address Phone Number Subject Message Submit Copyright © 2022. Triangle Farm Cottage House. 201603374309 (SA0407142-P). Powered by WEBTIVATE