<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>{% block title %}Welcome!{% endblock %}</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      {% block stylesheets %}
      {{ encore_entry_link_tags('app_frontend') }}
      {% endblock %}
      {% block javascripts %}
      {{ encore_entry_script_tags('app_frontend') }}
      {% endblock %}
   </head>
   {% block body %}
   <body class="cnt-home">
      <!-- ============================================== HEADER ============================================== -->
      <header class="header-style-1">
         <!-- ============================================== TOP MENU ============================================== -->
         <div class="top-bar animate-dropdown">
            <div class="container">
               <div class="header-top-inner">
                  <div class="cnt-account">
                     <ul class="list-unstyled">
                        <li class="myaccount"><a href="#"><span>My Account</span></a></li>
                        <li class="wishlist"><a href="#"><span>Wishlist</span></a></li>
                        <li class="header_cart hidden-xs"><a href="#"><span>My Cart</span></a></li>
                        <li class="check"><a href="#"><span>Checkout</span></a></li>
                        <li class="login"><a href="#"><span>Login</span></a></li>
                     </ul>
                  </div>
                  <!-- /.cnt-account -->
                  <div class="cnt-block">
                     <ul class="list-unstyled list-inline">
                        <li class="dropdown dropdown-small">
                           <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">USD </span><b class="caret"></b></a>
                           <ul class="dropdown-menu">
                              <li><a href="#">USD</a></li>
                              <li><a href="#">INR</a></li>
                              <li><a href="#">GBP</a></li>
                           </ul>
                        </li>
                        <li class="dropdown dropdown-small">
                           <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><span class="value">English </span><b class="caret"></b></a>
                           <ul class="dropdown-menu">
                              <li><a href="#">English</a></li>
                              <li><a href="#">French</a></li>
                              <li><a href="#">German</a></li>
                           </ul>
                        </li>
                     </ul>
                     <!-- /.list-unstyled --> 
                  </div>
                  <!-- /.cnt-cart -->
                  <div class="clearfix"></div>
               </div>
               <!-- /.header-top-inner --> 
            </div>
            <!-- /.container --> 
         </div>
         <!-- /.header-top --> 
         <!-- ============================================== TOP MENU : END ============================================== -->
         <div class="main-header">
            <div class="container">
               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-3 logo-holder">
                     <!-- ============================================================= LOGO ============================================================= -->
                     <div class="logo"> <a href="home.html"> <img src="{{ asset('images/font/logo.png') }}" alt="logo"> </a> </div>
                     <!-- /.logo --> 
                     <!-- ============================================================= LOGO : END ============================================================= --> 
                  </div>
                  <!-- /.logo-holder -->
                  <div class="col-lg-7 col-md-6 col-sm-8 col-xs-12 top-search-holder">
                     <!-- /.contact-row --> 
                     <!-- ============================================================= SEARCH AREA ============================================================= -->
                     <div class="search-area">
                        <form>
                           <div class="control-group">
                              <ul class="categories-filter animate-dropdown">
                                 <li class="dropdown">
                                    <a class="dropdown-toggle"  data-toggle="dropdown" href="category.html">Categories <b class="caret"></b></a>
                                    <ul class="dropdown-menu" role="menu" >
                                       <li class="menu-header">Computer</li>
                                       <li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Clothing</a></li>
                                       <li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Electronics</a></li>
                                       <li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Shoes</a></li>
                                       <li role="presentation"><a role="menuitem" tabindex="-1" href="category.html">- Watches</a></li>
                                    </ul>
                                 </li>
                              </ul>
                              <input class="search-field" placeholder="Search here..." />
                              <a class="search-button" href="#" ></a> 
                           </div>
                        </form>
                     </div>
                     <!-- /.search-area --> 
                     <!-- ============================================================= SEARCH AREA : END ============================================================= --> 
                  </div>
                  <!-- /.top-search-holder -->
                  <div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 animate-dropdown top-cart-row">
                     <!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->
                     <div class="dropdown dropdown-cart">
                        <a href="#" class="dropdown-toggle lnk-cart" data-toggle="dropdown">
                           <div class="items-cart-inner">
                              <div class="basket">
                                 <div class="basket-item-count"><span class="count">2</span></div>
                                 <div class="total-price-basket"> <span class="lbl">Shopping Cart</span> <span class="value">$4580</span> </div>
                              </div>
                           </div>
                        </a>
                        <ul class="dropdown-menu">
                           <li>
                              <div class="cart-item product-summary">
                                 <div class="row">
                                    <div class="col-xs-4">
                                       <div class="image"> <a href="detail.html"><img src="{{ asset('images/font/products/p4.jpg') }}" alt=""></a> </div>
                                    </div>
                                    <div class="col-xs-7">
                                       <h3 class="name"><a href="index8a95.html?page-detail">Simple Product</a></h3>
                                       <div class="price">$600.00</div>
                                    </div>
                                    <div class="col-xs-1 action"> <a href="#"><i class="fa fa-trash"></i></a> </div>
                                 </div>
                              </div>
                              <!-- /.cart-item -->
                              <div class="clearfix"></div>
                              <hr>
                              <div class="clearfix cart-total">
                                 <div class="pull-right"> <span class="text">Sub Total :</span><span class='price'>$600.00</span> </div>
                                 <div class="clearfix"></div>
                                 <a href="checkout.html" class="btn btn-upper btn-primary btn-block m-t-20">Checkout</a> 
                              </div>
                              <!-- /.cart-total--> 
                           </li>
                        </ul>
                        <!-- /.dropdown-menu--> 
                     </div>
                     <!-- /.dropdown-cart --> 
                     <!-- ============================================================= SHOPPING CART DROPDOWN : END============================================================= --> 
                  </div>
                  <!-- /.top-cart-row --> 
               </div>
               <!-- /.row --> 
            </div>
            <!-- /.container --> 
         </div>
         <!-- /.main-header --> 
         <!-- ============================================== NAVBAR ============================================== -->
         <div class="header-nav animate-dropdown">
            <div class="container">
               <div class="yamm navbar navbar-default" role="navigation">
                  <div class="navbar-header">
                     <button data-target="#mc-horizontal-menu-collapse" data-toggle="collapse" class="navbar-toggle collapsed" type="button"> 
                     <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                  </div>
                  <div class="nav-bg-class">
                     <div class="navbar-collapse collapse" id="mc-horizontal-menu-collapse">
                        <div class="nav-outer">
                           <ul class="nav navbar-nav">
                              <li class="active dropdown"> <a href="home.html">Home</a> </li>
                              <li class="dropdown yamm mega-menu">
                                 <a href="home.html" data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Clothing</a>
                                 <ul class="dropdown-menu container">
                                    <li>
                                       <div class="yamm-content ">
                                          <div class="row">
                                             <div class="col-xs-12 col-sm-6 col-md-2 col-menu">
                                                <h2 class="title">Men</h2>
                                                <ul class="links">
                                                   <li><a href="#">Dresses</a></li>
                                                   <li><a href="#">Shoes </a></li>
                                                   <li><a href="#">Jackets</a></li>
                                                   <li><a href="#">Sunglasses</a></li>
                                                   <li><a href="#">Sport Wear</a></li>
                                                   <li><a href="#">Blazers</a></li>
                                                   <li><a href="#">Shirts</a></li>
                                                </ul>
                                             </div>
                                             <!-- /.col -->
                                             <div class="col-xs-12 col-sm-6 col-md-2 col-menu">
                                                <h2 class="title">Women</h2>
                                                <ul class="links">
                                                   <li><a href="#">Handbags</a></li>
                                                   <li><a href="#">Jwellery</a></li>
                                                   <li><a href="#">Swimwear </a></li>
                                                   <li><a href="#">Tops</a></li>
                                                   <li><a href="#">Flats</a></li>
                                                   <li><a href="#">Shoes</a></li>
                                                   <li><a href="#">Winter Wear</a></li>
                                                </ul>
                                             </div>
                                             <!-- /.col -->
                                             <div class="col-xs-12 col-sm-6 col-md-2 col-menu">
                                                <h2 class="title">Boys</h2>
                                                <ul class="links">
                                                   <li><a href="#">Toys & Games</a></li>
                                                   <li><a href="#">Jeans</a></li>
                                                   <li><a href="#">Shirts</a></li>
                                                   <li><a href="#">Shoes</a></li>
                                                   <li><a href="#">School Bags</a></li>
                                                   <li><a href="#">Lunch Box</a></li>
                                                   <li><a href="#">Footwear</a></li>
                                                </ul>
                                             </div>
                                             <!-- /.col -->
                                             <div class="col-xs-12 col-sm-6 col-md-2 col-menu">
                                                <h2 class="title">Girls</h2>
                                                <ul class="links">
                                                   <li><a href="#">Sandals </a></li>
                                                   <li><a href="#">Shorts</a></li>
                                                   <li><a href="#">Dresses</a></li>
                                                   <li><a href="#">Jwellery</a></li>
                                                   <li><a href="#">Bags</a></li>
                                                   <li><a href="#">Night Dress</a></li>
                                                   <li><a href="#">Swim Wear</a></li>
                                                </ul>
                                             </div>
                                             <!-- /.col -->
                                             <div class="col-xs-12 col-sm-6 col-md-4 col-menu banner-image"> <img class="img-responsive" src="{{ asset('images/font/banners/top-menu-banner.jpg') }}" alt=""> </div>
                                             <!-- /.yamm-content --> 
                                          </div>
                                       </div>
                                    </li>
                                 </ul>
                              </li>
                              <li class="dropdown mega-menu">
                                 <a href="category.html"  data-hover="dropdown" class="dropdown-toggle" data-toggle="dropdown">Electronics <span class="menu-label hot-menu hidden-xs">hot</span> </a>
                                 <ul class="dropdown-menu container">
                                    <li>
                                       <div class="yamm-content">
                                          <div class="row">
                                             <div class="col-xs-12 col-sm-12 col-md-2 col-menu">
                                                <h2 class="title">Laptops</h2>
                                                <ul class="links">
                                                   <li><a href="#">Gaming</a></li>
                                                   <li><a href="#">Laptop Skins</a></li>
                                                   <li><a href="#">Apple</a></li>
                                                   <li><a href="#">Dell</a></li>
                                                   <li><a href="#">Lenovo</a></li>
                                                   <li><a href="#">Microsoft</a></li>
                                                   <li><a href="#">Asus</a></li>
                                                   <li><a href="#">Adapters</a></li>
                                                   <li><a href="#">Batteries</a></li>
                                                   <li><a href="#">Cooling Pads</a></li>
                                                </ul>
                                             </div>
                                             <!-- /.col -->
                                             <div class="col-xs-12 col-sm-12 col-md-2 col-menu">
                                                <h2 class="title">Desktops</h2>
                                                <ul class="links">
                                                   <li><a href="#">Routers & Modems</a></li>
                                                   <li><a href="#">CPUs, Processors</a></li>
                                                   <li><a href="#">PC Gaming Store</a></li>
                                                   <li><a href="#">Graphics Cards</a></li>
                                                   <li><a href="#">Components</a></li>
                                                   <li><a href="#">Webcam</a></li>
                                                   <li><a href="#">Memory (RAM)</a></li>
                                                   <li><a href="#">Motherboards</a></li>
                                                   <li><a href="#">Keyboards</a></li>
                                                   <li><a href="#">Headphones</a></li>
                                                </ul>
                                             </div>
                                             <!-- /.col -->
                                             <div class="col-xs-12 col-sm-12 col-md-2 col-menu">
                                                <h2 class="title">Cameras</h2>
                                                <ul class="links">
                                                   <li><a href="#">Accessories</a></li>
                                                   <li><a href="#">Binoculars</a></li>
                                                   <li><a href="#">Telescopes</a></li>
                                                   <li><a href="#">Camcorders</a></li>
                                                   <li><a href="#">Digital</a></li>
                                                   <li><a href="#">Film Cameras</a></li>
                                                   <li><a href="#">Flashes</a></li>
                                                   <li><a href="#">Lenses</a></li>
                                                   <li><a href="#">Surveillance</a></li>
                                                   <li><a href="#">Tripods</a></li>
                                                </ul>
                                             </div>
                                             <!-- /.col -->
                                             <div class="col-xs-12 col-sm-12 col-md-2 col-menu">
                                                <h2 class="title">Mobile Phones</h2>
                                                <ul class="links">
                                                   <li><a href="#">Apple</a></li>
                                                   <li><a href="#">Samsung</a></li>
                                                   <li><a href="#">Lenovo</a></li>
                                                   <li><a href="#">Motorola</a></li>
                                                   <li><a href="#">LeEco</a></li>
                                                   <li><a href="#">Asus</a></li>
                                                   <li><a href="#">Acer</a></li>
                                                   <li><a href="#">Accessories</a></li>
                                                   <li><a href="#">Headphones</a></li>
                                                   <li><a href="#">Memory Cards</a></li>
                                                </ul>
                                             </div>
                                             <div class="col-xs-12 col-sm-12 col-md-4 col-menu custom-banner"> <a href="#"><img alt="" src="{{ asset('images/font/banners/top-menu-banner1.jpg') }}"></a> </div>
                                          </div>
                                          <!-- /.row --> 
                                       </div>
                                       <!-- /.yamm-content --> 
                                    </li>
                                 </ul>
                              </li>
                              <li class="dropdown hidden-sm"> <a href="category.html">Health & Beauty <span class="menu-label new-menu hidden-xs">new</span> </a> </li>
                              <li class="dropdown hidden-sm"> <a href="category.html">Watches</a> </li>
                              <li class="dropdown"> <a href="contact.html">Jewellery</a> </li>
                              <li class="dropdown"> <a href="contact.html">Shoes</a> </li>
                              <li class="dropdown"> <a href="contact.html">Kids & Girls</a> </li>
                              <li class="dropdown">
                                 <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
                                 <ul class="dropdown-menu pages">
                                    <li>
                                       <div class="yamm-content">
                                          <div class="row">
                                             <div class="col-xs-12 col-menu">
                                                <ul class="links">
                                                   <li><a href="home.html">Home</a></li>
                                                   <li><a href="category.html">Category</a></li>
                                                   <li><a href="detail.html">Detail</a></li>
                                                   <li><a href="shopping-cart.html">Shopping Cart Summary</a></li>
                                                   <li><a href="checkout.html">Checkout</a></li>
                                                   <li><a href="blog.html">Blog</a></li>
                                                   <li><a href="blog-details.html">Blog Detail</a></li>
                                                   <li><a href="contact.html">Contact</a></li>
                                                   <li><a href="sign-in.html">Sign In</a></li>
                                                   <li><a href="my-wishlist.html">Wishlist</a></li>
                                                   <li><a href="terms-conditions.html">Terms and Condition</a></li>
                                                   <li><a href="track-orders.html">Track Orders</a></li>
                                                   <li><a href="product-comparison.html">Product-Comparison</a></li>
                                                   <li><a href="faq.html">FAQ</a></li>
                                                   <li><a href="404.html">404</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </li>
                                 </ul>
                              </li>
                              <li class="dropdown  navbar-right special-menu"> <a href="#">Get 30% off on selected items</a> </li>
                           </ul>
                           <!-- /.navbar-nav -->
                           <div class="clearfix"></div>
                        </div>
                        <!-- /.nav-outer --> 
                     </div>
                     <!-- /.navbar-collapse --> 
                  </div>
                  <!-- /.nav-bg-class --> 
               </div>
               <!-- /.navbar-default --> 
            </div>
            <!-- /.container-class --> 
         </div>
         <!-- /.header-nav --> 
         <!-- ============================================== NAVBAR : END ============================================== --> 
      </header>
      <!-- ============================================== HEADER : END ============================================== -->
      <div class="breadcrumb">
         <div class="container">
            <div class="breadcrumb-inner">
               <ul class="list-inline list-unstyled">
                  <li><a href="#">Home</a></li>
                  <li><a href="#">Clothing</a></li>
                  <li class='active'>Floral Print Buttoned</li>
               </ul>
            </div>
            <!-- /.breadcrumb-inner -->
         </div>
         <!-- /.container -->
      </div>
      <!-- /.breadcrumb -->
      <div class="body-content outer-top-xs">
         <div class='container'>
            <div class='row single-product'>
               <!-- /.sidebar -->
               <div class='col-xs-12 col-sm-12 col-md-9 rht-col'>
                  <div class="detail-block">
                     <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 gallery-holder">
                           <div class="product-item-holder size-big single-product-gallery small-gallery">
                              <div id="owl-single-product">
                                 <div class="single-product-gallery-item" id="slide1">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p1.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p1.jpg') }}" data-echo="{{ asset('images/font/products/p1.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide2">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p2.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p2.jpg') }}" data-echo="{{ asset('images/font/products/p2.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide3">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p3.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p3.jpg') }}" data-echo="{{ asset('images/font/products/p3.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide4">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p4.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p4.jpg') }}" data-echo="{{ asset('images/font/products/p4.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide5">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p5.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p5.jpg') }}" data-echo="{{ asset('images/font/products/p5.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide6">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p6.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p6.jpg') }}" data-echo="{{ asset('images/font/products/p6.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide7">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p7.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p7.jpg') }}" data-echo="{{ asset('images/font/products/p7.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide8">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p8.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p8.jpg') }}" data-echo="{{ asset('images/font/products/p8.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                                 <div class="single-product-gallery-item" id="slide9">
                                    <a data-lightbox="image-1" data-title="Gallery" href="{{ asset('images/font/products/p9.jpg') }}">
                                    <img class="img-responsive" alt="" src="{{ asset('images/font/products/p9.jpg') }}" data-echo="{{ asset('images/font/products/p9.jpg') }}" />
                                    </a>
                                 </div>
                                 <!-- /.single-product-gallery-item -->
                              </div>
                              <!-- /.single-product-slider -->
                              <div class="single-product-gallery-thumbs gallery-thumbs">
                                 <div id="owl-single-product-thumbnails">
                                    <div class="item">
                                       <a class="horizontal-thumb active" data-target="#owl-single-product" data-slide="1" href="#slide1">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p1.jpg') }}" data-echo="{{ asset('images/font/products/p1.jpg') }}" />
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="2" href="#slide2">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p2.jpg') }}" data-echo="{{ asset('images/font/products/p2.jpg') }}"/>
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="3" href="#slide3">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p3.jpg') }}" data-echo="{{ asset('images/font/products/p3.jpg') }}" />
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="4" href="#slide4">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p4.jpg') }}" data-echo="{{ asset('images/font/products/p4.jpg') }}" />
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="5" href="#slide5">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p5.jpg') }}" data-echo="{{ asset('images/font/products/p5.jpg') }}" />
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="6" href="#slide6">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p6.jpg') }}" data-echo="{{ asset('images/font/products/p6.jpg') }}" />
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="7" href="#slide7">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p7.jpg') }}" data-echo="{{ asset('images/font/products/p7.jpg') }}" />
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="8" href="#slide8">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p8.jpg') }}" data-echo="{{ asset('images/font/products/p8.jpg') }}" />
                                       </a>
                                    </div>
                                    <div class="item">
                                       <a class="horizontal-thumb" data-target="#owl-single-product" data-slide="9" href="#slide9">
                                       <img class="img-responsive" alt="" src="{{ asset('images/font/products/p9.jpg') }}" data-echo="{{ asset('images/font/products/p9.jpg') }}" />
                                       </a>
                                    </div>
                                 </div>
                                 <!-- /#owl-single-product-thumbnails -->
                              </div>
                              <!-- /.gallery-thumbs -->
                           </div>
                           <!-- /.single-product-gallery -->
                        </div>
                        <!-- /.gallery-holder -->        			
                        <div class='col-sm-12 col-md-8 col-lg-8 product-info-block'>
                           <div class="product-info">
                              <h1 class="name">Floral Print Buttoned</h1>
                              <div class="rating-reviews m-t-20">
                                 <div class="row">
                                    <div class="col-lg-12">
                                       <div class="pull-left">
                                          <div class="rating rateit-small"></div>
                                       </div>
                                       <div class="pull-left">
                                          <div class="reviews">
                                             <a href="#" class="lnk">(13 Reviews)</a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <!-- /.row -->		
                              </div>
                              <!-- /.rating-reviews -->
                              <div class="stock-container info-container m-t-10">
                                 <div class="row">
                                    <div class="col-lg-12">
                                       <div class="pull-left">
                                          <div class="stock-box">
                                             <span class="label">Availability :</span>
                                          </div>
                                       </div>
                                       <div class="pull-left">
                                          <div class="stock-box">
                                             <span class="value">In Stock</span>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <!-- /.row -->	
                              </div>
                              <!-- /.stock-container -->
                              <div class="description-container m-t-20">
                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
                                 <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                              </div>
                              <!-- /.description-container -->
                              <div class="price-container info-container m-t-30">
                                 <div class="row">
                                    <div class="col-sm-6 col-xs-6">
                                       <div class="price-box">
                                          <span class="price">$800.00</span>
                                          <span class="price-strike">$900.00</span>
                                       </div>
                                    </div>
                                    <div class="col-sm-6 col-xs-6">
                                       <div class="favorite-button m-t-5">
                                          <a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Wishlist" href="#">
                                          <i class="fa fa-heart"></i>
                                          </a>
                                          <a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Add to Compare" href="#">
                                          <i class="fa fa-signal"></i>
                                          </a>
                                          <a class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="E-mail" href="#">
                                          <i class="fa fa-envelope"></i>
                                          </a>
                                       </div>
                                    </div>
                                 </div>
                                 <!-- /.row -->
                              </div>
                              <!-- /.price-container -->
                              <div class="quantity-container info-container">
                                 <div class="row">
                                    <div class="qty">
                                       <span class="label">Qty :</span>
                                    </div>
                                    <div class="qty-count">
                                       <div class="cart-quantity">
                                          <div class="quant-input">
                                             <div class="arrows">
                                                <div class="arrow plus gradient"><span class="ir"><i class="icon fa fa-sort-asc"></i></span></div>
                                                <div class="arrow minus gradient"><span class="ir"><i class="icon fa fa-sort-desc"></i></span></div>
                                             </div>
                                             <input type="text" value="1">
                                          </div>
                                       </div>
                                    </div>
                                    <div class="add-btn">
                                       <a href="#" class="btn btn-primary"><i class="fa fa-shopping-cart inner-right-vs"></i> ADD TO CART</a>
                                    </div>
                                 </div>
                                 <!-- /.row -->
                              </div>
                              <!-- /.quantity-container -->
                           </div>
                           <!-- /.product-info -->
                        </div>
                        <!-- /.col-sm-7 -->
                     </div>
                     <!-- /.row -->
                  </div>
                  <!-- /.product-tabs -->
                  <!-- ============================================== UPSELL PRODUCTS : END ============================================== -->
               </div>
               <!-- /.col -->
               <div class="clearfix"></div>
            </div>
            <!-- /.row -->
            <!-- ============================================== BRANDS CAROUSEL ============================================== -->
            <div id="brands-carousel" class="logo-slider">
               <div class="logo-slider-inner">
                  <div id="brand-slider" class="owl-carousel brand-slider custom-carousel owl-theme">
                     <div class="item m-t-15">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand1.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item m-t-10">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand2.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand3.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand4.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand5.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand6.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand2.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand4.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand1.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                     <div class="item">
                        <a href="#" class="image">
                        <img data-echo="{{ asset('images/font/brands/brand5.png') }}" src="{{ asset('images/font/blank.gif') }}" alt="">
                        </a>	
                     </div>
                     <!--/.item-->
                  </div>
                  <!-- /.owl-carousel #logo-slider -->
               </div>
               <!-- /.logo-slider-inner -->
            </div>
            <!-- /.logo-slider -->
            <!-- ============================================== BRANDS CAROUSEL : END ============================================== -->	
         </div>
         <!-- /.container -->
      </div>
      <!-- /.body-content -->
      <!-- ============================================================= FOOTER ============================================================= -->
      <!-- ============================================== INFO BOXES ============================================== -->
      <div class="row our-features-box">
         <div class="container">
            <ul>
               <li>
                  <div class="feature-box">
                     <div class="icon-truck"></div>
                     <div class="content-blocks">We ship worldwide</div>
                  </div>
               </li>
               <li>
                  <div class="feature-box">
                     <div class="icon-support"></div>
                     <div class="content-blocks">call 
                        +1 800 789 0000
                     </div>
                  </div>
               </li>
               <li>
                  <div class="feature-box">
                     <div class="icon-money"></div>
                     <div class="content-blocks">Money Back Guarantee</div>
                  </div>
               </li>
               <li>
                  <div class="feature-box">
                     <div class="icon-return"></div>
                     <div class="content">30 days return</div>
                  </div>
               </li>
            </ul>
         </div>
      </div>
      <!-- /.info-boxes --> 
      <!-- ============================================================= FOOTER : END============================================================= --> 
      {% endblock %}
      {#         
      <!-- For demo purposes – can be removed on production --> 
      <!-- For demo purposes – can be removed on production : End --> 
      <!-- JavaScripts placed at the end of the document so the pages load faster --> 
      <script src="assets/js/jquery-1.11.1.min.js"></script>
      <script src="assets/js/bootstrap.min.js"></script>
      <script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
      <script src="assets/js/owl.carousel.min.js"></script>
      <script src="assets/js/echo.min.js"></script>
      <script src="assets/js/jquery.easing-1.3.min.js"></script>
      <script src="assets/js/bootstrap-slider.min.js"></script>
      <script src="assets/js/jquery.rateit.min.js"></script>
      <script src="assets/js/lightbox.min.js"></script>
      <script src="assets/js/bootstrap-select.min.js"></script>
      <script src="assets/js/wow.min.js"></script>
      <script src="assets/js/scripts.js"></script>
   </body>
</html>
#}
