templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.         
  9.         <div id="page" class="site page-home">
  11.     <header>
  12.         <div class="header-top mobile-hide">
  13.             <div class="container">
  14.                 <div class="wrapper flexitem">
  15.                     <div class="left">
  16.                         <ul class="flexitem main-links">
  17.                             <li><a href="#">Blog</a></li>
  18.                             <li><a href="#">Produits ajoutés</a></li>
  19.                             <li><a href="{{ path('app_account_wishlist') }}">Liste de souhaits</a></li>
  20.                         </ul>
  21.                     </div>
  22.                     <div class="right">
  23.                         <ul class="flexitem main-links">
  24.                             <li><a href="{{path('app_login')}}">Se connecter</a></li>
  25.                             <li><a href="">Mon compte</a></li>
  26.                             <li><a href="">Suivre ma commande</a></li>
  27.                             <li><a href="">REAL<span class="icon-small"><i class="ri-arrow-down-s-line"></i></span></a>
  28.                                 <ul>
  29.                                     <li><a href="#">USD</a></li>
  30.                                     <li><a href="#">EUR</a></li>
  31.                                     <li><a href="#">GBP</a></li>
  32.                                     <li class="current"><a href="#">REAL</a></li>
  33.                                 </ul>
  34.                             </li>
  35.                             <li><a href="">Français <span class="icon-small"><i class="ri-arrow-down-s-line"></i></span></a>
  36.                                 <ul>
  37.                                     <li><a href="#">Anglais</a></li>
  38.                                     <li><a href="#">Allemand</a></li>
  39.                                     <li><a href="#">Espagnol</a></li>
  40.                                     <li class="current"><a href="#">Français </a></li>
  41.                                 </ul>
  42.                             </li>
  43.                         </ul>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.         </div>
  48.         <!-- header top -->
  50.           <div class="brands">
  51.             <div class="container">
  52.                 <div class="wrapper flexitem">
  53.                     <div class="item text-white">
  54.                         <a href="https://www.zarahome.com/fr/">
  55.                             <img src="{{ asset('assets/img/brands/zara.png')}}" alt="Logo Zara">
  56.                         </a>
  57.                     </div>
  58.                     <div class="item">
  59.                         <a href="#">
  60.                             <img src="{{ asset('assets/img/brands/samsung.png')}}" alt="Logo de Samsung">
  61.                         </a>
  62.                     </div>
  63.                     <div class="item">
  64.                         <a href="#">
  65.                             <img src="{{ asset('assets/img/brands/oppo.png')}}" alt=Logo de Oppo">
  66.                         </a>
  67.                     </div>
  68.                     <div class="item">
  69.                         <a href="#">
  70.                             <img src="{{ asset('assets/img/brands/asus.png')}}" alt="Logo d'Asus">
  71.                         </a>
  72.                     </div>
  73.                     <div class="item">
  74.                         <a href="#">
  75.                             <img src="{{ asset('assets/img/brands/hurley.png')}}" alt="Logo de Hurley">
  76.                         </a>
  77.                     </div>
  78.                     <div class="item">
  79.                         <a href="#">
  80.                             <img src="{{ asset('assets/img/brands/dng.png')}}" alt="Logo de DNG">
  81.                         </a>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.         <!-- brands -->
  89.     <div id="myCarousel" class="carousel slide mb-6" data-bs-ride="carousel">
  90.         <div class="carousel-indicators">
  91.             {% if headers|length > 1 %}
  92.                 {% for key,header in headers %}
  93.                     <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="{{ key }}" {% if key == 0 %}class="active" aria-current="true"{% endif %} aria-label="{{ header.title }}"></button>
  94.                 {% endfor %}
  95.             {% endif %}
  96.         </div>
  97.         <div class="carousel-inner">
  98.             {% for key,header in headers %}
  99.                 <div class="carousel-item {% if key == 0 %}active{% endif %}">
  100.                     <img src="/uploads/{{ header.illustration }}" class="bd-placeholder-img" width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-color)"/></img>
  101.                     <div class="container">
  102.                         <div class="carousel-caption text-start">
  103.                             <h1>{{ header.title }}</h1>
  104.                             <p class="opacity-75">
  105.                                 {{ header.content }}
  106.                             </p>
  107.                             <p><a class="btn btn-lg btn-primary" href="{{ header.buttonLink }}">{{ header.buttonTitle }}</a></p>
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             {% endfor %}
  112.         </div>
  113.         {# {% if headers|length > 1 %}
  114.             <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
  115.                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  116.                 <span class="visually-hidden">Previous</span>
  117.             </button>
  118.             <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
  119.                 <span class="carousel-control-next-icon" aria-hidden="true"></span>
  120.                 <span class="visually-hidden">Next</span>
  121.             </button>
  122.         {% endif %} #}
  124.         <div class="container marketing">
  125.             <!-- Three columns of text below the carousel -->
  126.             <div class="row">
  127.                 {% for product in productsInHomepage %}
  128.                     <div class="col-lg-4 d-flex flex-column">
  129.                         <div class="img-produit-container ml-auto">
  130.                             <img src="/uploads/{{ product.illustration }}" class="img-fluid">
  131.                         </div>
  132.                         <h2 class="fw-normal col-lg-5 font-weight-bold">{{ product.name }}</h2>
  133.                         <p class="produit-description font-weight-bold">
  134.                             {{ product.description|raw }}
  135.                         </p>
  136.                         <p class="produit-prix font-weight-bold">{{ product.pricewt |price }}</p>
  137.                         <p><a class="btn btn-danger mt-2" href="{{ path('app_product', { slug : product.slug })}}">Découvrir</a></p>
  138.                     </div><!-- /.col-lg-4 -->
  139.                 {% endfor %}
  140.             </div>
  141.         </div>
  142.     </div>
  143. </header>
  147.     <main>
  149.         <div class="slider">
  150.             <div class="container">
  151.                 <div class="wrapper">
  152.                     <div class="myslider swiper">
  153.                         <div class="swiper-wrapper">
  154.                             <div class="swiper-slide">
  155.                                 <div class="item">
  156.                                     <div class="image object-cover">
  157.                                         <img src="{{ asset('assets/img/slider/slider0.jpg')}}"  alt="">
  158.                                     </div>
  159.                                     <div class="text-content flexcol">
  160.                                         <h4>Shoes Fashion</h4>
  161.                                         <h2><span>Come and Get it!</span><br><span>Brand New Shoes</span></h2>
  162.                                         <a href="#" class="primary-button">Shop Now</a>
  163.                                     </div>
  164.                                 </div>
  165.                             </div>
  167.                             <div class="swiper-slide">
  168.                                 <div class="item">
  169.                                     <div class="image object-cover">
  170.                                         <img src="{{ asset('assets/img/slider/slider1.jpg')}}" alt="">
  171.                                     </div>
  172.                                     <div class="text-content flexcol">
  173.                                         <h4>Quick Fashion </h4>
  174.                                         <h2><span>Renovez Votre <br>Garde-Robe</span><br><span>Avec des Articles de Luxe</span></h2>
  175.                                         <a href="#" class="primary-button">Shop Now</a>
  176.                                     </div>
  177.                                 </div>
  178.                             </div>
  180.                             <div class="swiper-slide">
  181.                                 <div class="item">
  182.                                     <div class="image object-cover">
  183.                                         <img src="/public/assets/img/slider/slider2.jpg" alt="">
  184.                                     </div>
  185.                                     <div class="text-content flexcol">
  186.                                         <h4>Offre Rapide</h4>
  187.                                         <h2><span>Canapé en Bois</span><br><span>50% de reduction</span></h2>
  188.                                         <a href="#" class="primary-button">Shop Now</a>
  189.                                     </div>
  190.                                 </div>
  191.                             </div>
  193.                             <div class="swiper-slide">
  194.                                 <div class="item">
  195.                                     <div class="image object-cover">
  196.                                         <img src="{{ asset('assets/img/slider/slider3.jpg')}}" alt="">
  197.                                     </div>
  198.                                     <div class="text-content flexcol">
  199.                                         <h4>Meilleur Offres</h4>
  200.                                         <h2><span>Accessoires pour <br>Entraînement à Domicile</span><br><span>Poussez les limites</span></h2>
  202.                                         <a href="#" class="primary-button">Shop Now</a>
  203.                                     </div>
  204.                                 </div>
  205.                             </div>
  206.                         </div>
  207.                         <div class="swiper-pagination"></div>
  208.                     </div>
  209.                 </div>
  210.             </div>
  211.         </div>
  212.         <!-- slider -->
  215.         <div class="trending">
  216.             <div class="container">
  217.                 <div class="wrapper">
  218.                     <div class="sectop flexitem">
  219.                         <h2><span class="circle"></span><span>Produits en Hausse</span></h2>
  220.                     </div>
  221.                     <div class="column">
  222.                         <div class="flexwrap">
  223.                             <div class="row products big">
  224.                                 <div class="item">
  225.                                     <div class="offer">
  226.                                         <p>Offers end at</p>
  227.                                         <ul class="flexcenter">
  228.                                             <li>1</li>
  229.                                             <li>15</li>
  230.                                             <li>27</li>
  231.                                             <li>60</li>
  232.                                         </ul>
  233.                                     </div>
  234.                                     <div class="media">
  235.                                         <div class="image">
  236.                                             <a href="#">
  237.                                                 <img src="{{ asset('assets/img/products/apparel4.jpg')}}" alt="">
  238.                                             </a>
  239.                                         </div>
  240.                                         <div class="hoverable">
  241.                                             <ul>
  242.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  243.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  244.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  245.                                             </ul>
  246.                                         </div>
  247.                                         <div class="discount circle flexcenter"><span>31%</span></div>
  248.                                     </div>
  249.                                     <div class="content">
  250.                                         <div class="rating">
  251.                                             <div class="stars"></div>
  252.                                             <span class="mini-text">(2,548)</span>
  253.                                         </div>
  254.                                         <h3 class="main-links"><a href="#">Happy Sailed Womens Summer Boho Floral</a></h3>
  255.                                         <div class="price">
  256.                                             <span class="current">$129.99</span>
  257.                                             <span class="normal mini-text">$189.98</span>
  258.                                         </div>
  259.                                         <div class="stock mini-text">
  260.                                             <div class="qty">
  261.                                                 <span>Stock: <strong class="qty-available">107</strong></span>
  262.                                                 <span>Sold: <strong class="qty-sold">3,459</strong></span>
  263.                                             </div>
  264.                                             <div class="bar">
  265.                                                 <div class="available"></div>
  266.                                             </div>
  267.                                         </div>
  268.                                     </div>
  269.                                 </div>
  270.                             </div>
  271.                             <div class="row products mini">
  272.                                 <div class="item">
  273.                                     <div class="media">
  274.                                         <div class="thumbnail object-cover">
  275.                                             <a href="#">
  276.                                                 <img src="{{ asset('assets/img/products/apparel3.jpg')}}" alt="">
  277.                                             </a>
  278.                                         </div>
  279.                                         <div class="hoverable">
  280.                                             <ul>
  281.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  282.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  283.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  284.                                             </ul>
  285.                                         </div>
  286.                                         <div class="discount circle flexcenter"><span>32%</span></div>
  287.                                     </div>
  288.                                     <div class="content">
  290.                                         <h3 class="main-links text-white"><a href="#">Black Women's Coat Dress</a></h3>
  291.                                         <div class="rating">
  292.                                             <div class="stars"></div>
  293.                                             <span class="mini-text">(2,548)</span>
  294.                                         </div>
  295.                                         <div class="price">
  296.                                             <span class="current">$129.99</span>
  297.                                             <span class="normal mini-text">$250.98</span>
  298.                                         </div>
  299.                                         <div class="mini-text">
  300.                                             <p>2975 sold</p>
  301.                                             <p>Free Shipping</p>
  302.                                         </div>
  303.                                     </div>
  304.                                 </div>
  306.                                 <div class="item">
  307.                                     <div class="media">
  308.                                         <div class="thumbnail object-cover">
  309.                                             <a href="#">
  310.                                                 <img src="{{ asset('assets/img/products/apparel1.jpg')}}" alt="">
  311.                                             </a>
  312.                                         </div>
  313.                                         <div class="hoverable">
  314.                                             <ul>
  315.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  316.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  317.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  318.                                             </ul>
  319.                                         </div>
  320.                                         <div class="discount circle flexcenter"><span>32%</span></div>
  321.                                     </div>
  322.                                     <div class="content">
  324.                                         <h3 class="main-links"><a href="#">Under Armor Men's Tech</a></h3>
  325.                                         <div class="rating">
  326.                                             <div class="stars"></div>
  327.                                             <span class="mini-text">(1,955)</span>
  328.                                         </div>
  329.                                         <div class="price">
  330.                                             <span class="current">$56.50</span>
  331.                                             <span class="normal mini-text">$75.50</span>
  332.                                         </div>
  333.                                         <div class="mini-text">
  334.                                             <p>2584 sold</p>
  335.                                             <p>Free Shipping</p>
  336.                                             <p class="stock-danger">Stock: 7 left!</p>
  337.                                         </div>
  338.                                     </div>
  339.                                 </div>
  341.                                 <div class="item">
  342.                                     <div class="media">
  343.                                         <div class="thumbnail object-cover">
  344.                                             <a href="#">
  345.                                                 <img src="{{ asset('assets/img/products/home1.jpg')}}" alt="">
  346.                                             </a>
  347.                                         </div>
  348.                                         <div class="hoverable">
  349.                                             <ul>
  350.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  351.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  352.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  353.                                             </ul>
  354.                                         </div>
  355.                                         <div class="discount circle flexcenter"><span>37%</span></div>
  356.                                     </div>
  357.                                     <div class="content">
  359.                                         <h3 class="main-links"><a href="#">Canapé en velours Vonanda, artisanat moderne du milieu du siècle</a></h3>
  360.                                         <div class="rating">
  361.                                             <div class="stars"></div>
  362.                                             <span class="mini-text">(1,558)</span>
  363.                                         </div>
  364.                                         <div class="price">
  365.                                             <span class="current">$469.99</span>
  366.                                             <span class="normal mini-text">$755.98</span>
  367.                                         </div>
  368.                                         <div class="mini-text">
  369.                                             <p>2151 sold</p>
  370.                                         </div>
  371.                                     </div>
  372.                                 </div>
  374.                                 <div class="item">
  375.                                     <div class="media">
  376.                                         <div class="thumbnail object-cover">
  377.                                             <a href="#">
  378.                                                 <img src="{{ asset('assets/img/products/electronic3.jpg')}}" alt="">
  379.                                             </a>
  380.                                         </div>
  381.                                         <div class="hoverable">
  382.                                             <ul>
  383.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  384.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  385.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  386.                                             </ul>
  387.                                         </div>
  388.                                         <div class="discount circle flexcenter"><span>32%</span></div>
  389.                                     </div>
  390.                                     <div class="content">
  392.                                         <h3 class="main-links"><a href="#">Wireless Headphones Over Ear, Bluetooth Headphones with Microphone</a></h3>
  393.                                         <div class="rating">
  394.                                             <div class="stars"></div>
  395.                                             <span class="mini-text">(2,548)</span>
  396.                                         </div>
  397.                                         <div class="price">
  398.                                             <span class="current">$99.98</span>
  399.                                             <span class="normal mini-text">$125.98</span>
  400.                                         </div>
  401.                                         <div class="mini-text">
  402.                                             <p>1843 sold</p>
  403.                                             <p>Free Shipping</p>
  404.                                         </div>
  405.                                     </div>
  406.                                 </div>
  407.                             </div>
  408.                             <div class="row products mini">
  409.                                 <div class="item">
  410.                                     <div class="media">
  411.                                         <div class="thumbnail object-cover">
  412.                                             <a href="#">
  413.                                                 <img src="{{ asset('assets/img/products/shoe1.jpg')}}" alt="">
  414.                                             </a>
  415.                                         </div>
  416.                                         <div class="hoverable">
  417.                                             <ul>
  418.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  419.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  420.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  421.                                             </ul>
  422.                                         </div>
  423.                                         <div class="discount circle flexcenter"><span>32%</span></div>
  424.                                     </div>
  425.                                     <div class="content">
  427.                                         <h3 class="main-links"><a href="#">Men Slip On Shoes Casual with Arch Support Insoles</a></h3>
  428.                                         <div class="rating">
  429.                                             <div class="stars"></div>
  430.                                             <span class="mini-text">(2,548)</span>
  431.                                         </div>
  432.                                         <div class="price">
  433.                                             <span class="current">$129.99</span>
  434.                                             <span class="normal mini-text">$189.98</span>
  435.                                         </div>
  436.                                         <div class="mini-text">
  437.                                             <p>2975 sold</p>
  438.                                             <p>Free Shipping</p>
  439.                                         </div>
  440.                                     </div>
  441.                                 </div>
  443.                                 <div class="item">
  444.                                     <div class="media">
  445.                                         <div class="thumbnail object-cover">
  446.                                             <a href="#">
  447.                                                 <img src="{{ asset('assets/img/products/apparel2.jpg')}}" alt="">
  448.                                             </a>
  449.                                         </div>
  450.                                         <div class="hoverable">
  451.                                             <ul>
  452.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  453.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  454.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  455.                                             </ul>
  456.                                         </div>
  457.                                         <div class="discount circle flexcenter"><span>32%</span></div>
  458.                                     </div>
  459.                                     <div class="content">
  461.                                         <h3 class="main-links"><a href="#">Women's Lightweight Knit Hoodies Sweater Pullover</a></h3>
  462.                                         <div class="rating">
  463.                                             <div class="stars"></div>
  464.                                             <span class="mini-text">(994)</span>
  465.                                         </div>
  466.                                         <div class="price">
  467.                                             <span class="current">$37.50</span>
  468.                                             <span class="normal mini-text">$45.98</span>
  469.                                         </div>
  470.                                         <div class="mini-text">
  471.                                             <p>1257 sold</p>
  472.                                             <p>Free Shipping</p>
  473.                                         </div>
  474.                                     </div>
  475.                                 </div>
  477.                                 <div class="item">
  478.                                     <div class="media">
  479.                                         <div class="thumbnail object-cover">
  480.                                             <a href="#">
  481.                                                 <img src="{{ asset('assets/img/products/home2.jpg')}}" alt="">
  482.                                             </a>
  483.                                         </div>
  484.                                         <div class="hoverable">
  485.                                             <ul>
  486.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  487.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  488.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  489.                                             </ul>
  490.                                         </div>
  491.                                         <div class="discount circle flexcenter"><span>32%</span></div>
  492.                                     </div>
  493.                                     <div class="content">
  495.                                         <h3 class="main-links"><a href="#">Dimmable Ceilling Light Modern</a></h3>
  496.                                         <div class="rating">
  497.                                             <div class="stars"></div>
  498.                                             <span class="mini-text">(548)</span>
  499.                                         </div>
  500.                                         <div class="price">
  501.                                             <span class="current">$279.99</span>
  502.                                             <span class="normal mini-text">$499.98</span>
  503.                                         </div>
  504.                                         <div class="mini-text">
  505.                                             <p>995 sold</p>
  506.                                         </div>
  507.                                     </div>
  508.                                 </div>
  510.                                 <div class="item">
  511.                                     <div class="media">
  512.                                         <div class="thumbnail object-cover">
  513.                                             <a href="#">
  514.                                                 <img src="{{ asset('assets/img/products/home3.jpg')}}" alt="">
  515.                                             </a>
  516.                                         </div>
  517.                                         <div class="hoverable">
  518.                                             <ul>
  519.                                                 <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  520.                                                 <li><a href=""><i class="ri-eye-line"></i></a></li>
  521.                                                 <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  522.                                             </ul>
  523.                                         </div>
  524.                                         <div class="discount circle flexcenter"><span>32%</span></div>
  525.                                     </div>
  526.                                     <div class="content">
  528.                                         <h3 class="main-links"><a href="#">Modern Storage Cabinet with Door & 3 Drawers</a></h3>
  529.                                         <div class="rating">
  530.                                             <div class="stars"></div>
  531.                                             <span class="mini-text">(335)</span>
  532.                                         </div>
  533.                                         <div class="price">
  534.                                             <span class="current">$129.99</span>
  535.                                             <span class="normal mini-text">$189.98</span>
  536.                                         </div>
  537.                                         <div class="mini-text">
  538.                                             <p>785 sold</p>
  539.                                             <p>Free Shipping</p>
  540.                                         </div>
  541.                                     </div>
  542.                                 </div>
  545.                             </div>
  546.                         </div>
  547.                     </div>
  548.                 </div>
  549.             </div>
  550.         </div>
  551.         <!-- trending -->
  553.         <div class="features">
  554.             <div class="container">
  555.                 <div class="wrapper">
  556.                     <div class="column">
  557.                         <div class="sectop flexitem">
  558.                             <h2><span class="circle"></span><span>Featured Products</span></h2>
  559.                             <div class="second-links">
  560.                                 <a href="#" class="view-all">View all<i class="ri-arrow-right-line"></i></a>
  561.                             </div>
  562.                         </div>
  563.                         <div class="products main flexwrap">
  564.                             <div class="item">
  565.                                 <div class="media">
  566.                                     <div class="thumbnail object-cover">
  567.                                         <a href="#">
  568.                                             <img src="{{ asset('assets/img/products/apparel1.jpg')}}" alt="">
  569.                                         </a>
  570.                                     </div>
  571.                                     <div class="hoverable">
  572.                                         <ul>
  573.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  574.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  575.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  576.                                         </ul>
  577.                                     </div>
  578.                                     <div class="discount circle flexcenter"><span>25%</span></div>
  579.                                 </div>
  580.                                 <div class="content">
  581.                                     <div class="rating">
  582.                                         <div class="stars"></div>
  583.                                         <span class="mini-text">(1,955)</span>
  584.                                     </div>
  585.                                     <h3><a href="#">Under Armour Men's Tech</a></h3>
  586.                                     <div class="price">
  587.                                         <span class="current">$129.99</span>
  588.                                         <span class="normal mini-text">$189.98</span>
  589.                                     </div>
  590.                                 </div>
  591.                             </div>
  593.                             <div class="item">
  594.                                 <div class="media">
  595.                                     <div class="thumbnail object-cover">
  596.                                         <a href="#">
  597.                                             <img src="{{ asset('assets/img/products/apparel4.jpg')}}" alt="">
  598.                                         </a>
  599.                                     </div>
  600.                                     <div class="hoverable">
  601.                                         <ul>
  602.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  603.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  604.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  605.                                         </ul>
  606.                                     </div>
  607.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  608.                                 </div>
  609.                                 <div class="content">
  611.                                     <div class="rating">
  612.                                         <div class="stars"></div>
  613.                                         <span class="mini-text">(2,548)</span>
  614.                                     </div>
  615.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  616.                                     <div class="price">
  617.                                         <span class="current">$165.99</span>
  618.                                         <span class="normal mini-text">$189.98</span>
  619.                                     </div>
  620.                                     <!-- Additional Structure -->
  621.                                     <div class="footer">
  622.                                         <ul class="mini-text">
  623.                                             <li>Polyester, Cotton</li>
  624.                                             <li>Pull on closure</li>
  625.                                             <li>Fashion Personality</li>
  626.                                         </ul>
  627.                                     </div>
  628.                                 </div>
  629.                             </div>
  632.                             <div class="item">
  633.                                 <div class="media">
  634.                                     <div class="thumbnail object-cover">
  635.                                         <a href="#">
  636.                                             <img src="{{ asset('assets/img/products/apparel3.jpg')}}" alt="">
  637.                                         </a>
  638.                                     </div>
  639.                                     <div class="hoverable">
  640.                                         <ul>
  641.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  642.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  643.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  644.                                         </ul>
  645.                                     </div>
  646.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  647.                                 </div>
  648.                                 <div class="content">
  650.                                     <div class="rating">
  651.                                         <div class="stars"></div>
  652.                                         <span class="mini-text">(2,548)</span>
  653.                                     </div>
  654.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  655.                                     <div class="price">
  656.                                         <span class="current">$165.99</span>
  657.                                         <span class="normal mini-text">$189.98</span>
  658.                                     </div>
  659.                                     <!-- Additional Structure -->
  660.                                     <div class="footer">
  661.                                         <ul class="mini-text">
  662.                                             <li>Polyester, Cotton</li>
  663.                                             <li>Pull on closure</li>
  664.                                             <li>Fashion Personality</li>
  665.                                         </ul>
  666.                                     </div>
  667.                                 </div>
  668.                             </div>
  670.                             <div class="item">
  671.                                 <div class="media">
  672.                                     <div class="thumbnail object-cover">
  673.                                         <a href="#">
  674.                                             <img src="{{ asset('assets/img/products/shoe3.jpg')}}" alt="">
  675.                                         </a>
  676.                                     </div>
  677.                                     <div class="hoverable">
  678.                                         <ul>
  679.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  680.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  681.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  682.                                         </ul>
  683.                                     </div>
  684.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  685.                                 </div>
  686.                                 <div class="content">
  688.                                     <div class="rating">
  689.                                         <div class="stars"></div>
  690.                                         <span class="mini-text">(2,548)</span>
  691.                                     </div>
  692.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  693.                                     <div class="price">
  694.                                         <span class="current">$165.99</span>
  695.                                         <span class="normal mini-text">$189.98</span>
  696.                                     </div>
  697.                                     <!-- Additional Structure -->
  698.                                     <div class="footer">
  699.                                         <ul class="mini-text">
  700.                                             <li>Polyester, Cotton</li>
  701.                                             <li>Pull on closure</li>
  702.                                             <li>Fashion Personality</li>
  703.                                         </ul>
  704.                                     </div>
  705.                                 </div>
  706.                             </div>
  707.                             <div class="item">
  708.                                 <div class="media">
  709.                                     <div class="thumbnail object-cover">
  710.                                         <a href="#">
  711.                                             <img src="{{ asset('assets/img/products/shoe2.jpg')}}" alt="">
  712.                                         </a>
  713.                                     </div>
  714.                                     <div class="hoverable">
  715.                                         <ul>
  716.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  717.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  718.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  719.                                         </ul>
  720.                                     </div>
  721.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  722.                                 </div>
  723.                                 <div class="content">
  725.                                     <div class="rating">
  726.                                         <div class="stars"></div>
  727.                                         <span class="mini-text">(2,548)</span>
  728.                                     </div>
  729.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  730.                                     <div class="price">
  731.                                         <span class="current">$165.99</span>
  732.                                         <span class="normal mini-text">$189.98</span>
  733.                                     </div>
  734.                                     <!-- Additional Structure -->
  735.                                     <div class="footer">
  736.                                         <ul class="mini-text">
  737.                                             <li>Polyester, Cotton</li>
  738.                                             <li>Pull on closure</li>
  739.                                             <li>Fashion Personality</li>
  740.                                         </ul>
  741.                                     </div>
  742.                                 </div>
  743.                             </div>
  747.                             <div class="item">
  748.                                 <div class="media">
  749.                                     <div class="thumbnail object-cover">
  750.                                         <a href="#">
  751.                                             <img src="{{ asset('assets/img/products/shoe1.jpg')}}" alt="">
  752.                                         </a>
  753.                                     </div>
  754.                                     <div class="hoverable">
  755.                                         <ul>
  756.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  757.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  758.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  759.                                         </ul>
  760.                                     </div>
  761.                                     <div class="discount circle flexcenter"><span>10%</span></div>
  762.                                 </div>
  763.                                 <div class="content">
  765.                                     <div class="rating">
  766.                                         <div class="stars"></div>
  767.                                         <span class="mini-text">(2,548)</span>
  768.                                     </div>
  769.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  770.                                     <div class="price">
  771.                                         <span class="current">$129.99</span>
  772.                                         <span class="normal mini-text">$189.98</span>
  773.                                     </div>
  774.                                     <div class="mini-text">
  775.                                         <p>2975 sold</p>
  776.                                         <p>Free Shipping</p>
  777.                                     </div>
  778.                                 </div>
  779.                             </div>
  781.                             <div class="item">
  782.                                 <div class="media">
  783.                                     <div class="thumbnail object-cover">
  784.                                         <a href="#">
  785.                                             <img src="{{ asset('assets/img/products/shoe4.jpg')}}" alt="">
  786.                                         </a>
  787.                                     </div>
  788.                                     <div class="hoverable">
  789.                                         <ul>
  790.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  791.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  792.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  793.                                         </ul>
  794.                                     </div>
  795.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  796.                                 </div>
  797.                                 <div class="content">
  799.                                     <div class="rating">
  800.                                         <div class="stars"></div>
  801.                                         <span class="mini-text">(2,548)</span>
  802.                                     </div>
  803.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  804.                                     <div class="price">
  805.                                         <span class="current">$129.99</span>
  806.                                         <span class="normal mini-text">$189.98</span>
  807.                                     </div>
  808.                                     <div class="mini-text">
  809.                                         <p>2975 sold</p>
  810.                                         <p>Free Shipping</p>
  811.                                     </div>
  812.                                 </div>
  813.                             </div>
  815.                             <div class="item">
  816.                                 <div class="media">
  817.                                     <div class="thumbnail object-cover">
  818.                                         <a href="#">
  819.                                             <img src="{{ asset('assets/img/products/apparel5.jpg')}}" alt="">
  820.                                         </a>
  821.                                     </div>
  822.                                     <div class="hoverable">
  823.                                         <ul>
  824.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  825.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  826.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  827.                                         </ul>
  828.                                     </div>
  829.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  830.                                 </div>
  831.                                 <div class="content">
  833.                                     <div class="rating">
  834.                                         <div class="stars"></div>
  835.                                         <span class="mini-text">(2,548)</span>
  836.                                     </div>
  837.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  838.                                     <div class="price">
  839.                                         <span class="current">$129.99</span>
  840.                                         <span class="normal mini-text">$189.98</span>
  841.                                     </div>
  842.                                     <div class="mini-text">
  843.                                         <p>2975 sold</p>
  844.                                         <p>Free Shipping</p>
  845.                                     </div>
  846.                                 </div>
  847.                             </div>
  849.                             <div class="item">
  850.                                 <div class="media">
  851.                                     <div class="thumbnail object-cover">
  852.                                         <a href="#">
  853.                                             <img src="{{ asset('assets/img/products/home5.jpg')}}" alt="">
  854.                                         </a>
  855.                                     </div>
  856.                                     <div class="hoverable">
  857.                                         <ul>
  858.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  859.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  860.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  861.                                         </ul>
  862.                                     </div>
  863.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  864.                                 </div>
  865.                                 <div class="content">
  867.                                     <div class="rating">
  868.                                         <div class="stars"></div>
  869.                                         <span class="mini-text">(2,548)</span>
  870.                                     </div>
  871.                                     <h3 class="main-links"><a href="#">Lits Haut de Gamme</a></h3>
  872.                                     <div class="price">
  873.                                         <span class="current">$800.99</span>
  874.                                         <span class="normal mini-text">$2000.98</span>
  875.                                     </div>
  876.                                     <div class="mini-text">
  877.                                         <p>2975 sold</p>
  878.                                         <p>Free Shipping</p>
  879.                                     </div>
  880.                                 </div>
  881.                             </div>
  883.                             <div class="item">
  884.                                 <div class="media">
  885.                                     <div class="thumbnail object-cover">
  886.                                         <a href="#">
  887.                                             <img src="{{ asset('assets/img/products/apparel2.jpg')}}" alt="">
  888.                                         </a>
  889.                                     </div>
  890.                                     <div class="hoverable">
  891.                                         <ul>
  892.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  893.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  894.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  895.                                         </ul>
  896.                                     </div>
  897.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  898.                                 </div>
  899.                                 <div class="content">
  901.                                     <div class="rating">
  902.                                         <div class="stars"></div>
  903.                                         <span class="mini-text">(2,548)</span>
  904.                                     </div>
  905.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  906.                                     <div class="price">
  907.                                         <span class="current">$129.99</span>
  908.                                         <span class="normal mini-text">$189.98</span>
  909.                                     </div>
  910.                                     <div class="mini-text">
  911.                                         <p>2975 sold</p>
  912.                                         <p>Free Shipping</p>
  913.                                     </div>
  914.                                 </div>
  915.                             </div>
  918.                             <div class="item">
  919.                                 <div class="media">
  920.                                     <div class="thumbnail object-cover">
  921.                                         <a href="#">
  922.                                             <img src="{{ asset('assets/img/products/electronic5.jpg')}}" alt="">
  923.                                         </a>
  924.                                     </div>
  925.                                     <div class="hoverable">
  926.                                         <ul>
  927.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  928.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  929.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  930.                                         </ul>
  931.                                     </div>
  932.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  933.                                 </div>
  934.                                 <div class="content">
  936.                                     <div class="rating">
  937.                                         <div class="stars"></div>
  938.                                         <span class="mini-text">(3K)</span>
  939.                                     </div>
  940.                                     <h3 class="main-links"><a href="#">Ecran Led Plasma</a></h3>
  941.                                     <div class="price">
  942.                                         <span class="current">$600.99</span>
  943.                                         <span class="normal mini-text">$900.98</span>
  944.                                     </div>
  945.                                     <div class="mini-text">
  946.                                         <p>75680 sold</p>
  947.                                         <p>Free Shipping</p>
  948.                                     </div>
  949.                                 </div>
  950.                             </div>
  952.                             <div class="item">
  953.                                 <div class="media">
  954.                                     <div class="thumbnail object-cover">
  955.                                         <a href="#">
  956.                                             <img src="{{ asset('assets/img/products/shoe5.jpg')}}" alt="">
  957.                                         </a>
  958.                                     </div>
  959.                                     <div class="hoverable">
  960.                                         <ul>
  961.                                             <li class="active"><a href="#"><i class="ri-heart-line"></i></a></li>
  962.                                             <li><a href=""><i class="ri-eye-line"></i></a></li>
  963.                                             <li><a href=""><i class="ri-shuffle-line"></i></a></li>
  964.                                         </ul>
  965.                                     </div>
  966.                                     <div class="discount circle flexcenter"><span>32%</span></div>
  967.                                 </div>
  968.                                 <div class="content">
  970.                                     <div class="rating">
  971.                                         <div class="stars"></div>
  972.                                         <span class="mini-text">(2,548)</span>
  973.                                     </div>
  974.                                     <h3 class="main-links"><a href="#">Black Women's Coat Dress</a></h3>
  975.                                     <div class="price">
  976.                                         <span class="current">$129.99</span>
  977.                                         <span class="normal mini-text">$189.98</span>
  978.                                     </div>
  979.                                     <div class="mini-text">
  980.                                         <p>2975 sold</p>
  981.                                         <p>Free Shipping</p>
  982.                                     </div>
  983.                                 </div>
  984.                             </div>
  985.                         </div>
  986.                     </div>
  987.                 </div>
  988.             </div>
  989.         </div>
  990.         <!-- featured products -->
  992.         <div class="banners">
  993.             <div class="container">
  994.                 <div class="wrapper">
  995.                     <div class="column">
  996.                         <div class="banner flexwrap">
  997.                             <div class="row">
  998.                                 <div class="item">
  999.                                     <div class="image">
  1000.                                         <img src="{{ asset('assets/img/banner/banner1.jpg')}}" alt="">
  1001.                                     </div>
  1002.                                     <div class="text-content flexcol">
  1003.                                         <h4>Brutal Sale!</h4>
  1004.                                         <h3><span>Get the deal in here</span><br>Living Room Chair</h3>
  1005.                                         <a href="#" class="primary-button">Shop Now</a>
  1006.                                     </div>
  1007.                                     <a href="#" class="over-link"></a>
  1008.                                 </div>
  1009.                             </div>
  1011.                             <div class="row">
  1012.                                 <div class="item get-gray">
  1013.                                     <div class="image">
  1014.                                         <img src="{{ asset('assets/img/banner/banner2.jpg')}}" alt="">
  1015.                                     </div>
  1016.                                     <div class="text-content flexcol">
  1017.                                         <h4>Brutal Sale!</h4>
  1018.                                         <h3><span>Discount everyday</span><br>Office Outfit</h3>
  1019.                                         <a href="#" class="primary-button">Shop Now</a>
  1020.                                     </div>
  1021.                                     <a href="#" class="over-link"></a>
  1022.                                 </div>
  1023.                             </div>
  1024.                         </div>
  1025.                         <!-- banners -->
  1027.                         <div class="product-categories flexwrap">
  1028.                             <div class="row">
  1029.                                 <div class="item">
  1030.                                     <div class="image">
  1031.                                         <img src="{{ asset('assets/img/banner/procat1.jpg')}}" alt="">
  1032.                                     </div>
  1033.                                     <div class="content mini-links">
  1034.                                         <h4>Beauty</h4>
  1035.                                         <ul class="flexcol">
  1036.                                             <li><a href="#">Makeup</a></li>
  1037.                                             <li><a href="#">Skin Care</a></li>
  1038.                                             <li><a href="#">Hair Care</a></li>
  1039.                                             <li><a href="#">Fragrance</a></li>
  1040.                                             <li><a href="#">Foot & Hand Care</a></li>
  1041.                                         </ul>
  1042.                                         <div class="second-links">
  1043.                                             <a href="#" class="view-all">View All<i class="ri-arrow-right-line"></i></a>
  1044.                                         </div>
  1045.                                     </div>
  1047.                                 </div>
  1048.                             </div>
  1050.                             <div class="row">
  1051.                                 <div class="item">
  1052.                                     <div class="image">
  1053.                                         <img src="{{ asset('assets/img/banner/procat2.jpg')}}" alt="">
  1054.                                     </div>
  1055.                                     <div class="content mini-links">
  1056.                                         <h4><a href="#">Gadgets</a></h4>
  1057.                                         <ul class="flexcol">
  1058.                                             <li><a href="#">Camera</a></li>
  1059.                                             <li><a href="#">Cellphone</a></li>
  1060.                                             <li><a href="#">Computers</a></li>
  1061.                                             <li><a href="#">GPS & Navigation</a></li>
  1062.                                             <li><a href="#">Headphones</a></li>
  1063.                                         </ul>
  1064.                                         <div class="second-links">
  1065.                                             <a href="#" class="view-all">View All<i class="ri-arrow-right-line"></i></a>
  1066.                                         </div>
  1067.                                     </div>
  1069.                                 </div>
  1070.                             </div>
  1071.                             <div class="row">
  1072.                                 <div class="item">
  1073.                                     <div class="image">
  1074.                                         <img src="{{ asset('assets/img/banner/procat3.jpg') }}" alt="">
  1075.                                     </div>
  1076.                                     <div class="content mini-links">
  1077.                                         <h4><a href="#">Home Decor</a></h4>
  1078.                                         <ul class="flexcol">
  1079.                                             <li><a href="#">Kitchen</a></li>
  1080.                                             <li><a href="#">Dining Room</a></li>
  1081.                                             <li><a href="#">Pantry</a></li>
  1082.                                             <li><a href="#">Great Room</a></li>
  1083.                                             <li><a href="#">Breakfast Nook</a></li>
  1084.                                         </ul>
  1085.                                         <div class="second-links">
  1086.                                             <a href="#" class="view-all">View All<i class="ri-arrow-right-line"></i></a>
  1087.                                         </div>
  1088.                                     </div>
  1090.                                 </div>
  1091.                             </div>
  1092.                         </div>
  1093.                     </div>
  1094.                 </div>
  1095.             </div>
  1096.         </div>
  1097.         <!-- banners -->
  1099.     </main>
  1100.     <!-- main -->
  1101.         </div>
  1103.     <footer>
  1104.         <div class="newsletter">
  1105.             <div class="container">
  1106.                 <div class="wrapper">
  1107.                     <div class="box">
  1108.                         <div class="content">
  1109.                             <h3>Join Our Newsletter</h3>
  1110.                             <p>Get E-mail updates about our latest shop and <strong>special offers</strong></p>
  1111.                         </div>
  1112.                         <form action="" class="search">
  1113.                             <span class="icon-large"><i class="ri-mail-line"></i></span>
  1114.                             <input type="mail" placeholder="Your email address" required>
  1115.                             <button type="submit">Sign Up</button>
  1116.                         </form>
  1117.                     </div>
  1118.                 </div>
  1119.             </div>
  1120.         </div>
  1121.         <!-- newsletter -->
  1123.         <div class="widgets">
  1124.             <div class="container">
  1125.                 <div class="wrapper">
  1126.                     <div class="flexwrap">
  1127.                         <div class="row">
  1128.                             <div class="item mini-links">
  1129.                                 <h4>Help & Container</h4>
  1130.                                 <ul class="flexcol">
  1131.                                     <li><a href="#">Your Account</a></li>
  1132.                                     <li><a href="#">Your Orders</a></li>
  1133.                                     <li><a href="#">Shipping Rates</a></li>
  1134.                                     <li><a href="#">Returns</a></li>
  1135.                                     <li><a href="#">Assistant</a></li>
  1136.                                     <li><a href="#">Help</a></li>
  1137.                                     <li><a href="#">Contact Us</a></li>
  1138.                                 </ul>
  1139.                             </div>
  1140.                         </div>
  1141.                         <div class="row">
  1142.                             <div class="item mini-links">
  1143.                                 <h4>Product Categories</h4>
  1144.                                 <ul class="flexcol">
  1145.                                     <li><a href="#">Beauty</a></li>
  1146.                                     <li><a href="#">Electronic</a></li>
  1147.                                     <li><a href="#">Women's Fashion</a></li>
  1148.                                     <li><a href="#">Men's Fashion</a></li>
  1149.                                     <li><a href="#">Girl's Fashion</a></li>
  1150.                                     <li><a href="#">Boy's Fashion</a></li>
  1151.                                     <li><a href="#">Health & Household</a></li>
  1152.                                     <li><a href="#">Home & Kitchen</a></li>
  1153.                                     <li><a href="#">Pet Supplies</a></li>
  1154.                                     <li><a href="#">Sports</a></li>
  1155.                                 </ul>
  1156.                             </div>
  1157.                         </div>
  1158.                         <div class="row">
  1159.                             <div class="item mini-links">
  1160.                                 <h4>Payment Info</h4>
  1161.                                 <ul class="flexcol">
  1162.                                     <li><a href="#">Bussiness Card</a></li>
  1163.                                     <li><a href="#">Shop with Points</a></li>
  1164.                                     <li><a href="#">Reload Your Balance</a></li>
  1165.                                     <li><a href="#">Paypal</a></li>
  1166.                                 </ul>
  1167.                             </div>
  1168.                         </div>
  1169.                         <div class="row">
  1170.                             <div class="item mini-links">
  1171.                                 <h4>About Us</h4>
  1172.                                 <ul class="flexcol">
  1173.                                     <li><a href="#">Company Info</a></li>
  1174.                                     <li><a href="#">News</a></li>
  1175.                                     <li><a href="#">Investors</a></li>
  1176.                                     <li><a href="#">Careers</a></li>
  1177.                                     <li><a href="#">Policies</a></li>
  1178.                                     <li><a href="#">Customer Reviews</a></li>
  1179.                                 </ul>
  1180.                             </div>
  1181.                         </div>
  1182.                     </div>
  1183.                 </div>
  1184.             </div>
  1185.         </div>
  1186.         <!-- widgets -->
  1191.         <!-- widgets -->
  1193.         <div class="footer-info">
  1194.             <div class="container">
  1195.                 <div class="wrapper">
  1196.                     <div class="flexcol">
  1198.                         <div class="socials">
  1199.                             <ul class="flexitem">
  1200.                                 <li>
  1201.                                     <a href="#"><i class="ri-twitter-line"></i></a>
  1202.                                 </li>
  1203.                                 <li>
  1204.                                     <a href="#"><i class="ri-facebook-line"></i></a>
  1205.                                 </li>
  1206.                                 <li>
  1207.                                     <a href="#"><i class="ri-instagram-line"></i></a>
  1208.                                 </li>
  1209.                                 <li>
  1210.                                     <a href="#"><i class="ri-linkedin-line"></i></a>
  1211.                                 </li>
  1212.                                 <li>
  1213.                                     <a href="#"><i class="ri-youtube-line"></i></a>
  1214.                                 </li>
  1215.                             </ul>
  1216.                         </div>
  1217.                     </div>
  1220.                 
  1223.                     <p class="mini-text bg-black">
  1224.                         Copyright 2024 &copy .BuyAndSalam. All right reserved.
  1225.                     </p>
  1226.                 </div>
  1227.             </div>
  1228.         </div>
  1229.     </footer>
  1230.     <!-- footer -->
  1232. {% endblock %}