<div id="multiscroll"> <div class="ms-left"> <div class="ms-section"> <div class="fullwidth"> <div class="text"> <h1 class="title">Sustainable Scented Candles</h1> <h2 class="big-title">Great Scents Available Now</h2> <a class="shop-now" title="Scented Candles" href="https://dev2.thesungarden.com/scented-candles">Purchase now</a> </div> </div> </div> <div class="ms-section"> <div class="static-category"> <div class="category"> <a href="https://dev2.thesungarden.com/scented-candles/ontario" title="Ontario, a Small Jar Scented Candle"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/SteelOntario.jpg" alt="Ontario, a Small Jar Scented Candle" /> <div class="text"> <p class="sub-title">a Rustic Touch</p> <h3 class="title">Ontario Candle</h3> </div> </a> </div> <div class="category"> <a href="https://dev2.thesungarden.com/scented-candles/niagara" title="Niagara, a Large Jar Scented Candle"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/niagara.jpg" alt="Niagara, a Large Jar Scented Candle" /> <div class="text"> <p class="sub-title">long lasting</p> <h3 class="title">Niagara Candle</h3> </div> </a> </div> </div> </div> <div class="ms-section collection"> <div class="static-banner"> <a href="https://dev2.thesungarden.com/scented-candles?scent_group=1449"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/christmas.jpg" alt="" /> <h3 class="title">Holiday Collection</h3> </a> </div> </div> <div class="ms-section collection-prd"> <div class="product-main"> </div> </div> <div class="ms-section"> <div class="static-banner"> <a href="https://lavishbowtie.com/" title="Maintenance for Men"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/lavish.jpg" alt="Lavish Bow Tie" /> <h3 class="title">Lavish Bow Tie</h3> </a> </div> </div> </div> <div class="ms-right"> <div class="ms-section"> <div class="fullwidth">&nbsp;</div> </div> <div class="ms-section"> <div class="static-category"> <div class="category"> <a href="https://dev2.thesungarden.com/scented-candles/empire" title="Empire, decor for any room"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/empire.jpg" alt="Empire Glass Jar Scented Candle" /> <div class="text"> <p class="sub-title">Pristine Decor</p> <h3 class="title">Empire Candle</h3> </div> </a> </div> <div class="category"> <a href="https://dev2.thesungarden.com/scented-candles/roc-tumbler" title="Roc Tumbler, great scents for large rooms"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/Roc.jpg" alt="Roc Tumbler Scented Candle" /> <div class="text"> <p class="sub-title">Incredible Scent Throw</p> <h3 class="title">Roc Tumbler Candle</h3> </div> </a> </div> </div> </div> <div class="ms-section collection-prd"> <div class="product-main"> </div> </div> <div class="ms-section collection"> <div class="static-banner"> <a href="https://dev2.thesungarden.com/bath-and-body/intimate" title="Start with a massage, see where the night goes..."> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/Massage-Experience.jpg" alt="Get intimate with a sensual massage" /> <h3 class="title">Intimate Collection</h3> </a> </div> </div> <div class="ms-section"> <div class="static-banner small"> <a href="https://dev2.thesungarden.com/candle-warmers"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/melter.jpg" alt="Wax Melters and Candle Warmers" /> <h3 class="title">Wax Melters</h3> </a> </div> <div class="static-banner small"> <a href="https://dev2.thesungarden.com/tea"> <img src="https://dev2.thesungarden.com/media/wysiwyg/homepage/tsg-tea.jpg" alt="Tea loose leaf and in sachet" /> <h3 class="title">Tea</h3> </a> </div> </div> </div> <div id="multiscroll-nav"> <ul> <li class="active" data-menuanchor="firstPage"><a href="#firstPage"><span></span></a></li> <li data-menuanchor="secondPage"><a href="#secondPage"><span></span></a></li> <li data-menuanchor="thirdPage"><a href="#thirdPage"><span></span></a></li> <li data-menuanchor="fourthPage"><a href="#fourthPage"><span></span></a></li> <li data-menuanchor="fifthPage"><a href="#fifthPage"><span></span></a></li> </ul> </div> </div> <script type="text/javascript"> require([ "jquery", "alotheme/multiscroll" ], function ($, multiscroll) { $(document).ready(function () { if(screen.width>992){ $("#multiscroll").multiscroll({ anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'fifthPage'], menu: '#multiscroll-nav' }); }; }); }); </script>