<?php include 'head.php';?>
<link rel="stylesheet" href="css/home.css" />
</head>
<body>
    <?php include 'header.php';?>
        <main>
            <section class="home_slider clearfix">
                <div id="hero-slider">
                    <div class="hmbanner clearfix por">
                        <picture>
                            <source media="(min-width: 768px)" srcset="images/main-banner.jpg">
                            <img src="images/main-banner-mob.jpg" alt="" class="fwidth" width="1920" height="750" loading="lazy">
                        </picture>
                        <div class="over">
                            <h2 class="white-color"><span class="d-block">Ceppo Natural</h2>
                            <a href="#" class="btn btn-border"><span>Visit Collection
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="hmbanner clearfix por">
                        <picture>
                            <source media="(min-width: 768px)" srcset="images/main-banner.jpg">
                            <img src="images/main-banner-mob.jpg" alt="" class="fwidth" width="1920" height="750" loading="lazy">
                        </picture>
                        <div class="over">
                            <h2 class="white-color"><span class="d-block">Ceppo Natural</h2>
                            <a href="#" class="btn btn-border"><span>Visit Collection
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="hmbanner clearfix por">
                        <picture>
                            <source media="(min-width: 768px)" srcset="images/main-banner.jpg">
                            <img src="images/main-banner-mob.jpg" alt="" class="fwidth" width="1920" height="750" loading="lazy">
                        </picture>
                        <div class="over">
                            <h2 class="white-color"><span class="d-block">Ceppo Natural</h2>
                            <a href="#" class="btn btn-border"><span>Visit Collection
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="hmbanner clearfix por">
                        <picture>
                            <source media="(min-width: 768px)" srcset="images/main-banner.jpg">
                            <img src="images/main-banner-mob.jpg" alt="" class="fwidth" width="1920" height="750" loading="lazy">
                        </picture>
                        <div class="over">
                            <h2 class="white-color"><span class="d-block">Ceppo Natural</h2>
                            <a href="#" class="btn btn-border"><span>Visit Collection
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </section>
            <section class="search-what space70">
                <div class="container">
                    <div class="por">
                        <div class="over">
                            <div class="what_search">
                                <div class="search_btn">
                                    <svg class="svg_search" aria-hidden="true" role="img" width="23" height="23" fill="none" loading="lazy">
                                        <use href="#svg_search" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_search"></use>
                                    </svg>
                                </div>
                                <input type="text" class="form-control" placeholder="Search" aria-label="Search.." aria-describedby="button-addon2">
                            </div>
                            <h2><span class="d-block">Search</span> What’s New</h2>
                            <a href="#" class="btn btn-border hidden-md-down"><span>See All
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </span>
                            </a>
                        </div>
                         <picture>
                            <source media="(min-width: 992px)" srcset="images/search-what.jpg">
                            <img src="images/search-what-mob.jpg" alt="" class="fwidth" width="1920" height="750" loading="lazy">
                        </picture>
                        <div class="tac hidden-md-up pt-5 mt-3">
                          <a href="#" class="btn"><span>See All
                                  <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                      <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                  </svg>
                              </span>
                          </a>
                        </div>
                    </div>
                </div>
            </section>
            <section class="in-stock space70">
                <div class="container">
                    <div class="in-stocksec">
                        <div class="row row10-mob dflex-lg">
                            <div class="col-lg-7">
                                <div class="row row10-mob dflex aic">
                                    <div class="col-xs-5">
                                        <div class="row row10-mob">
                                            <div class="col-xs-12 pb-sm-5 pb-3 mb-1"><img src="images/instock1.jpg" /></div>
                                            <div class="col-xs-12"><img src="images/instock2.jpg" /></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-7"><img src="images/instock3.jpg" /></div>
                                </div>
                            </div>
                            <div class="col-lg-5 dflex jcc aic">
                                <div class="in-stocktext tac">
                                    <svg class="svg_truck" aria-hidden="true" role="img" width="88" height="44" loading="lazy">
                                        <use href="#svg_truck" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_truck"></use>
                                    </svg>
                                    <h2>In stock and ready to ship</h2>
                                    <a href="#" class="btn"><span>See All
                                            <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                                <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="space70">
                <div class="container">
                    <div class="whatstrend clearfix">
                        <div class="hd">
                            <h2 class="white-color-blue pb-3">What’s<br />Trending</h2>
                            <a href="javascript:void(0)" rel="nofollow" class="btn btn-border-desk"><span>See All
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg></span>
                            </a>
                        </div>
                        <div class="inner clearfix">
                            <div class="whatstrend-slick slick-space-20 slickarrow-ovr">
                                <div class="box clearfix">
                                    <img src="images/what-trading1.jpg">
                                </div>
                                <div class="box clearfix">
                                    <img src="images/what-trading2.jpg">
                                </div>
                                <div class="box clearfix">
                                    <img src="images/what-trading1.jpg">
                                </div>
                                <div class="box clearfix">
                                    <img src="images/what-trading2.jpg">
                                </div>
                            </div>
                            <div class="btn-wrap">
                                <button class="prev-btn"><svg class="svg_rightarrow" aria-hidden="true" role="img" width="14" height="22" loading="lazy"> <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use> </svg></button>
                                <button class="next-btn"><svg class="svg_rightarrow" aria-hidden="true" role="img" width="14" height="22" loading="lazy"> <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use> </svg></button>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="explore-sec space70">
                <div class="container">
                    <h2 class="tal_sm tac">Explore your options</h2>
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="explore-box">
                                <img src="images/search-by-collection.png" width="138" height="170">
                                <div class="explore-hd"><a href="#">Search by Collection <svg class="svg_downarrow" aria-hidden="true" role="img" width="18" height="10" loading="lazy">
                                            <use href="#svg_downarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_downarrow"></use>
                                        </svg></a></div>
                                <a href="javascript:void(0)" rel="nofollow" class="linksbb blue-link"><span>See All</span>
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="col-sm-4 pt-sm-0 pt-5 pb-sm-0 pb-5">
                            <div class="explore-box">
                                <img src="images/search-by-look.png" width="122" height="170">
                                <div class="explore-hd">
                                    <a href="#">Search by Look
                                        <svg class="svg_downarrow" aria-hidden="true" role="img" width="18" height="10" loading="lazy">
                                            <use href="#svg_downarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_downarrow"></use>
                                        </svg>
                                    </a>
                                </div>
                                <a href="javascript:void(0)" rel="nofollow" class="linksbb blue-link"><span>See All</span>
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="explore-box">
                                <img src="images/search-by-color.png" width="126" height="170">
                                <div class="explore-hd"><a href="#">Search by Color <svg class="svg_downarrow" aria-hidden="true" role="img" width="18" height="10" loading="lazy">
                                            <use href="#svg_downarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_downarrow"></use>
                                        </svg></a></div>
                                <a href="javascript:void(0)" rel="nofollow" class="linksbb blue-link"><span>See All</span>
                                    <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                        <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="space70 space-mb0">
                <div class="container">
                    <div class="get-touch clearfix">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="get-touch-box clearfix por">
                                    <picture>
                                        <source media="(min-width: 768px)" srcset="images/get-in.jpg">
                                        <img src="images/get-in-mob.jpg" alt="" class="fwidth" width="675" height="675" loading="lazy">
                                    </picture>
                                    <div class="over">
                                        <div class="title">Get in touch with your HighStyle rep</div>
                                        <a href="javascript:void(0)" rel="nofollow" class="linksbb"><span>Contact us</span>
                                            <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                                <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="get-touch-box clearfix por">
                                  <picture>
                                        <source media="(min-width: 768px)" srcset="images/sign-up.jpg">
                                        <img src="images/sign-up-mob.jpg" alt="" class="fwidth" width="675" height="560" loading="lazy">
                                    </picture>
                                    <div class="over">
                                        <div class="title">Sign up for your account today</div>
                                        <a href="javascript:void(0)" rel="nofollow" class="linksbb">
                                            <span>Sign up</span>
                                            <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                                <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="get-exuclusive space70">
                <div class="container">
                    <div class="get-exinr">
                        <div class="get-exbox">
                            <h2 class="white-color tac">Get exclusive design tips and updates.</h2>
                            <div class="get-search">
                                <input type="email" placeholder="Your Email Address" id="field2" class="form-control">
                                 <a href="#" class="btn btn-border-desk"><span>Subscribe
                                        <svg class="svg_rightarrow" aria-hidden="true" role="img" width="10" height="18" loading="lazy">
                                            <use href="#svg_rightarrow" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_rightarrow"></use>
                                        </svg>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <?php include 'footer.php';?>
        <?php include 'head-bottom.php';?>
        <script type="text/javascript" src="js/home.js"></script>
        <?php include 'svg.php';?>
</body>
</html>
