</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=31&lang=1" class="list-entry">繁</a> <a href="product_detail.php?product_detail_id=31&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=5'>Lotion</a><a href=''>Problem solution vegan moisturizer</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/52102056-Problem-solution-vegan-moisturizer.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=""> Problem solution vegan moisturizer </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style=""> <span>100ml</span> </div> <div class="product-price pro-vp"> <span>HK$305</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> This product replenishes moisture to the skin in a delicate manner, forming a moisturizing film to strengthen the healthy skin barrier. Its moisturizing texture quickly and refreshingly penetrates the skin, deeply injecting moisture into the skin. Its ingredients can moisturize the skin while also making it feel refreshed and non-greasy, making it suitable for oily and dehydrated oily skin types. It helps maintain the balance of water and oil in the skin, creating a refreshing skin without oiliness or tightness.</p> <p> </p> <p> How to use:<br /> After applying toner and essence, take 2-3 pumps on palm, and apply evenly over the face and neck for fully absorption.</p> <p> </p> <p> Herbal formula:<br /> Napiers Formula T<br /> Napiers Original Formula</p> </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/52102056-Problem-solution-vegan-moisturizer.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=""> Problem solution vegan moisturizer </div> <div class="volume-price" style=""> <div class="product-volume pro-vp" style="width:49%"> <span>100ml</span> </div> <div class="product-price pro-vp"> <span>HK$305</span> </div> <div style="clear:both"></div> </div> <div class="product-description" style="line-height:30px;"> <p> This product replenishes moisture to the skin in a delicate manner, forming a moisturizing film to strengthen the healthy skin barrier. Its moisturizing texture quickly and refreshingly penetrates the skin, deeply injecting moisture into the skin. Its ingredients can moisturize the skin while also making it feel refreshed and non-greasy, making it suitable for oily and dehydrated oily skin types. It helps maintain the balance of water and oil in the skin, creating a refreshing skin without oiliness or tightness.</p> <p> </p> <p> How to use:<br /> After applying toner and essence, take 2-3 pumps on palm, and apply evenly over the face and neck for fully absorption.</p> <p> </p> <p> Herbal formula:<br /> Napiers Formula T<br /> Napiers Original Formula</p> </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=6';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102046-Problem-soultion-vegan-cleansing-foam.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>Problem solution vegan cleansing foam</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=13';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102048-Problem-solution-vegan-toner.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>Problem solution vegan 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=20';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102051-Problem-solution-vegan-essence.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>Problem solution vegan essence</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=166';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102050-Problem-solution-vegan-toner-pad.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>Problem solution vegan toner pad</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=201';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102059-Problem-solution-vegan-spot-gel.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>Problem solution vegan spot gel</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=6';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102046-Problem-soultion-vegan-cleansing-foam.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>Problem solution vegan cleansing foam</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=13';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102048-Problem-solution-vegan-toner.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>Problem solution vegan 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=20';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102051-Problem-solution-vegan-essence.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>Problem solution vegan essence</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=166';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102050-Problem-solution-vegan-toner-pad.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>Problem solution vegan toner pad</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=201';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102059-Problem-solution-vegan-spot-gel.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>Problem solution vegan spot gel</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.0017 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>