Demo-h

<div class="home-page-1 enable-vertical-menu" style="padding: 20px 0 0;"> <div class="container clearfix"> <div class="slider-banner"> <div class="slidershow-content" style="margin-bottom: 20px;"> <div class="slider-show slider-style-1 hover-to-show"> <div data-owl="owl-slider" data-autoplay="true" data-nav="true" data-dots="true" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="1" data-autoplayhoverpause="true" data-loop="true" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"> <div class="owl-carousel owl-theme"> <div class="item"><a title="Slide 1" href="#"><img src="{{media url=wysiwyg/wholesale_showroom_1.jpg}}" alt="Slide Image" width="680" height="530"></a></div> <div class="item"><a title="Slide 2" href="#"><img src="{{media url=wysiwyg/65123.jpg}}" alt="Slide Image" width="680" height="530"></a></div> <div class="item"><a title="Slide 3" href="#"><img src="{{media url=wysiwyg/12321.jpg}}" alt="Slide Image" width="680" height="530"></a></div> <div class="item"><a title="Slide 4" href="#"><img src="{{media url=wysiwyg/amethyst_wholesale_australia_online_sydney_1.jpg}}" alt="Slide Image" width="680" height="530"></a></div> </div> <div class="loading-content"><span class="hidden">Loading...</span></div> </div> </div> </div> <div class="banner-right" style="margin-bottom: 10px;"> <div class="banner-image"><a title="Banner Image" href="#"> <img src="{{media url=wysiwyg/wholesale_showroom_1.jpg}}" alt="Banner Image" width="300" height="170"> </a></div> <div class="banner-image"><a title="Banner Image" href="#"> <img src="{{media url=wysiwyg/65123.jpg}}" alt="Banner Image" width="300" height="170"> </a></div> <div class="banner-image"><a title="Banner Image" href="#"> <img src="{{media url=wysiwyg/12321.jpg}}" alt="Banner Image" width="300" height="170"> </a></div> <div class="banner-image"><a title="Banner Image" href="#"> <img src="{{media url=wysiwyg/amethyst_wholesale_australia_online_sydney_1.jpg}}" alt="Banner Image" width="300" height="170"> </a></div> </div> </div> </div> <div class="container"> <div class="services-list clearfix" style="margin-bottom: 40px;"> <ul> <li> <div class="item"> <div class="item-icon" style="background-color: #ff5656;"><img src="{{media url=wysiwyg/services/icon-1.png}}" alt="Service Image" width="60" height="60"></div> <div class="item-info"> <div class="item-title">Free Shipping</div> <div class="item-des">on orders over $49</div> </div> </div> </li> <li> <div class="item"> <div class="item-icon" style="background-color: #2cc97a;"><img src="{{media url=wysiwyg/services/icon-2.png}}" alt="Service Image" width="60" height="60"></div> <div class="item-info"> <div class="item-title">Money Guarantee</div> <div class="item-des">30 days money back</div> </div> </div> </li> <li> <div class="item"> <div class="item-icon" style="background-color: #b487db;"><img src="{{media url=wysiwyg/services/icon-3.png}}" alt="Service Image" width="60" height="60"></div> <div class="item-info"> <div class="item-title">Online Support</div> <div class="item-des">24/24 on day</div> </div> </div> </li> <li> <div class="item"> <div class="item-icon" style="background-color: #fcbd27;"><img src="{{media url=wysiwyg/services/icon-4.png}}" alt="Service Image" width="60" height="60"></div> <div class="item-info"> <div class="item-title">Gift Promotion</div> <div class="item-des">money back guarantee</div> </div> </div> </li> <li> <div class="item"> <div class="item-icon" style="background-color: #72a4ff;"><img src="{{media url=wysiwyg/services/icon-5.png}}" alt="Service Image" width="60" height="60"></div> <div class="item-info"> <div class="item-title">Payment Method</div> <div class="item-des">online 24/24 on day</div> </div> </div> </li> </ul> </div> </div> <div class="container"> <div class="normal-block categories-slider"> <div class="nav-style-1 nav-top"> <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="3" data-screen768="5" data-screen992="7" data-screen1200="8" data-screen1441="8" data-screen1681="8" data-screen1920="8" data-margin="10" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">{{block class="Sm\Categories\Block\Categories" template="Sm_Categories::default-slider.phtml" row_items="2" title_module="Popular categories" limitation="0" select_category="44,48,33,62,30,36,60,49,4,17,32,20,58,52,30,7,19,55,51,47"}}</div> </div> </div> </div> <div class="container"> <div class="banner-full"> <div class="banner-image" style="margin-bottom: 40px;"><a title="Banner Image" href="https://simplygems.com.au/catalog/category/view/s/chips/id/27/"> <img class="mark-lazy" src="{{media url=wysiwyg/f46dcb8905d12989a7f743d9a4324d9464b9400960c3ec6c9e2c92c39a287a51_6_.jpg}}" alt="crystal chips wholesaler in sydney Image" width="1290" height="90"> </a></div> </div> </div> <div class="container"> <div class="product-slider normal-block deal-slider remove-border-product"> <div class="nav-style-1 nav-top"> <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="3" data-screen992="4" data-screen1200="6" data-screen1441="6" data-screen1681="6" data-screen1920="6" data-margin="10" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="10" data-mousedrag="true" data-touchdrag="true">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::slider.phtml" title_module="Deal Of The Day" product_source="all_products" select_category="44,48,33,62,30,36,60,49,4,17,32,20,58,52,30,7,19,55,51,47" product_limitation="8" display_countdown="0" date_to=""}}</div> </div> </div> </div> <div class="fixed-margin"> <div class="container"> <div class="row"> <div class="col-lg-4 col-sm-4"> <div class="banner-image" style="margin-bottom: 40px;"><a title="Banner Image" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/f46dcb8905d12989a7f743d9a4324d9464b9400960c3ec6c9e2c92c39a287a51_5_.jpg}}" alt="Banner Image" width="420" height="160"> </a></div> </div> <div class="col-lg-4 col-sm-4"> <div class="banner-image" style="margin-bottom: 40px;"><a title="Banner Image" href="#"> <img class="mark-lazy" src="{{media url=wysiwyg/f46dcb8905d12989a7f743d9a4324d9464b9400960c3ec6c9e2c92c39a287a51_8_.jpg}}" alt="Banner Image" width="420" height="160"> </a></div> </div> <div class="col-lg-4 col-sm-4"> <div class="banner-image" style="margin-bottom: 40px;"><a title="Banner Image" href="#"> <img class="mark-lazy" src="{{media url=wysiwyg/f46dcb8905d12989a7f743d9a4324d9464b9400960c3ec6c9e2c92c39a287a51_4_.jpg}}" alt="Banner Image" width="420" height="160"> </a></div> </div> </div> </div> </div> <div class="container"> <div class="block-primary orange-color remove-border-product nav-style-1 nav-top" style="margin-bottom: 40px;">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default-cms.phtml" cms-tab="cms-tab-1" row_items="2" title="Geode, Slices & more" type_show="slider" type_listing="all" display_countdown="0" type_filter="categories" category_tabs="69,36,37" limitation="12" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="2" data-screen992="3" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="20" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="8" data-mousedrag="true" data-touchdrag="true"}}</div> <div class="block-primary blue-color remove-border-product nav-style-1 nav-top" style="margin-bottom: 40px;">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default-cms.phtml" cms-tab="cms-tab-2" row_items="2" title="Furniture & Decor" type_show="slider" type_listing="all" display_countdown="0" type_filter="categories" category_tabs="31,67,69,68,32" limitation="12" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="2" data-screen992="3" data-screen1200="5" data-screen1441="5" data-screen1681="5" data-screen1920="5" data-margin="20" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="8" data-mousedrag="true" data-touchdrag="true"}}</div> <div class="block-primary red-color remove-border-product nav-style-1 nav-top" style="margin-bottom: 40px;">{{block class="Sm\ListingTabs\Block\ListingTabs" template="Sm_ListingTabs::default-cms.phtml" cms-tab="cms-tab-3" row_items="2" title="Electronics" type_show="slider" type_listing="all" display_countdown="0" type_filter="categories" category_tabs="16,71,58,51" limitation="12" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="2" data-screen992="3" data-screen1200="5" data-screen1441="5" data-screen1681="5" data-screen1920="5" data-margin="20" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="8" data-mousedrag="true" data-touchdrag="true"}}</div> </div> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="block-primary product-banner padding-owl green-color remove-border-product nav-style-1 nav-top" style="margin-bottom: 40px;"> <div class="block"> <div class="block-title"><strong>Trees</strong></div> <div class="block-content"> <div class="banner-image"><a title="Banner Image" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/f46dcb8905d12989a7f743d9a4324d9464b9400960c3ec6c9e2c92c39a287a51_7__1.jpg}}" alt="Banner Image" width="590" height="150"> </a></div> <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="3" data-screen992="2" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="10" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="8" data-mousedrag="true" data-touchdrag="true">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::slider-notitle.phtml" product_source="all_products" select_category="25" product_limitation="5" display_countdown="0" date_to=""}}</div> </div> </div> </div> </div> <div class="col-lg-6"> <div class="block-primary product-banner padding-owl purple-color remove-border-product nav-style-1 nav-top" style="margin-bottom: 40px;"> <div class="block"> <div class="block-title"><strong>Health & Beauty, Hair</strong></div> <div class="block-content"> <div class="banner-image"><a title="Banner Image" href="#"> <img class="mark-lazy" src="{{media url=wysiwyg/banner/item-12.jpg}}" alt="Banner Image" width="590" height="150"> </a></div> <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="3" data-screen992="2" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="10" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="8" data-mousedrag="true" data-touchdrag="true">{{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::slider-notitle.phtml" product_source="lastest_products" select_category="13" product_limitation="5" display_countdown="0" date_to=""}}</div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="normal-block"> <div class="block block-brand brand-style-1 nav-style-1 nav-top"> <div class="block-title"><strong>Featured Brand</strong></div> <div class="block-content"> <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="3" data-screen768="5" data-screen992="6" data-screen1200="7" data-screen1441="7" data-screen1681="7" data-screen1920="7" data-margin="10" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true"> <div class="owl-carousel owl-theme"> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-1.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-2.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-3.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-4.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-5.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-6.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-7.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-2.jpg}}" alt="Brand Image" width="170" height="110"></a></div> <div class="item"><a title="Brand" href="#"><img class="mark-lazy" src="{{media url=wysiwyg/brand/item-4.jpg}}" alt="Brand Image" width="170" height="110"></a></div> </div> <div class="loading-content"><span class="hidden">Loading...</span></div> </div> </div> </div> </div> </div> <div class="container"> <div class="normal-block block-news"> <div class="nav-style-1 nav-top"> <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="3" data-screen992="4" data-screen1200="5" data-screen1441="5" data-screen1681="5" data-screen1920="5" data-margin="20" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">{{widget type="Magefan\Blog\Block\Widget\Recent" title="Latest News" number_of_posts="6" category_id="0" tag_id="0" author_id="0" custom_template="Magefan_Blog::widget/recent-slider.phtml" type_name="Recent Blog Posts"}}</div> </div> </div> </div> </div>