Sugar Stories

<html lang="en"><head><meta charset="UTF-8" /><title>Sugarmat - Stories</title><!-- Main CSS file --> <link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0878/3770/files/bootstrap.min.css?3879994857536737356" /> <link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0878/3770/files/owl.carousel.css?3879994857536737356" /> <link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0878/3770/files/magnific-popup.css?3879994857536737356" /> <link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0878/3770/files/font-awesome.css?3879994857536737356" /> <link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0878/3770/files/style.css?3879994857536737356" /> <link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/0878/3770/files/responsive.css?3879994857536737356" /> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- [if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--></head><body><!-- PRELOADER --> <div id="st-preloader"> <div id="pre-status"> <div class="preload-placeholder"></div> </div> </div> <!-- /PRELOADER --> <!-- SLIDER --> <section id="slider"> <div id="home-carousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active" style="background-image: url(https://cdn.shopify.com/s/files/1/0878/3770/files/02.jpg?1926176663277647244)"> <div class="carousel-caption container"> <div class="row"> <div class="col-sm-7"> <h1>Welcome to</h1> <h2>SugarWorld</h2> <p>Discover the sugarmat creative team and staff who are devoted to improve your yoga experience.</p> </div> </div> </div> </div> <div class="item" style="background-image: url(https://cdn.shopify.com/s/files/1/0878/3770/files/03_5f41ea66-4cc3-4033-a268-f25fead3a56b.png?1926176663277647244)"> <div class="carousel-caption container"> <div class="row"> <div class="col-sm-7"> <h1>You are entire</h1> <h2>creative world</h2> <p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor. Aenean sollicitudin, lorem quis bibendum auctor.</p> </div> </div> </div> </div> <a class="home-carousel-left" href="#home-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a> <a class="home-carousel-right" href="#home-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a></div> </div> <!--/#home-carousel--></section> <!-- /SLIDER --> <!-- ABOUT US --> <section id="about-us"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <div class="about-us text-center"> <h4>Say YES to the enviroment</h4> <p>HLorem ipsum dolor sit amet, consectetur adipisicing elit. Earum aliquid obcaecati deleniti minus quisquam quis magnam reprehenderit quaerat molestias rerum, excepturi autem fugiat corporis quidem a ipsum quos beatae! Ut!</p> <a href="" class="btn btn-send">Read More</a></div> </div> <div class="col-sm-6 our-office"> <div id="office-carousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"><img src="https://cdn.shopify.com/s/files/1/0878/3770/files/01.png?1926176663277647244" alt="" /></div> <a class="office-carousel-left" href="#office-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a> <a class="office-carousel-right" href="#office-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a></div> </div> <!--/#office-carousel--></div> </div> </div> </section> <section id="about-us"> <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <div class="about-us text-center"> <h4>BEHIND BAKA MAT!</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum aliquid obcaecati deleniti minus quisquam quis magnam reprehenderit quaerat molestias rerum, excepturi autem fugiat corporis quidem a ipsum quos beatae! Ut!</p> <a href="" class="btn btn-send">View More</a></div> </div> <div class="col-sm-6 our-office"> <div id="office-carousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="item active"><img src="https://cdn.shopify.com/s/files/1/0878/3770/files/02.png?1926176663277647244" alt="" /></div> <div class="item"><img src="https://cdn.shopify.com/s/files/1/0878/3770/files/04.png?1926176663277647244" alt="" /></div> <div class="item"><img src="https://cdn.shopify.com/s/files/1/0878/3770/files/03.png?1926176663277647244" alt="" /></div> <a class="office-carousel-left" href="#office-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a> <a class="office-carousel-right" href="#office-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a></div> </div> <!--/#office-carousel--></div> </div> </div> </section> <!-- /ABOUT US --> <!-- TESTIMONIAL --> <section style="display: none;" id="testimonial"> <div class="container"> <div class="row"> <div class="overlay"></div> <div class="col-md-8 col-md-offset-2 col-sm-12"> <div class="st-testimonials"> <div class="item active text-center"> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet dolore nesciunt natus ullam possimus quas obcaecati suscipit voluptate facilis cum"</p> <div class="st-border"></div> <div class="client-info"> <h5>Tom Roof</h5> <span>CEO of Domain.com</span></div> </div> <div class="item text-center"> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet dolore nesciunt natus ullam possimus quas obcaecati suscipit voluptate facilis cumconsectetur adipisicing elit. Amet dolore"</p> <div class="st-border"></div> <div class="client-info"> <h5>Mustafiz</h5> <span>CEO of Domain.com</span></div> </div> <div class="item text-center"> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem autem possimus laborum, ducimus vel rerum asperiores delectus, suscipit voluptate mollitia, ullam perspiciatis voluptates!"</p> <div class="st-border"></div> <div class="client-info"> <h5>Sean Hynes</h5> <span>CEO of Domain.com</span></div> </div> </div> </div> </div> </div> </section> <!-- /TESTIMONIAL --> <!-- FUN FACTS --> <section style="display: none;" id="fun-facts"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-3"> <div class="fun-fact text-center"> <h3><i class="fa fa-thumbs-o-up"></i> <span class="st-counter">365</span></h3> <p>Happy Clients</p> </div> </div> <div class="col-sm-6 col-md-3"> <div class="fun-fact text-center"> <h3><i class="fa fa-briefcase fa-6"></i> <span class="st-counter">73987</span></h3> <p>Completed Projects</p> </div> </div> <div class="col-sm-6 col-md-3"> <div class="fun-fact text-center"> <h3><i class="fa fa-coffee"></i> <span class="st-counter">297345</span></h3> <p>Cups of Coffee</p> </div> </div> <div class="col-sm-6 col-md-3"> <div class="fun-fact text-center"> <h3><i class="fa fa-code"></i> <span class="st-counter">9823686</span></h3> <p>Lines of Code</p> </div> </div> </div> </div> </section> <!-- /FUN FACTS --> <!-- FOOTER --> <!-- /FOOTER --> <!-- Scroll-up --> <div class="scroll-up"> <ul> <li><a style="display: none;" href="#header"><i class="fa fa-angle-up"></i></a></li> </ul> </div> <!-- JS --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/jquery.min.js?9143826103041265076"></script><!-- jQuery --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/bootstrap.min.js?9143826103041265076"></script><!-- Bootstrap --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/jquery.parallax.js?9143826103041265076"></script><!-- Parallax --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/smoothscroll.js?9143826103041265076"></script><!-- Smooth Scroll --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/masonry.pkgd.min.js?9143826103041265076"></script><!-- masonry --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/jquery.fitvids.js?9143826103041265076"></script><!-- fitvids --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/owl.carousel.min.js?9143826103041265076"></script><!-- Owl-Carousel --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/jquery.counterup.min.js?9143826103041265076"></script><!-- CounterUp --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/waypoints.min.js?9143826103041265076"></script><!-- CounterUp --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/jquery.isotope.min.js?9143826103041265076"></script><!-- isotope --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/jquery.magnific-popup.min.js?9143826103041265076"></script><!-- magnific-popup --><script type="text/javascript" src="https://cdn.shopify.com/s/files/1/0878/3770/files/scripts.js?9143826103041265076"></script><!-- Scripts --></body></html>