</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="best_seller.php?lang=1" class="list-entry">繁</a> <a href="best_seller.php?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='about_belif.php'>About belif</a><a href='best_seller.php'>Best Seller</a> </div> </div> <style> .swiper-container-sm{ display: none; } .swiper-container-lg{ display: block; } @media(max-width:991px){ .swiper-container-sm{ display: block; } .swiper-container-lg{ display: none; } } section.hero_banner { color: #000; position: relative; max-width: 1024px; margin: 0 auto; padding-bottom: 15px; } section{ display: block; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } section.hero_banner .hb-img-link { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } embed, img, object { max-width: 100%; height: auto; } section.hero_banner .banner_block_holder .banner_block { padding: 1.5em 2em; } section.hero_banner .title, section.hero_banner .button { font-weight: bold; } section.hero_banner .title { font-weight: 700; font-size: 1.875rem; text-transform: uppercase; line-height: 1.2; margin-bottom: 0.5em; } section.hero_banner.w-40 .banner_block_holder { width: 40%; } section.hero_banner.t-25 .banner_block_holder { top: 25%; } section.hero_banner.l-5 .banner_block_holder { left: 5%; } section.hero_banner .banner_block_holder { position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); -moz-transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); -ms-transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); } section.hero_banner.w-50 .banner_block_holder { width: 50%; } section.hero_banner.l-50 .banner_block_holder { left: 50%; } section.hero_banner.t-20 .banner_block_holder { top: 20%; } section.hero_banner .banner_block_holder { position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); -moz-transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); -ms-transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); transition: opacity .3s cubic-bezier(0.08,.455,.375,.96) .05s,transform .5s cubic-bezier(0.08,.455,.375,.96); } section.hero_banner .text { font-size: 0.875rem; line-height: 1.5; margin-top: 1em; margin-bottom: 1em; } @media only screen and (max-width: 767px){ section.hero_banner .banner_block_holder { position: static; width: auto!important; } } /*for best sellers*/ body { border-top-width: 0px; border-left-width: 0px; font-size: 12px; border-bottom-width: 0px; margin: 0px; font-family: 'Roboto','Microsoft Jhenghei',sans-serif; background-color: #fff; border-right-width: 0px } .bsimg{ background-position: center center; background-size:contain; background-repeat: no-repeat; } .float-container { margin-top: 8px; font-size: 12px; zoom: 1; position: relative; left: 50%; } .control-button{ font-size: 50px; line-height: 72px; text-align: center; opacity: 0.6; } .control-button:hover{ opacity: 0.9; } .float-container .LeftBotton { background-position: 0px 0px; margin-left: 5px } .float-container .RightBotton { background-position: 0px -100px; margin-left: -1px } .float-container .LeftBotton:hover { background-position: -20px 0px } .float-container .RightBotton:hover { background-position: -20px -100px } .float-container .pl img { display: block; margin: auto; cursor: pointer; position: relative; } .float-container .pl { float: left; line-height: 24px; text-align: center; color: #6d6e71; } .float-container a.pl:hover { color: #727272; } hr{ border-top: #838386 1px solid; margin-top: 12px; } .hr-1{ width: 40%; } .hr-2{ width: 39%; } .hr-3{ width: 43%; } @media(min-width:1200px){ .visible-lg{ width: 93%; margin: auto; } .title-text{ width: 90%; margin: auto; } .hr-1{ width: 40%; } .hr-2{ width: 39%; } .hr-3{ width: 43%; } } @media(max-width:991px){ .hero_banner{ width: 100%; margin: auto; } .hr-1{ width: 35%; } .hr-2{ width: 33%; } .hr-3{ width: 38%; } } @media(max-width:767px){ .hr-1{ width: 30%; } .hr-2{ width: 28%; } .hr-3{ width: 33%; } } @media(max-width:480px){ .hr-1{ width: 25%; } .hr-2{ width: 19%; } .hr-3{ width: 32%; } } .title-text{ margin-top: 50px; margin-bottom: 15px; } </style> <div class="content-push" style="text-align:center"> <div class="title-text"> <hr class="hr-1" style="float: left;"> <span style="font-weight: bold;font-size: 25px; color: #838386">Best Seller</span> <hr class="hr-1" style="float: right;"> </div> <div class="swiper-container swiper-container-lg" data-autoplay="5000" 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=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'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>The true cream - aqua bomb</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=37';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102181%20The%20true%20cream%20-%20moiturizing%20bomb%2050ml_Single%20Image_1%20818x818.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>The true cream - moisturizing bomb</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=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'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Hungarian water 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=35';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52100810%20Prime%20Infusion%20Repair%20Eye%20Cream%2025ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Prime infusion repair eye cream</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'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Numero 10 essence</span></div> </div> </div> <div class="swiper-slide " data-val="5"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=26';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52100645%20Prime%20Infusion%20Repair%20Essence%20%2050%20ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Prime infusion repair essence</span></div> </div> </div> <div class="swiper-slide " data-val="6"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=11';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Bergamot%20Herbal%20Extract%20Toner%20%E4%BD%9B%E6%89%8B%E6%9F%91%E5%B9%B3%E8%A1%A1%E4%BF%9D%E6%BF%95%E6%9F%94%E8%86%9A%E6%B0%B4%20200ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Bergamot herbal extract toner</span></div> </div> </div> <div class="swiper-slide " data-val="7"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=89';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101203%20Youth%20creator%20-%20age%20knockdown%20bomb%2050ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Youth Creator - age knockdown bomb</span></div> </div> </div> <div class="swiper-slide " data-val="8"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=50';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Aqua%20bomb%20sleeping%20mask%2075ml_highres.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Aqua bomb sleeping mask</span></div> </div> </div> <div class="swiper-slide " data-val="9"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=58';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Rose%20gemma%20concentrate%20oil.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> <div style="margin-top:15px;color:#6d6e71"><span>Rose gemma concentrate oil</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-autoplay="5000" 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=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'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>The true cream - aqua bomb</span></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=37';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52102181%20The%20true%20cream%20-%20moiturizing%20bomb%2050ml_Single%20Image_1%20818x818.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>The true cream - moisturizing bomb</span></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=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'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Hungarian water essence</span></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=35';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52100810%20Prime%20Infusion%20Repair%20Eye%20Cream%2025ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Prime infusion repair eye cream</span></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'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Numero 10 essence</span></div> </div> <div class="swiper-slide " data-val="5"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=26';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52100645%20Prime%20Infusion%20Repair%20Essence%20%2050%20ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Prime infusion repair essence</span></div> </div> <div class="swiper-slide " data-val="6"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=11';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Bergamot%20Herbal%20Extract%20Toner%20%E4%BD%9B%E6%89%8B%E6%9F%91%E5%B9%B3%E8%A1%A1%E4%BF%9D%E6%BF%95%E6%9F%94%E8%86%9A%E6%B0%B4%20200ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Bergamot herbal extract toner</span></div> </div> <div class="swiper-slide " data-val="7"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=89';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/52101203%20Youth%20creator%20-%20age%20knockdown%20bomb%2050ml.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Youth Creator - age knockdown bomb</span></div> </div> <div class="swiper-slide " data-val="8"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=50';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Aqua%20bomb%20sleeping%20mask%2075ml_highres.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Aqua bomb sleeping mask</span></div> </div> <div class="swiper-slide " data-val="9"> <div class="navigation-banner-wrapper light-text align-3" onclick="window.location = 'product_detail.php?product_detail_id=58';" > <div class="navigation-banner-content navigation-banner-content-bseller" style="background-image: url('images//products/Rose%20gemma%20concentrate%20oil.jpg'); background-position: center center; background-size:contain; background-repeat: no-repeat;"> </div> <div class="clear"></div> </div> <div style="margin-top:15px;color:#6d6e71"><span>Rose gemma concentrate oil</span></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 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.0019 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>