</noscript> <!-- End Google Tag Manager (noscript) --> <div id="fade" style="background-color: rgba(255,255,255,0.9);width:100%;height: 100%;position: fixed;z-index: 99;display: none"> <div class="qr-code" style="display: none;margin: auto;width: 350px;max-width:90%;height: auto;text-align: center;font-size: 25px;font-weight: bold;margin-top: 100px;"> belifhk <img src="img/qr.jpeg" style="margin-top: 20px;width: 100%;"> </div> </div> <!-- LOADER --> <div id="loader-wrapper" style="display: none;"> <div class="bubbles"> <div class="title"><img class="" style="max-width:100px;" src="images/load.gif"></div> </div> </div> <div id="content-block"> <div class="content-center fixed-header-margin"> <div class="header-wrapper style-15"> <header class="type-4"> <div class="header-top"> <div class="header-top-entry" style="float:left;margin-left: 2%;font-size: 18px;color: #000000;font-family: 'Roboto','Microsoft Jhenghei',sans-serif;"> <div class=""> <div class="title" style="border-left: 0px solid;">ENG <i class="fa fa-caret-down"></i></div> </div> <div class="list"> <a href="product_detail.php?product_detail_id=58&lang=1" class="list-entry">繁</a> <a href="product_detail.php?product_detail_id=58&lang=3" class="list-entry">简</a> </div> </div> <div class="menu-button responsive-menu-toggle-class"><i class="fa fa-reorder"></i></div> <div class="clear"></div> </div> <div class="header-middle"> <div class="logo-wrapper" style=""> <a id="logo" href="index.php"><img style="height: auto" class="header_logo lazy" src="images/belif_logo.png" data-original="images/belif_logo.png" alt="" /></a> </div> <div class="right-entries"> <div class="socials-box" style="float:right"> <form id="search-form" action="search.php" method="get" onsubmit="return validate_search_form(this);"> <input id="search-input" class="header-top-entry" type="text" name="search" defaultValue="Search here" maxlength="100" style="float: left;position:absolute;;z-index: 6;"> <a id="search-button" class="header-top-entry" target="_blank" style="width: 40px;position: relative;top: -5px;"><img style="max-width: 100%;" src="img/btn_search.png"></a> <a id="search-button-2" class="header-top-entry" target="_blank" style="width: 40px;position: relative;top: -5px;"><img style="max-width: 100%;" src="img/btn_search.png"></a> <a class="header-top-entry" href="https://www.facebook.com/belifhk/" target="_blank"><i class="fa fa-facebook"></i></a> <a class="header-top-entry" href="https://www.instagram.com/belifhk/" target="_blank"><i class="fa fa-instagram"></i></a> <!--<a class="header-top-entry" href="https://www.weibo.com/belifhk" target="_blank"><i class="fa fa-weibo"></i></a>--> <!-- <a class="header-top-entry" onclick="showQR();" target="_blank"><i class="fa fa-wechat"></i></a> --> <a class="header-top-entry header-subcribe" href="contact_us.php" >Subscribe</a> </form> </div> <!-- <div class="search-box" style="float:right;width: 222px"> <a class="header-top-entry" href="search.php"><i class="fa fa-search"></i></a> </div>--> </div> </div> <div class="navigation"> <div class="navigation-header responsive-menu-toggle-class"> <div class="title"> </div> <div class="close-menu"></div> </div> <div class="nav-overflow"> <nav> <ul> <li class="full-width-columns" id="menu_eshop"> <a class='' data-href="https://belif.buys.hk" href="https://belif.buys.hk" class="">SHOP</a> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_product"> <a class='open_menu n 2' data-href="product.php" href="product.php" class="">ABOUT PRODUCT</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-1"> <div class="row row-submenu-2"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-1"> <a class='uppercase' href="product.php">Product Type</a><span class="toggle-list-button toggle-list-button-1"></span> </div> </div> </div> <div class="sub-submenu-container-1 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=1">Cleanser/ Makeup Remover</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=2">Exfoliator</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=3">Toner</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=4">Essence</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=5">Lotion</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=7">Cream</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=6">Eye Care</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=8">Face Mask</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=9">Special Care</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=10">Sunscreen</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=11">Makeup</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=12">Body Care</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=13">Mens</a></li> </ul> </div> </li> <li class="li-submenu-2"> <div class="row row-submenu-2"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-2"> <a class='uppercase' href="product.php">Skin Concern</a><span class="toggle-list-button toggle-list-button-2"></span> </div> </div> </div> <div class="sub-submenu-container-2 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=14">Moisturizing</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=22">Tone & Texture</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=17">Anti-aging</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=15">Regenerating</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=21">Lines & Wrinkles</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=19">Brightening</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=18">Acne</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=23">Cleansing</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=20">Sensitive</a></li> <li class="sub-submenu" style=""><a style="" href="product.php?product_type_id=2&category_id=25">Sunblock</a></li> </ul> </div> </li> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_offers_and_evnets"> <a class='open_menu n 3' data-href="offers_and_events.php" href="offers_and_events.php" class="">PROMOTION</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-12"> <div class="row row-submenu-3"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-12"> <a class='uppercase' href="new_product.php">WHAT'S NEW</a><span class=" toggle-list-button-12"></span> </div> </div> </div> <div class="sub-submenu-container-12 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-3"> <div class="row row-submenu-3"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-3"> <a class='uppercase' href="news_n_offers.php">Our Offer</a><span class=" toggle-list-button-3"></span> </div> </div> </div> <div class="sub-submenu-container-3 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_about_belif"> <a class='open_menu n 4' data-href="about_belif.php" href="about_belif.php" class="">ABOUT BELIF</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-6"> <div class="row row-submenu-4"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-6"> <a class='uppercase' href="brand_story.php">Brand Story</a><span class=" toggle-list-button-6"></span> </div> </div> </div> <div class="sub-submenu-container-6 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-9"> <div class="row row-submenu-4"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-9"> <a class='uppercase' href="best_seller.php">Best Seller</a><span class=" toggle-list-button-9"></span> </div> </div> </div> <div class="sub-submenu-container-9 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-7"> <div class="row row-submenu-4"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-7"> <a class='uppercase' href="belifer_program.php">Member Program</a><span class=" toggle-list-button-7"></span> </div> </div> </div> <div class="sub-submenu-container-7 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> </ul> </div> </div> </li> <li class="full-width-columns" id="menu_find_belif"> <a class='open_menu n 5' data-href="contact_us.php" href="contact_us.php" class="">FIND BELIF</a><i class='fa fa-chevron-down'></i> <div class="submenu" >uppercase" <div class="full-width-menu-items-left "> <ul> <li class="li-submenu-10"> <div class="row row-submenu-5"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-10"> <a class='uppercase' href="find_belif.php">Our Store</a><span class=" toggle-list-button-10"></span> </div> </div> </div> <div class="sub-submenu-container-10 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> <li class="li-submenu-11"> <div class="row row-submenu-5"> <div class="col-md-12"> <div class="submenu-list-title sub-submenu-11"> <a class='uppercase' href="contact_us.php">Subscribe </a><span class=" toggle-list-button-11"></span> </div> </div> </div> <div class="sub-submenu-container-11 sub-submenu-container"> <ul class="list-type-1 toggle-list-container>"> </ul> </div> </li> </ul> </div> </div> </li> </ul> <div class="clear"></div> <a class="fixed-header-visible additional-header-logo" href="index.php"><img class="lazy" src="images/belif_logo.png" data-original="images/belif_logo.png" style="width: 50%"/></a> </nav> </div> </div> <style> .header-top-entry{ float: left; } .padding_bottom_10 { height: 10px; } .socials-box{ width: 210px !important; } .header-subcribe:hover { text-decoration: underline; } .header-subcribe{ width: max-content !important; height: 30px !important; font-size: 19px !important; } @media (min-width: 1200px){ .header-subcribe{ padding-top: 20px; padding-bottom: 0px; } .li-submenu-2{ position: relative; width: 110px; } .row-submenu-2{ width: 120px; } nav>ul>li ul>li ul{ position: relative; left: 115px; top:-28px; } nav>ul>li ul>li ul{ display: none!important; } nav>ul>li ul>li:hover ul{ display: block!important; } .li-submenu-2:hover{ width: auto; } header.fixed-header .full-width .submenu, header.fixed-header .full-width-columns .submenu{left: auto; right: 0; top:60%;} .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul > li:not(.fixed-header-visible) { /* float: left; display: inline-block;*/ margin-left: 65px; margin-top: 30px; margin-bottom: 20px; } nav>ul>li { float: left; margin-right: 48px; padding-left: 0px; padding-right: 0px; } .submenu-list-title { font-size: 17px; font-weight: 500; color: #3d3d3d; text-transform: uppercase; display: inline-block; margin-bottom: 0px; } .submenu .list-type-1 { font-size: 15px; margin-bottom: 0px; } .submenu { position: absolute; padding-top: 20px; width: 100%; background: #fff; left: 0; top: 70%; border: 0px #f2f2f2 solid; display: none; opacity: 1; text-align: left; } header.fixed-header nav { padding: 35px 90px; margin: 0 auto; text-align: right; } ul.list-type-1 { padding: 0 !important; } .full-width-menu-items-left { margin-right: 0px; margin-left: 0px; } .submenu-list-title{ height: 30px; } } @media (min-width:1400px){ .header-subcribe{ padding-top: 20px; padding-bottom: 0px; } .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul > li:not(.fixed-header-visible) { /* float: left; display: inline-block;*/ margin-left: 82px; } nav>ul>li { margin-right: 71px; } } @media (max-width: 1199px){ .header-subcribe{ padding-top: 30px; padding-bottom: 0px; } .sub-submenu-container{ display: none; } .fixed-header .full-width-columns { padding-right: 0px; } .submenu-list-title { text-align: left; } .submenu .list-type-1 li { padding: 10px 10px 10px 0px; text-align: left; } /* .full-width-menu-items-left { margin-right: 0px; margin-left: 420px; }*/ } @media (max-width: 480px){ .header-subcribe{ padding-top: 19px; padding-bottom: 0px; } } </style> <script> $(".li-submenu-1").hover( function () { //alert("ok"); $(".li-submenu-2").css("top", "-300px"); }, function () { $(".li-submenu-2").css("top", "0"); } ); function langSubmenu() { if ($(document).width() > 1170) { $(".li-submenu-1").css("width", "200px"); $(".li-submenu-2").css("width", "181px"); $(".row-submenu-2").css("width", "200px"); $(".list-type-1").css("left", "185px"); } } $("#search-button").on("click", function (e) { var inputRight = $(".socials-box").width() + 10; $("#search-input").css("right", inputRight); $("#search-input").show(); $("#search-button").hide(); $("#search-button-2").show(); $(document).one("click", function () { $("#search-input").hide(); $("#search-button").show(); $("#search-button-2").hide(); }); e.stopPropagation(); }); $("#search-input").on("click", function (e) { e.stopPropagation(); }); $("#search-button-2").on("click", function (e) { e.stopPropagation(); $("#search-form").submit(); }); function validate_search_form(thisform) { with (thisform) { if (search.value == null || search.value == "") { search.focus(); return false; } else { return true; } } } var lastScrollTop = 0; $(window).scroll(function (event) { var st = $(this).scrollTop(); if (st > lastScrollTop) { menu_position(); } else { // upscroll code menu_position(); } lastScrollTop = st; }); // // winScr = $(window).scrollTop(); // var headerComp = ($('header').outerHeight() <= 200) ? $('header').outerHeight() : 200; // if (winScr >= headerComp && !$('.header-demo').length) { // menu_position(); // } function menu_position() { var class_name = ""; var limit = -30; if ($(window).width() >= 1383) { limit = -50; } if ($('header').hasClass('fixed-header')) { class_name = ".fixed-header "; limit = 40; //console.log(class_name); } if ($(window).width() >= 1183) { var p = $(class_name + "#menu_eshop"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_eshop .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_product"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_product .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_offers_and_evnets"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_offers_and_evnets .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_about_belif"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_about_belif .full-width-menu-items-left").css({marginLeft: position.left - limit}); var p = $(class_name + "#menu_find_belif"); var position = p.position(); //console.log(position.left); $(class_name + "#menu_find_belif .full-width-menu-items-left").css({marginLeft: position.left - limit}); } } $(document).ready(function () { langSubmenu(); menu_position(); removeAddClass(); if ($(window).width() < 1185) { $(".full-width-menu-items-left").css("marginLeft", ""); $(".open_menu").removeAttr("href"); } else { $(".open_menu").each(function () { link = $(this).data("href"); $(this).attr("href", link); }); } $(".full-width-columns a").mouseover(function () { menu_position(); }); }); $(window).resize(function () { var inputRight = $(".socials-box").width() + 10; $("#search-input").css("right", inputRight); menu_position(); removeAddClass(); if ($(window).width() < 1185) { $(".full-width-menu-items-left").css("marginLeft", ""); $(".open_menu").removeAttr("href"); } else { $(".open_menu").each(function () { link = $(this).data("href"); $(this).attr("href", link); }); } }); function removeAddClass() { if ($(window).width() >= 1183) { $(".full-width-columns .fa").removeClass('fa-chevron-down'); } if ($(window).width() < 1183) { $(".full-width-columns .fa").addClass('fa-chevron-down'); } } function showQR() { $(".qr-code").show(); $(".qr-code").click(function (event) { event.stopPropagation(); }); $("#fade").fadeIn("fast"); $("body").css("overflow-y", "hidden"); } $("#fade").click(function () { $(".qr-code").hide(); $("#fade").fadeOut("fast"); $("body").css("overflow-y", "auto"); }); // nav>ul>li ul>li ul{ // display: none!important; // } // nav>ul>li ul>li:hover ul{ // display: block!important; // } </script> </header> <div style="clear: both"></div> </div> <div class="content_view"> <div id="navigation_bar" class="breadcrumb-box breakcrumb bg-grey" style="position: relative;z-index: 3;background-color: #fff"> <div class=""> <a class='' href="index.php">Home</a> <a href='product.php?product_type_id=ALL'>About Product</a><a href='product.php?product_type_id=1&category_id=9'>Special Care</a><a href=''>Rose gemma concentrate oil</a> </div> </div> <script> var img = document.getElementById('img'); function bigger() { img.style.width = '400px'; img.style.height = '400px'; } function smaller() { img.style.width = '100px'; img.style.height = '100px'; } function resizePoster() { var winW = $(window).width(); var prowid = $(".rec-image:eq(0)").width(); $(".rec-image").height(prowid); $(".small-image").height($(".small-image").width() / 2); $(".small-image-s").height($(".small-image-s").width() / 2); $(".product-image-1").height($(".product-image-1").width()); $(".product-general-info-ss .product-image-1").height($(".product-general-info-ss .product-image-1").width()); $(".few-rp-lg .few-rp").height($(".few-rp-lg .few-rp:eq(0)").width()); $(".few-rp-sm .few-rp").height($(".few-rp-sm .few-rp:eq(0)").width()); } $(window).resize(resizePoster); $(document).ready(function () { resizePoster(); }); </script> <style> .poster-container{ width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; margin-top: 20px; margin: auto; } .rec-title{ margin-left: 5%; font-size: 30px; font-weight: bold; margin-top: 40px; margin-bottom: 30px; } .left-images img { border: 0; /* transform: scale(1); transition: all 0.3s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 0.3s ease 0s;*/ } .image-container{ transform: scale(1); transition: all 0.3s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 0.3s ease 0s; } /* .image-container:hover img { transform: scale(1.8); transition: all 0.3s ease 0s; -webkit-transform: scale(1.8); -webkit-transform: all 0.3s ease 0s; }*/ .image-container:hover{ transform: scale(1.5); transition: all 0.3s ease 0s; -webkit-transform: scale(1.5); -webkit-transform: all 0.3s ease 0s; position: relative; } .right-info div{ margin-left: 0px; } /* .pro-vp{ float: left; }*/ .rec-image{ background-position: center; background-repeat: no-repeat; background-size: contain; } .product-name{ font-weight: bold; line-height: 50px!important; } .product-volume{ color: #6d6e71; line-height: 40px!important; } @media(min-width: 1200px){ .product-volume{ line-height: 40px; font-size: 25px; } } .product-price{ color: #27aae1; } .banner_content{ display:table; width:80%; margin:auto; } button:hover{ box-shadow: 0 0 11px rgba(33,33,33,.2); } .text{ display:table-cell; vertical-align:middle; } .banner_cover img{ width: 100%; } .swiper-container-lg{ display: block; } .swiper-container-sm{ display: none; } .few-rp-lg{ display: block; } .few-rp-sm{ display: none; } @media(max-width: 991px){ .swiper-container-lg{ display: none; } .swiper-container-sm{ display: block; } .few-rp-lg{ display: none; } .few-rp-sm{ display: block; } } </style> <div class="product-detail"> <div class="product-general-info-ls"> <div class="left-images" style="width:45%;float: left"> <div class="product-image-1 image-container" style="z-index: 2;width:75%;max-width: 800px;float: right;text-align: center;"> <img class="pro-img" src="images//products/Rose%20gemma%20concentrate%20oil.jpg" style="max-height: 100%;max-width:100%;width: auto;height: auto"> </div> <div style="clear:both"></div> </div> <div class="right-info" style="width:42%;float: left;margin-left:69px;margin-right: 20px;position: relative;z-index: 3;background-color: #fff;"> <div class="product-name" style=""> Rose gemma concentrate oil </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style=""> <span>30ml</span> </div> <div class="product-price pro-vp"> <span>HK$470</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> An additive free facial oil with real rose petals in it. It is formulated with natural oils that helps to maintain skin moisture without any stickiness, and provides anti-oxidant effect for a firm and radiant skin.</p> <p> </p> <p> Main Ingredients:<br /> Centifolia Rose, Rose infusion oil, Camellia oil, Sunflower oil</p> <p> </p> <p> How To Use:<br /> After cleansing and applying toner, take 2 to 3 drops and apply on face. It can also be mixed with essence or cream before applying, or can be added into makeup base products such as foundation or bb cream for a radiant and dewy look.</p> <p> </p> <p> Herbal Formula(s):<br /> Napiers original formula #2</p> </div> <div > <button class="contact-submit" onclick="window.open('https://belif.buys.hk/rose-gemma-concentrate-oil')" type="button">SHOP NOW</button> </div> </div> <div style="clear:both"></div> </div> <div class="product-general-info-ss"> <div class="left-images" style="width:90%;margin: auto"> <div class="product-image-1 image-container" style="z-index: 2;width:100%;margin: auto;text-align: center;background-image: url('images//products/Rose%20gemma%20concentrate%20oil.jpg');background-size: contain;background-position: center;background-repeat: no-repeat;"> </div> <div style="clear:both"></div> </div> <div class="right-info" style="width:80%;margin-left:auto;margin-right: auto;margin-bottom: 20px;position: relative;z-index: 3;background-color: #fff;"> <div class="product-name" style=""> Rose gemma concentrate oil </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style="width:49%"> <span>30ml</span> </div> <div class="product-price pro-vp"> <span>HK$470</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> An additive free facial oil with real rose petals in it. It is formulated with natural oils that helps to maintain skin moisture without any stickiness, and provides anti-oxidant effect for a firm and radiant skin.</p> <p> </p> <p> Main Ingredients:<br /> Centifolia Rose, Rose infusion oil, Camellia oil, Sunflower oil</p> <p> </p> <p> How To Use:<br /> After cleansing and applying toner, take 2 to 3 drops and apply on face. It can also be mixed with essence or cream before applying, or can be added into makeup base products such as foundation or bb cream for a radiant and dewy look.</p> <p> </p> <p> Herbal Formula(s):<br /> Napiers original formula #2</p> </div> <div > <button class="contact-submit" onclick="window.open('https://www.buys.hk/belif/html/eshop-checkout-zh.html?utm_source=Facebook&utm_campaign=20220621+Super+Drops+Routine+Post+&fbclid=IwAR226WR1jCfOmFS0j3tqjRjKVcXM_SJ3rNQSjUfJOuAyaVe5ip3s3J7mNPc')" type="button">SHOP NOW</button> </div> </div> <div style="clear:both"></div> </div> <div class="product-recommendation" style="position: relative; z-index: 3;background-color: #fff;"> <div class="rec-title"> belif what you also like </div> <div class="swiper-container swiper-container-lg" data-loop="1" data-speed="1000" data-center="0" data-slides-per-view="5" pagination="-1" style="height: 260px;"> <div class="swiper-wrapper"> <div class="swiper-slide active" data-val="0"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=10';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Eucalyptus%20Herbal%20Extract%20Toner%E5%B0%A4%E5%8A%A0%E5%88%A9%E6%B8%85%E7%88%BD%E6%8E%A7%E6%B2%B9%E7%88%BD%E8%86%9A%E6%B0%B4%20200ml.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Eucalyptus herbal extract toner</span></div> </div> </div> <div class="swiper-slide " data-val="1"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=15';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52100805%20Prime%20Infusion%20Repair%20Toner%20%20150ml.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Prime infusion repair toner</span></div> </div> </div> <div class="swiper-slide " data-val="2"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=36';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102185%20The%20ture%20cream%20-%20aqua%20bomb%2050ml_Single%20Image1_818x818.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>The true cream - aqua bomb</span></div> </div> </div> <div class="swiper-slide " data-val="3"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=16';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Hungarian%20Water%20Essence%E5%8C%88%E7%89%99%E5%88%A9%E5%A5%B3%E7%8E%8B%E4%BF%9D%E6%BF%95%E6%B0%B4%E7%B2%BE%E8%8F%AF%2075ml.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Hungarian water essence</span></div> </div> </div> <div class="swiper-slide " data-val="4"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=18';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Numero%2010%20Essence%E5%BE%A9%E6%B4%BB%E8%8D%89%E4%BF%9D%E6%BF%95%E8%82%8C%E5%BA%95%E7%B2%BE%E8%8F%AF%2075ml.jpg');height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Numero 10 essence</span></div> </div> </div> </div> <div class="swiper-button-prev swiper-arrow-left" style="background-image: url('img/arrow_line_blue_left.png')"></div> <div class="swiper-button-next swiper-arrow-right" style="background-image: url('img/arrow_line_blue_right.png')"></div> <div class="clear"></div> <div class="pagination"></div> </div> <div class="swiper-container swiper-container-sm" data-loop="1" data-speed="1000" data-center="0" data-slides-per-view="3" pagination="-1" style="height: 260px;"> <div class="swiper-wrapper"> <div class="swiper-slide active" data-val="0"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=10';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Eucalyptus%20Herbal%20Extract%20Toner%E5%B0%A4%E5%8A%A0%E5%88%A9%E6%B8%85%E7%88%BD%E6%8E%A7%E6%B2%B9%E7%88%BD%E8%86%9A%E6%B0%B4%20200ml.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Eucalyptus herbal extract toner</span></div> </div> </div> <div class="swiper-slide " data-val="1"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=15';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52100805%20Prime%20Infusion%20Repair%20Toner%20%20150ml.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Prime infusion repair toner</span></div> </div> </div> <div class="swiper-slide " data-val="2"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=36';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102185%20The%20ture%20cream%20-%20aqua%20bomb%2050ml_Single%20Image1_818x818.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>The true cream - aqua bomb</span></div> </div> </div> <div class="swiper-slide " data-val="3"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=16';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Hungarian%20Water%20Essence%E5%8C%88%E7%89%99%E5%88%A9%E5%A5%B3%E7%8E%8B%E4%BF%9D%E6%BF%95%E6%B0%B4%E7%B2%BE%E8%8F%AF%2075ml.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Hungarian water essence</span></div> </div> </div> <div class="swiper-slide " data-val="4"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=18';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Numero%2010%20Essence%E5%BE%A9%E6%B4%BB%E8%8D%89%E4%BF%9D%E6%BF%95%E8%82%8C%E5%BA%95%E7%B2%BE%E8%8F%AF%2075ml.jpg'); height: 0px; background-position: center center; background-size:contain; background-repeat: no-repeat;padding:50%;background-color:#fff;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71;text-align: center"><span>Numero 10 essence</span></div> </div> </div> </div> <div class="swiper-button-prev swiper-arrow-left" style="background-image: url('img/arrow_line_blue_left.png')"></div> <div class="swiper-button-next swiper-arrow-right" style="background-image: url('img/arrow_line_blue_right.png')"></div> <div class="clear"></div> <div class="pagination"></div> </div> </div> </div> </div> </div> <div class="clear"></div> </div> <!-- FOOTER --> <div class="footer-wrapper style-12 section-space30"> <footer class="type-1"> <div class="footer-bottom-navigation"> <div class="cell-view footer-cell-view" style=""> <div class="footer-links"> <ul> <li class="footer-menus" id=""> <a class='' data-href="https://belif.buys.hk" href="https://belif.buys.hk" class="">SHOP</a> <div class="" > <div class=""> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="product.php" href="product.php" class="">ABOUT PRODUCT</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=1">Cleanser/ Makeup Remover</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=2">Exfoliator</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=3">Toner</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=4">Essence</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=5">Lotion</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=7">Cream</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=6">Eye Care</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=8">Face Mask</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=9">Special Care</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=10">Sunscreen</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=11">Makeup</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=12">Body Care</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="product.php?product_type_id=1&category_id=13">Mens</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="offers_and_events.php" href="offers_and_events.php" class="">PROMOTION</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="new_product.php">WHAT'S NEW</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="news_n_offers.php">Our Offer</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="about_belif.php" href="about_belif.php" class="">ABOUT BELIF</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="brand_story.php">Brand Story</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="best_seller.php">Best Seller</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="belifer_program.php">Member Program</a></div> </div> </ul> </div> </div> </li> <li class="footer-menus" id=""> <a class='' data-href="contact_us.php" href="contact_us.php" class="">FIND BELIF</a> <div class="" > <div class=""> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="find_belif.php">Our Store</a></div> </div> </ul> <ul class="footer-sub-submenu"> <div> <div class="sub-submenu" style=""><a style="" href="contact_us.php">Subscribe </a></div> </div> </ul> </div> </div> </li> <div style="clear:both"></div> </ul> </div> </div> <div class="footer-logo" style=""> <img src="images/footer_logo.png" style="width:100%;height: auto"> </div> <div style="clear:both"></div> </div> <div id="to_top" style="background-color: rgb(111, 217, 255);color: white;padding:3px; position: fixed; bottom: 30px; right: 30px; cursor: pointer; display: none; opacity: 0.5;height: 50px; width: 50px; border-radius: 50px; text-align: center; z-index: 10"> <a class="fa fa-angle-up" style=" font-size: 50px;color: white;position: relative;top: -7px;"></a> </div> <style> .footer-bottom-navigation{ background-color: #838386; padding:20px 0; } .footer-menus>a{ font-weight: 600; font-size: 18px; } .footer-links ul>li{ list-style: none; float: left; margin-right: 40px; } .footer-sub-submenu{ padding-left: 0px!important; } .statement{ position: absolute; left: 10%; bottom: 5px; color: #6d6e71; } .statement a{ color: #6d6e71; display: inline-block; padding: 6px } @media(max-width: 600px){ .footer-links ul>li{ margin: 0px; width: 50%; } } @media(max-width: 370px){ .footer-links ul>li{ margin: 0px; width: 100%; } } .cookie-policy{ width: 100%; background-color: #000; color: #fff; position: fixed; bottom: 0px; font-size: 14px; text-align: center; z-index: 100; display: table; padding:10px 10px; } .cookie-policy div{ display: table-cell; width: 80%; } .cookie-policy button{ display: table-cell; padding: 0px 20px; background-color: #fff; color: #000; border: 0px; border-radius: 0px; position: absolute; top: 50%; transform: translate(0, -50%); } .cookie-policy a{ color: #fff; text-decoration: underline; font-size: 100%; } </style> <script> window.onscroll = function () { var distance = document.documentElement.scrollTop || document.body.scrollTop; if (distance >= 1) { document.getElementById('to_top').style.display = ""; } else { document.getElementById('to_top').style.display = "none"; } var toTop = document.getElementById("to_top"); toTop.onclick = function () { document.documentElement.scrollTop = document.body.scrollTop = 0; } } </script> </footer> </div><div class="statement"> <a href="privacy_policy_statement.php" style="">Privacy Policy Statement</a> | <a href="terms_of_use.php">Terms of Use</a> </div> </div> <script src="assets/plugins/superfish/js/superfish.min.js"></script> <script src="assets/plugins/prettyphoto/js/jquery.prettyPhoto.js"></script> <script src="assets/plugins/owl-carousel2/owl.carousel.min.js"></script> <script src="assets/plugins/jquery.sticky.min.js"></script> <script src="assets/plugins/jquery.easing.min.js"></script> <script src="assets/plugins/jquery.smoothscroll.min.js"></script> <!-- JS Page Level --> <script src="assets/js/theme.js"></script> <!--[if (gte IE 9)|!(IE)]><!--> <!-- JS Main --> <script src="js/idangerous.swiper.min.js"></script> <script src="js/global.js?10"></script> <!-- custom scrollbar --> <script src="js/jquery.mousewheel.js"></script> <script src="js/jquery.jscrollpane.min.js"></script> <script src="js/script.js?1"></script> <!--<![endif]--> <!-- Load time: 0.0018 seconds --> <div class="cookie-policy"> <div>If you continue to browse this website, you confirm and agree with our <a href="terms_of_use.php">terms and conditions</a> (including our <a href="privacy_policy_statement.php">privacy policy</a> and use of cookies).</div> <button id="cookie-button">OK</button> </div> <script> $("#cookie-button").click(function () { $(".cookie-policy").hide(); $.post("cookie.php"); }); </script> </body> </html>