<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Site Title-->
        <title>Fashion</title>


        <link rel="icon" href="images/favicon.ico" type="image/x-icon">

        <!-- ** CSS ** 
================================================== -->
        <link href="css/master.css" rel="stylesheet">

        <!-- Stylesheets-->
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Oswald:300%7CRoboto:300,300i%7CRoboto+Condensed:300">
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/style.css">

    </head>

    <body>

        <!-- Page-->

        <div class="page">
            <div id="page-loader">
                <div class="cssload-container">
                    <div class="cssload-speeding-wheel"></div>
                </div>
            </div>

            <!-- Page Header-->
            <header class="page-header">

                <!-- RD Navbar-->
                <div class="rd-navbar-wrap">

                    <nav class="rd-navbar rd-sidebar_reverse rd-navbar_inverse" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-sm-device-layout="rd-navbar-fixed" data-md-layout="rd-navbar-sidebar" data-md-device-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-sidebar" data-lg-layout="rd-navbar-sidebar" data-stick-up-clone="false" data-sm-stick-up="true" data-md-stick-up="true" data-lg-stick-up="true" data-md-stick-up-offset="50px" data-lg-stick-up-offset="50px" data-body-class="rd-navbar-absolute" data-md-hover-on="false" data-lg-hover-on="false">

                        <div class="rd-navbar-inner rd-navbar-search-wrap rd-navbar-search-collapsable-wrap">

                            <!-- RD Navbar Panel-->
                            <div class="rd-navbar-panel rd-navbar-search_not-collapsable">
                                <div class="rd-navbar-panel__aside">
                                    <button class="rd-navbar-toggle rd-navbar-search_collapsable" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
                                </div>

                                <div class="rd-navbar-panel__main rd-navbar-search_collapsable">
                                    <!-- RD Navbar Brand-->
                                    <div class="rd-navbar-brand"><a class="brand-name" href="index.html"><img src="images/logo-inverse2-144x25.png" alt="" width="144" height="25"/></a></div>
                                </div>
                            </div>

                            <!-- RD Navbar Nav-->

                            <div class="rd-navbar-nav-wrap">

                                <ul class="rd-navbar-nav">

                                    <li class="active"><a href="index.html">Home</a></li>
                                    <li><a href="#">About Us</a></li>
                                    <li><a href="#">All Products</a></li>
                                    <li><a href="#">Best Sellers</a></li>
                                    <li><a href="#">Delivery</a></li>
                                    <li><a href="#">Contact Us</a></li>

                                </ul>

                            </div>
                        </div>

                    </nav>
                </div>
            </header>

            <!-- Swiper-->

            <!-- Slider -->
            <section class="rd-parallax">
                <div class="rd-parallax-layer" data-type="html" data-speed="1">
                    <div class="swiper-slider" data-simulate-touch="false" data-loop="true" data-autoplay="false">

                        <div class="swiper-wrapper">

                            <div class="swiper-slide bg-gray-lighter custom-parallax-wrap" data-slide-bg="images/slider-slide-14-1920x1080.jpg">
                                <div class="swiper-slide-caption custom-parallax" data-speed="0.5" data-fade="true">
                                    <div class="shell">
                                      <h1 data-caption-animate="fadeInLeftSmall"><span>Hello.</span><!--<sup>2</sup>--></h1>
                                        <h3 data-caption-animate="fadeInLeftSmall" data-caption-delay="200">Stronger By Nature<br>is finally available now.</h3>
                                        <!--<div class="group-lg group-middle">
                                          <a class="button button-gray-light-outline" data-caption-animate="fadeInLeftSmall" data-caption-delay="350" href="#">Buy theme</a>
                                        </div>-->
                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </section>
            <!-- / Slider -->
            <div class="content-wrapper">
                @yield('content')
            </div>
            <!-- Footer -->
            <footer id="footer">

                <div class="row footer-top">
                    <div class="container">

                        <div class="module border-bottom">

                            <ul id="cmsinfo_block" class="row">

                                <li class="col-xs-6 col-md-4">
                                    <div class="item">
                                        <h4 class="icon-truck">FREE DELIVERY</h4>
                                        <p>On orders of $200+</p>
                                    </div>
                                </li>

                                <li class="col-xs-6 col-md-4">
                                    <div class="item">
                                        <h4 class="icon-cash-dollar">COD</h4>
                                        <p>Cash on Delivery</p>
                                    </div>
                                </li>

                                <li class="col-xs-6 col-md-4">
                                    <div class="item">
                                        <h4 class="icon-gift">FREE GIFT BOX</h4>
                                        <p>Buy a Gift</p>
                                    </div>
                                </li>

                                <li class="col-xs-6 col-md-4">
                                    <div class="item">
                                        <h4 class="icon-phone-in-out">CONTACT US</h4>
                                        <p>Free Support 24/7</p>
                                    </div>
                                </li>

                                <li class="col-xs-6 col-md-4">
                                    <div class="item">
                                        <h4 class="icon-users2">LOYALTY</h4>
                                        <p>Programs</p>
                                    </div>
                                </li>

                            </ul>

                        </div>

                    </div>
                </div>

                <div class="footer-container">
                    <div class="wrapper">

                        <div class="row border-bottom">

                            <div class="col-xs-12 col-sm-3 col-lg-2">
                                <div class="module">
                                    <h4>Categories</h4>
                                    <div class="list">
                                        <ul>
                                            <li> <a href="#"> Women's </a></li>
                                            <li> <a href="#"> Men's </a></li>
                                            <li> <a href="#"> Teens' </a> </li>
                                            <li> <a href="#"> Kids' </a> </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-3 col-lg-2">
                                <div class="module">
                                    <h4>Information</h4>
                                    <div class="list">
                                        <ul>
                                            <li> <a href="#"> New products </a></li>
                                            <li> <a href="#"> Top sellers </a></li>
                                            <li> <a href="#"> Our stores </a> </li>
                                            <li> <a href="#"> Contact us </a> </li>
                                            <li> <a href="#"> About us </a> </li>
                                            <li> <a href="#"> Sitemap </a> </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-3 col-lg-2">
                                <div class="module">
                                    <h4>My account</h4>
                                    <div class="list">
                                        <ul>
                                            <li> <a href="#"> My orders </a></li>
                                            <li> <a href="#"> My merchandise returns </a></li>
                                            <li> <a href="#"> My credit slips </a> </li>
                                            <li> <a href="#"> My addresses </a> </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-3 col-lg-3">
                                <div class="module" id="block_contact_infos">
                                    <h4>Store Information</h4>
                                    <div class="list">
                                        <ul>
                                            <li>
                                                <i class="linear-icon-map-marker"></i>
                                                <span> My Company , 4578 Marmora Road, Glasgow D04 89GR </span>
                                            </li>
                                            <li>
                                                <i class="linear-icon-telephone"></i>
                                                <span>
                                                    Call us now:
                                                    <a href="tel:0123-456-789"> 0123-456-789 </a>
                                                </span>
                                            </li>
                                            <li>
                                                <i class="linear-icon-envelope-open"></i>
                                                <span>
                                                    Email:
                                                    <a href="#">info@demolink.org</a>
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xs-12 col-lg-3 offset-5">
                                <div class="module">
                                    <section id="social_block" class="footer-block">
                                        <h4>Follow us</h4>
                                        <div class="list">
                                            <ul class="toggle-footer" style="">
                                                <li class="facebook"> <a target="_blank" href="#" title="Facebook"> 
                                                        <i class="fa fa-facebook"></i>
                                                        <span class="">Facebook</span> </a> </li>
                                                <li class="twitter"> <a target="_blank" href="#" title="Twitter"> 
                                                        <i class="fa fa-twitter"></i>
                                                        <span>Twitter</span> </a> </li>
                                                <li class="youtube"> <a target="_blank" href="#" title="Youtube"> 
                                                        <i class="fa fa-youtube"></i>
                                                        <span>Youtube</span> </a> </li>
                                                <li class="instagram"> <a class="_blank" href="#" target="_blank"> 
                                                        <i class="fa fa-instagram"></i>
                                                        <span>Instagram</span> </a> </li>
                                            </ul>
                                        </div>
                                    </section>
                                </div>
                            </div>

                        </div>


                        <div class="row">
                            <div class="col-xs-12 col-sm-6   ">
                                <div class="bottom-footer"> <a class="_blank" href="#" target="_blank"> &copy; 2017 - Ecommerce software by Fashion </a> </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 text-right">
                                <div class="module "> 
                                    <!-- Block payment logo module -->
                                    <div id="paiement_logo_block_left" class="paiement_logo_block"> <a href="https://ld-prestashop.template-help.com/prestashop_64386/index.php?id_cms=1&amp;controller=cms&amp;id_lang=1"> <img src="https://ld-prestashop.template-help.com/prestashop_64386/themes/theme1404/img/logo_paiement_visa.png" alt="visa" width="41" height="15"> <img src="https://ld-prestashop.template-help.com/prestashop_64386/themes/theme1404/img/logo_american_express.png" alt="visa" width="58" height="15"> <img src="https://ld-prestashop.template-help.com/prestashop_64386/themes/theme1404/img/logo_paiement_mastercard.png" alt="mastercard" width="78" height="15"> <img src="https://ld-prestashop.template-help.com/prestashop_64386/themes/theme1404/img/logo_paiement_paypal.png" alt="paypal" width="54" height="15"> </a> </div>
                                    <!-- /Block payment logo module --></div>
                            </div>
                        </div>


                    </div>
                </div>

            </footer>

        </div>
        <!-- ** JavaScript ** 
        ================================================== -->
        <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>

        <!-- Carousel -->
        <script src="js/owl.carousel.js"></script>
        <!-- Accordion -->
        <script type="text/javascript" src="js/accordion.js"></script>
        <script>
            $(document).ready(function () {
                $('.owl-carousel').owlCarousel({
                    loop: true,
                    margin: 10,
                    responsiveClass: true,
                    responsive: {
                        0: {
                            items: 1,
                            nav: true
                        },
                        600: {
                            items: 3,
                            nav: false
                        },
                        1000: {
                            items: 5,
                            nav: true,
                            loop: false,
                            margin: 0
                        }
                    }
                });
            });
        </script>
        <!-- Image Gallery -->
        <!-- Include Cloud Zoom JavaScript -->
        <script type="text/javascript" src="js/cloudzoom.js"></script>
        <!-- Include Thumbelina JavaScript -->
        <script type="text/javascript" src="js/thumbelina.js"></script>

        <!-- Carousel -->
        <script src="js/owl.carousel.js"></script>
        <!-- Pagination -->
        <script src="js/jPages.js"></script>
        <!-- Javascript-->
        <script src="js/core.min.js"></script>
        <script src="js/script.js"></script>
    </body>
</html>
