</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.php?product_type_id=2&category_id=25&lang=1" class="list-entry">繁</a> <a href="product.php?product_type_id=2&category_id=25&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=2&category_id=25'>Sunblock</a> </div> </div> <style> .left_menu_fix { position: fixed; top: 80px; width: 20%; bottom: 0; overflow: scroll; } .left_menu::-webkit-scrollbar { display: none; } .simple-drop-down:after { top: 0px; } .left-menu-title{ font-size:15px; font-weight: bold; } .left-menu-title a{ font-weight: bold; } .left-submenu>li{ font-size:15px; line-height:17px; } </style> <script> function resizePoster() { var prowid = $(".product-image").width(); $(".product-image").height(prowid); } $(window).resize(resizePoster); $(document).ready(function () { var prowid = $(".product-image").width(); $(".product-image").height(prowid); }); </script> <div class="information-blocks"> <style> #left { width: 100%; overflow: auto; padding-left: 3%; background-color: #f1f2f2; } #right { width: 100%; } .product-image{ width:100%; background-size:contain; background-repeat:no-repeat; background-position:center; } @media (min-width: 1200px) { #left { width: 23%; } #right { width: 75%; } } </style> <div class="hidden-md hidden-sm hidden-xs"> <div id="left" class="col-lg-3"> <div class="section-space20 left_menu"> <ul> <li class="full-width-columns" id="menu_new_product"> <div class=""> <div class=""> <div class="row"> <div class=""> <div class="submenu-list-title left-menu-title"><a class='uppercase' href="new_product.php">WHAT'S NEW</a><span class=""></span></div> <ul class="list-type-1 toggle-list-container left-submenu"> <li><a href="new_product_detail.php?new_product_id=29"><i class="fa fa-angle-right"></i>Super drops Serum</li> <li><a href="new_product_detail.php?new_product_id=26"><i class="fa fa-angle-right"></i>Problem Solution Vegan</li> <li><a href="new_product_detail.php?new_product_id=24"><i class="fa fa-angle-right"></i>Super Knights Mask Range</li> <li><a href="new_product_detail.php?new_product_id=22"><i class="fa fa-angle-right"></i>Herb bouquet range</li> <li><a href="new_product_detail.php?new_product_id=13"><i class="fa fa-angle-right"></i>Super Drops Ampoule Serum</li> </ul> </div> </div> <div class="row"> <div class=""> <div class="submenu-list-title left-menu-title"><a href="product.php?product_type_id=1">Product Type</a><span class="toggle-list-button"></span></div> <ul class="list-type-1 toggle-list-container left-submenu"> <li><a href="product.php?product_type_id=1&category_id=1"><i class="fa fa-angle-right"></i>Cleanser/ Makeup Remover (9)</a></li> <li><a href="product.php?product_type_id=1&category_id=2"><i class="fa fa-angle-right"></i>Exfoliator (1)</a></li> <li><a href="product.php?product_type_id=1&category_id=3"><i class="fa fa-angle-right"></i>Toner (9)</a></li> <li><a href="product.php?product_type_id=1&category_id=4"><i class="fa fa-angle-right"></i>Essence (21)</a></li> <li><a href="product.php?product_type_id=1&category_id=5"><i class="fa fa-angle-right"></i>Lotion (4)</a></li> <li><a href="product.php?product_type_id=1&category_id=7"><i class="fa fa-angle-right"></i>Cream (10)</a></li> <li><a href="product.php?product_type_id=1&category_id=6"><i class="fa fa-angle-right"></i>Eye Care (4)</a></li> <li><a href="product.php?product_type_id=1&category_id=8"><i class="fa fa-angle-right"></i>Face Mask (5)</a></li> <li><a href="product.php?product_type_id=1&category_id=9"><i class="fa fa-angle-right"></i>Special Care (7)</a></li> <li><a href="product.php?product_type_id=1&category_id=10"><i class="fa fa-angle-right"></i>Sunscreen (3)</a></li> <li><a href="product.php?product_type_id=1&category_id=11"><i class="fa fa-angle-right"></i>Makeup (2)</a></li> <li><a href="product.php?product_type_id=1&category_id=12"><i class="fa fa-angle-right"></i>Body Care (4)</a></li> <li><a href="product.php?product_type_id=1&category_id=13"><i class="fa fa-angle-right"></i>Mens (3)</a></li> </ul> </div> </div> <div class="row"> <div class=""> <div class="submenu-list-title left-menu-title"><a href="product.php?product_type_id=2">Skin Concern</a><span class="toggle-list-button"></span></div> <ul class="list-type-1 toggle-list-container left-submenu"> <li><a href="product.php?product_type_id=2&category_id=14"><i class="fa fa-angle-right"></i>Moisturizing (35)</a></li> <li><a href="product.php?product_type_id=2&category_id=22"><i class="fa fa-angle-right"></i>Tone & Texture (13)</a></li> <li><a href="product.php?product_type_id=2&category_id=17"><i class="fa fa-angle-right"></i>Anti-aging (14)</a></li> <li><a href="product.php?product_type_id=2&category_id=15"><i class="fa fa-angle-right"></i>Regenerating (16)</a></li> <li><a href="product.php?product_type_id=2&category_id=21"><i class="fa fa-angle-right"></i>Lines & Wrinkles (8)</a></li> <li><a href="product.php?product_type_id=2&category_id=19"><i class="fa fa-angle-right"></i>Brightening (9)</a></li> <li><a href="product.php?product_type_id=2&category_id=18"><i class="fa fa-angle-right"></i>Acne (7)</a></li> <li><a href="product.php?product_type_id=2&category_id=23"><i class="fa fa-angle-right"></i>Cleansing (14)</a></li> <li><a href="product.php?product_type_id=2&category_id=20"><i class="fa fa-angle-right"></i>Sensitive (5)</a></li> <li><a href="product.php?product_type_id=2&category_id=25"><i class="fa fa-angle-right"></i>Sunblock (3)</a></li> </ul> </div> </div> </div> </div> </li> </ul> </div> </div> </div> <div id="right" class="col-lg-9"> <div class="row"> <div class=""> <div class="page-selector"> <div class="pages-box hidden-xs"> <div> </div> </div> </div> <div class="row shop-grid grid-view"> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=61"> <div class="product-image " style="background-image: url('images//products/52101284%20UV%20Protector%20daily%20sunscreen%20gel%2050ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >UV Protector daily sunscreen gel (SPF50+/ PA++)</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=60"> <div class="product-image " style="background-image: url('images//products/52101291%20UV%20Protector%20stand-by-you%20basic%20BB%2050ml.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >UV Protector stand-by-you basic BB (SPF50+/ PA++++)</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="col-md-4 col-sm-4 shop-grid-item"> <div class="product-slide-entry"><!-- shift-image --> <a class="title " href="product_detail.php?product_detail_id=223"> <div class="product-image " style="background-image: url('images//products/52102267%20Super%20drops%20-%20multi%20vitamin%20sunquid%20Single%20Image-1809x1960.jpg')"> </div> <div class="brand_name"> </div> <div class="title" >Super drops - Multi vitamin sunquid (SPF50+/ PA++++)</div> <div class="article-container style-1"> </div> </a> <div align="center" class=""> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> <div class="page-selector"> <div class="pages-box"> <div> </div> </div> <div class="clear"></div> </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.0021 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>