{"id":99,"date":"2013-08-11T18:04:55","date_gmt":"2013-08-11T18:04:55","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=501"},"modified":"2013-08-11T18:04:55","modified_gmt":"2013-08-11T18:04:55","slug":"simple-slider","status":"publish","type":"page","link":"https:\/\/alllinkmedical.sg\/zh\/demos\/shop-demos\/simple-slider\/","title":{"rendered":"Simple Slider"},"content":{"rendered":"<div class=\"slider-wrapper relative\" id=\"slider-178207787\" style=\"background-color:rgb(79, 79, 79);\">\n    <div class=\"slider slider-nav-circle slider-nav-normal slider-nav-light slider-style-normal slider-show-nav\"\n        data-flickity-options='{            \"cellAlign\": \"center\",            \"imagesLoaded\": true,            \"lazyLoad\": 1,            \"freeScroll\": false,            \"wrapAround\": true,            \"autoPlay\": 6000,            \"pauseAutoPlayOnHover\" : true,            \"prevNextButtons\": true,            \"contain\" : true,            \"adaptiveHeight\" : true,            \"dragThreshold\" : 10,            \"percentPosition\": true,            \"pageDots\": true,            \"rightToLeft\": false,            \"draggable\": true,            \"selectedAttraction\": 0.1,            \"parallax\" : 0,            \"friction\": 0.6        }'\n        >\n        \n\n  <div class=\"banner has-hover has-parallax\" id=\"banner-1781848373\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1584629147\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"blurIn\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"alt-font\" data-animate=\"fadeInRight\">A nice title on Top<\/h3>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<h2 class=\"uppercase\">Introducing This Spring Fashion News<\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary\" >\n\t\t<span>Shop Women<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Shop Men<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-1584629147 {\n  width: 69%;\n}\n#text-box-1584629147 .text-box-content {\n  font-size: 105%;\n}\n@media (min-width:550px) {\n  #text-box-1584629147 {\n    width: 60%;\n  }\n  #text-box-1584629147 .text-box-content {\n    font-size: 100%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1781848373 {\n  padding-top: 600px;\n}\n#banner-1781848373 .overlay {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n#banner-1781848373 .banner-bg img {\n  object-position: 60% 16%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover has-parallax\" id=\"banner-761323867\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-2058417966\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"blurIn\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"alt-font\" data-animate=\"fadeInRight\">A nice title on Top<\/h3>\n<h2 class=\"uppercase\">Introducing This Spring Fashion News<\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary\" >\n\t\t<span>Shop Women<\/span>\n\t<\/a>\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Shop Men<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-2058417966 {\n  width: 69%;\n}\n#text-box-2058417966 .text-box-content {\n  font-size: 105%;\n}\n@media (min-width:550px) {\n  #text-box-2058417966 {\n    width: 60%;\n  }\n  #text-box-2058417966 .text-box-content {\n    font-size: 100%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-761323867 {\n  padding-top: 600px;\n}\n#banner-761323867 .overlay {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n#banner-761323867 .banner-bg img {\n  object-position: 60% 16%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover has-parallax\" id=\"banner-975845450\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1997076153\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"blurIn\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"alt-font\" data-animate=\"fadeInRight\">A nice title on Top<\/h3>\n<h2 class=\"uppercase\">Add anything Here in the Page Builder<\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n<a class=\"button primary\" >\n\t\t<span>Shop Women<\/span>\n\t<\/a>\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-1997076153 {\n  width: 60%;\n}\n#text-box-1997076153 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-975845450 {\n  padding-top: 600px;\n}\n#banner-975845450 .overlay {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n<\/style>\n  <\/div>\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Featured Products<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n\t\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >\n\n  \n\t     <div class=\"product-small col has-hover product type-product post-432 status-publish first instock product_cat-dietarysupplements product_cat-liver-care product_cat-promotion product_tag-dietary-supplements product_tag-liver has-post-thumbnail sale featured taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n<div class=\"callout badge badge-circle\"><div class=\"badge-inner secondary on-sale\"><span class=\"onsale\" data-no-translation=\"\" data-trp-gettext=\"\">\u9500\u552e\uff01<\/span><\/div><\/div>\n<div class=\"badge callout badge-circle\"><div class=\"badge-inner callout-new-bg is-small new-bubble\">\u514d\u8d39 20<\/div><\/div><\/div>\n\t<div class=\"product-small box\">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/alllinkmedical.sg\/zh\/product\/happy-liver\/\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/2019\/05\/Al_Happy-Liver-1-1-247x296.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Happy Liver+ (60 capsules) + FREE 20 capsules\" \/><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"296\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/2019\/05\/Energize-Your-Liver-Revitalize-Your-Life-product-Happy-Liver-Capsules-247x296.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of Happy Liver+ (60 capsules) + FREE 20 capsules\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"432\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>\u5feb\u901f\u67e5\u770b<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\t\u4fdd\u5065\u4ea7\u54c1\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/alllinkmedical.sg\/zh\/product\/happy-liver\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\u5168\u8fde\u5b9d\u809d\u4e50\uff0860\u7c92\uff09+\u514d\u8d60\uff0820\u7c92\uff09<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>53.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">\u539f\u4ef7\u4e3a\uff1a&#036;53.00\u3002<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#36;<\/span>46.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">\u5f53\u524d\u4ef7\u683c\u4e3a\uff1a&#036;46.00\u3002<\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Browse Categories<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-circle\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >\n\n  <div class=\"product-category col\" data-animate=\"fadeInLeft\">\n            <div class=\"col-inner\">\n              <a aria-label=\"\u8bbf\u95ee\u4ea7\u54c1\u5206\u7c7b Shop By Condition\" href=\"https:\/\/alllinkmedical.sg\/zh\/shop-by-condition\/\" data-no-translation-aria-label=\"\">                <div class=\"box box-category has-hover box-overlay dark box-text-middle\">\n                <div class=\"box-image\" >\n                  <div class=\"image-zoom image-glow image-cover\" style=\"padding-top:87%;\">\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/woocommerce-placeholder-247x296.png\" alt=\"Shop By Condition\" width=\"300\" height=\"300\" \/>                  <div class=\"overlay\" style=\"background-color: 1\"><\/div>                                    <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              \u529f\u80fd\u5206\u7c7b                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count show-on-hover hover-reveal reveal-small\">\n\t                      47 \u4ea7\u54c1                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" data-animate=\"fadeInLeft\">\n            <div class=\"col-inner\">\n              <a aria-label=\"\u8bbf\u95ee\u4ea7\u54c1\u5206\u7c7b Short expiry\" href=\"https:\/\/alllinkmedical.sg\/zh\/short-expiry\/\" data-no-translation-aria-label=\"\">                <div class=\"box box-category has-hover box-overlay dark box-text-middle\">\n                <div class=\"box-image\" >\n                  <div class=\"image-zoom image-glow image-cover\" style=\"padding-top:87%;\">\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/woocommerce-placeholder-247x296.png\" alt=\"Short expiry\" width=\"300\" height=\"300\" \/>                  <div class=\"overlay\" style=\"background-color: 1\"><\/div>                                    <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              \u6709\u6548\u671f\u77ed                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count show-on-hover hover-reveal reveal-small\">\n\t                      18 \u4ea7\u54c1                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" data-animate=\"fadeInLeft\">\n            <div class=\"col-inner\">\n              <a aria-label=\"\u8bbf\u95ee\u4ea7\u54c1\u5206\u7c7b Promotion\" href=\"https:\/\/alllinkmedical.sg\/zh\/promotion\/\" data-no-translation-aria-label=\"\">                <div class=\"box box-category has-hover box-overlay dark box-text-middle\">\n                <div class=\"box-image\" >\n                  <div class=\"image-zoom image-glow image-cover\" style=\"padding-top:87%;\">\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/woocommerce-placeholder-247x296.png\" alt=\"Promotion\" width=\"300\" height=\"300\" \/>                  <div class=\"overlay\" style=\"background-color: 1\"><\/div>                                    <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              \u7279\u4ef7                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count show-on-hover hover-reveal reveal-small\">\n\t                      11 \u4ea7\u54c1                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" data-animate=\"fadeInLeft\">\n            <div class=\"col-inner\">\n              <a aria-label=\"\u8bbf\u95ee\u4ea7\u54c1\u5206\u7c7b Shop By Category\" href=\"https:\/\/alllinkmedical.sg\/zh\/shop-by-category\/\" data-no-translation-aria-label=\"\">                <div class=\"box box-category has-hover box-overlay dark box-text-middle\">\n                <div class=\"box-image\" >\n                  <div class=\"image-zoom image-glow image-cover\" style=\"padding-top:87%;\">\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/alllinkmedical.sg\/wp-content\/uploads\/woocommerce-placeholder-247x296.png\" alt=\"Shop By Category\" width=\"300\" height=\"300\" \/>                  <div class=\"overlay\" style=\"background-color: 1\"><\/div>                                    <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              \u7c7b\u522b\u5206\u7c7b                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count show-on-hover hover-reveal reveal-small\">\n\t                      57 \u4ea7\u54c1                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><\/div>\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Latest blog posts<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-1 row-small slider row-slider slider-nav-reveal slider-nav-push\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >\n\n  <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":23,"parent":77,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-99","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/pages\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/comments?post=99"}],"version-history":[{"count":0,"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/pages\/99\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/pages\/77"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/media\/23"}],"wp:attachment":[{"href":"https:\/\/alllinkmedical.sg\/zh\/wp-json\/wp\/v2\/media?parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}