templates/products/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                         <!-- PAGE-HEADER -->
  6.                         <div class="page-header">
  7.                             <div>
  8.                                 <h1 class="page-title">Products</h1>
  9.                             </div>
  10.                             <div class="ms-auto pageheader-btn">
  11.                                 <ol class="breadcrumb">
  12.                                     <li class="breadcrumb-item">Apps</li>
  13.                                     <li class="breadcrumb-item"><a href="javascript:void(0);">E-commerce</a></li>
  14.                                     <li class="breadcrumb-item active" aria-current="page">Products</li>
  15.                                 </ol>
  16.                             </div>
  17.                         </div>
  18.                         <!-- PAGE-HEADER END -->
  20.                         <!-- ROW-1 OPEN -->
  21.                         <div class="row row-cards">
  22.                             <div class="col-xl-3 col-lg-12">
  23.                                 <div class="row">
  24.                                     <div class="col-md-12 col-lg-12">
  26.                                         <div class="card">
  27.                                             <div class="card-header border-bottom">
  28.                                                 <div class="card-title"> Categories &amp; Fliters</div>
  29.                                             </div>
  30.                                             <div class="card-body">
  31.                                                 <div class="custom-checkbox custom-control">
  32.                                                     <input type="checkbox" data-bs-checkboxes="mygroup" class="custom-control-input" id="checkbox-1" checked>
  33.                                                     <label for="checkbox-1" class="custom-control-label">Mens</label>
  34.                                                 </div>
  35.                                                 <div class="custom-checkbox custom-control">
  36.                                                     <input type="checkbox" data-bs-checkboxes="mygroup" class="custom-control-input" id="checkbox-2">
  37.                                                     <label for="checkbox-2" class="custom-control-label">Womens</label>
  38.                                                 </div>
  39.                                                 <div class="custom-checkbox custom-control">
  40.                                                     <input type="checkbox" data-bs-checkboxes="mygroup" class="custom-control-input" id="checkbox-3">
  41.                                                     <label for="checkbox-3" class="custom-control-label">Kids</label>
  42.                                                 </div>
  43.                                                 <div class="custom-checkbox custom-control">
  44.                                                     <input type="checkbox" data-bs-checkboxes="mygroup" class="custom-control-input" id="checkbox-4">
  45.                                                     <label for="checkbox-4" class="custom-control-label">Others</label>
  46.                                                 </div>
  47.                                                 <div class="form-group mt-3">
  48.                                                     <label class="form-label">Category</label>
  49.                                                     <select name="beast" id="select-beast" class="form-control form-select select2">
  50.                                                         <option value="0">--Select--</option>
  51.                                                         <option value="1">Dress</option>
  52.                                                         <option value="2">Bags &amp; Purses</option>
  53.                                                         <option value="3">Coat &amp; Jacket</option>
  54.                                                         <option value="4">Beauty</option>
  55.                                                         <option value="5">Jeans</option>
  56.                                                         <option value="5">Jewellery</option>
  57.                                                         <option value="5">Electronics</option>
  58.                                                         <option value="5">Sports</option>
  59.                                                         <option value="5">Technology</option>
  60.                                                         <option value="5">Watches</option>
  61.                                                         <option value="5">Accessories</option>
  62.                                                     </select>
  63.                                                 </div>
  64.                                                 <div class="form-group">
  65.                                                     <label class="form-label">Brand</label>
  66.                                                     <select name="beast" id="select-beast1" class="form-control form-select select2">
  67.                                                         <option value="0">--Select--</option>
  68.                                                         <option value="1">White</option>
  69.                                                         <option value="2">Black</option>
  70.                                                         <option value="3">Red</option>
  71.                                                         <option value="4">Green</option>
  72.                                                         <option value="5">Blue</option>
  73.                                                         <option value="6">Yellow</option>
  74.                                                     </select>
  75.                                                 </div>
  76.                                                 <div class="form-group">
  77.                                                     <label class="form-label">Type</label>
  78.                                                     <select name="beast" id="select-beast2" class="form-control form-select select2">
  79.                                                         <option value="0">--Select--</option>
  80.                                                         <option value="1">Extra Small</option>
  81.                                                         <option value="2">Small</option>
  82.                                                         <option value="3">Medium</option>
  83.                                                         <option value="4">Large</option>
  84.                                                         <option value="5">Extra Large</option>
  85.                                                     </select>
  86.                                                 </div>
  87.                                                 <div class="form-group">
  88.                                                     <label class="form-label">Color</label>
  89.                                                     <select name="beast" id="select-beast3" class="form-control form-select select2">
  90.                                                         <option value="0">--Select--</option>
  91.                                                         <option value="1">White</option>
  92.                                                         <option value="2">Black</option>
  93.                                                         <option value="3">Red</option>
  94.                                                         <option value="4">Green</option>
  95.                                                         <option value="5">Blue</option>
  96.                                                         <option value="6">Yellow</option>
  97.                                                     </select>
  98.                                                 </div>
  99.                                                 <a class="btn btn-primary my-1" href="#">Apply Filter</a>
  100.                                                 <a class="btn btn-info my-1" href="#">Search Now</a>
  101.                                             </div>
  102.                                         </div>
  104.                                         <form class="shop__filter card">
  105.                                             <div class="card-header border-bottom">
  106.                                                 <h3 class="card-title">
  107.                                                     Colors
  108.                                                 </h3>
  109.                                             </div>
  110.                                             <div class="card-body">
  111.                                                 <div class="row gutters-xs">
  112.                                                     <div class="col-auto">
  113.                                                         <label class="colorinput">
  114.                                                             <input name="color" type="radio" value="azure" class="colorinput-input" checked>
  115.                                                             <span class="colorinput-color bg-azure"></span>
  116.                                                         </label>
  117.                                                     </div>
  118.                                                     <div class="col-auto">
  119.                                                         <label class="colorinput">
  120.                                                             <input name="color" type="radio" value="indigo" class="colorinput-input">
  121.                                                             <span class="colorinput-color bg-indigo"></span>
  122.                                                         </label>
  123.                                                     </div>
  124.                                                     <div class="col-auto">
  125.                                                         <label class="colorinput">
  126.                                                             <input name="color" type="radio" value="purple" class="colorinput-input">
  127.                                                             <span class="colorinput-color bg-purple"></span>
  128.                                                         </label>
  129.                                                     </div>
  130.                                                     <div class="col-auto">
  131.                                                         <label class="colorinput">
  132.                                                             <input name="color" type="radio" value="pink" class="colorinput-input">
  133.                                                             <span class="colorinput-color bg-pink"></span>
  134.                                                         </label>
  135.                                                     </div>
  136.                                                     <div class="col-auto">
  137.                                                         <label class="colorinput">
  138.                                                             <input name="color" type="radio" value="red" class="colorinput-input">
  139.                                                             <span class="colorinput-color bg-red"></span>
  140.                                                         </label>
  141.                                                     </div>
  142.                                                     <div class="col-auto">
  143.                                                         <label class="colorinput">
  144.                                                             <input name="color" type="radio" value="orange" class="colorinput-input">
  145.                                                             <span class="colorinput-color bg-orange"></span>
  146.                                                         </label>
  147.                                                     </div>
  148.                                                     <div class="col-auto">
  149.                                                         <label class="colorinput">
  150.                                                             <input name="color" type="radio" value="yellow" class="colorinput-input">
  151.                                                             <span class="colorinput-color bg-yellow"></span>
  152.                                                         </label>
  153.                                                     </div>
  154.                                                     <div class="col-auto">
  155.                                                         <label class="colorinput">
  156.                                                             <input name="color" type="radio" value="lime" class="colorinput-input">
  157.                                                             <span class="colorinput-color bg-lime"></span>
  158.                                                         </label>
  159.                                                     </div>
  160.                                                     <div class="col-auto">
  161.                                                         <label class="colorinput">
  162.                                                             <input name="color" type="radio" value="green" class="colorinput-input">
  163.                                                             <span class="colorinput-color bg-green"></span>
  164.                                                         </label>
  165.                                                     </div>
  166.                                                     <div class="col-auto">
  167.                                                         <label class="colorinput">
  168.                                                             <input name="color" type="radio" value="teal" class="colorinput-input">
  169.                                                             <span class="colorinput-color bg-teal"></span>
  170.                                                         </label>
  171.                                                     </div>
  172.                                                 </div>
  173.                                             </div>
  174.                                         </form>
  176.                                     </div>
  177.                                 </div>
  178.                             </div><!-- COL-END -->
  180.                             <div class="col-xl-9 col-lg-12">
  182.                                 <div class="card">
  183.                                     <div class="card-body">
  184.                                         <div class="row">
  185.                                             <div class="col-md-4">
  186.                                                 <div class="form-group mb-0 my-1">
  187.                                                     <select name="beast" id="select-beast4" class="form-control form-select select2">
  188.                                                         <option value="0">
  189.                                                             -- Sort By --
  190.                                                         </option>
  191.                                                         <option value="1">Featured</option>
  192.                                                         <option value="2">Price: Hight to Low â†“</option>
  193.                                                         <option value="3">Price: Low to High â†‘</option>
  194.                                                         <option value="4">Relese Date</option>
  195.                                                         <option value="5">Rating</option>
  196.                                                     </select>
  197.                                                 </div>
  198.                                             </div>
  200.                                             <div class="col-md-4 text-center d-none d-xl-block">
  201.                                                 <div class="btn-group my-1">
  202.                                                     <button class="btn btn-primary four-col fourCol" id="viewBtn" name="view">IV</button>
  203.                                                     <button class="btn btn-primary three-col threeCol" id="viewBtn1" name="view" >III</button>
  204.                                                     <button class="btn btn-primary two-col twoCol" id="viewBtn2" name="view" >II</button>
  205.                                                 </div>
  206.                                             </div>
  207.                                             <div class="col-xl">
  208.                                                 <div class="input-group my-1">
  209.                                                     <input type="text" class="form-control" placeholder="Search ...">
  210.                                                     <button class="input-group-text btn btn-primary text-white">Search</button>
  211.                                                 </div>
  212.                                             </div>
  213.                                         </div>
  214.                                     </div>
  215.                                 </div>
  217.                                 <div class="row products-main">
  218.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  219.                                         <div class="card item-card">
  220.                                             <div class="product-grid6 card-body">
  221.                                                 <div class="product-image6">
  222.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  223.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/4.png'))}}" alt="img">
  224.                                                     </a>
  225.                                                     <div class="icon-container">
  226.                                                         <ul class="icons">
  227.                                                             <li>
  228.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  229.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  230.                                                                 </a>
  231.                                                             </li>
  232.                                                             <li>
  233.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  234.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  235.                                                                 </a>
  236.                                                             </li>
  237.                                                             <li>
  238.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  239.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  240.                                                                 </a>
  241.                                                             </li>
  242.                                                             <li>
  243.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  244.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  245.                                                                 </a>
  246.                                                             </li>
  247.                                                         </ul>
  248.                                                     </div>
  249.                                                 </div>
  250.                                                 <div class="product-content w-100 p-3">
  251.                                                     <div class="mb-2">
  252.                                                         <h4 class="mb-1 text-normal"><a href="#">Multi Colour Flower Pot Set</a> </h4>
  253.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  254.                                                     </div>
  255.                                                     <p class="mb-2 text-warning">
  256.                                                         <span>
  257.                                                             <i class="fa fa-star"></i>
  258.                                                             <i class="fa fa-star"></i>
  259.                                                             <i class="fa fa-star"></i>
  260.                                                             <i class="fa fa-star"></i>
  261.                                                             <i class="fa fa-star-half-o"></i>
  262.                                                         </span>
  263.                                                         <span class="ms-2">(4.5)</span>
  264.                                                     </p>
  265.                                                     <div class="d-flex align-items-center justify-content-between">
  266.                                                         <p class="mb-0">
  267.                                                             <span class="text-22">$200</span>
  268.                                                             <span class="text-decoration-line-through text-muted ms-1">$320</span>
  269.                                                         </p>
  270.                                                         <p class="mb-0 text-secondary">item unavailable</p>
  271.                                                     </div>
  272.                                                 </div>
  273.                                             </div>
  274.                                         </div>
  275.                                     </div>
  276.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  277.                                         <div class="card item-card">
  278.                                             <div class="product-grid6 card-body">
  279.                                                 <div class="product-image6">
  280.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  281.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/6.png'))}}" alt="img">
  282.                                                     </a>
  283.                                                     <div class="icon-container">
  284.                                                         <ul class="icons">
  285.                                                             <li>
  286.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  287.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  288.                                                                 </a>
  289.                                                             </li>
  290.                                                             <li>
  291.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  292.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  293.                                                                 </a>
  294.                                                             </li>
  295.                                                             <li>
  296.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  297.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  298.                                                                 </a>
  299.                                                             </li>
  300.                                                             <li>
  301.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  302.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  303.                                                                 </a>
  304.                                                             </li>
  305.                                                         </ul>
  306.                                                     </div>
  307.                                                 </div>
  308.                                                 <div class="product-content w-100 p-3">
  309.                                                     <div class="mb-2">
  310.                                                         <h4 class="mb-1 text-normal"> <a href="#">Wood Photo Frame - Size(M)</a> </h4>
  311.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  312.                                                     </div>
  313.                                                     <p class="mb-2 text-warning">
  314.                                                         <span>
  315.                                                             <i class="fa fa-star"></i>
  316.                                                             <i class="fa fa-star"></i>
  317.                                                             <i class="fa fa-star"></i>
  318.                                                             <i class="fa fa-star-half-o"></i>
  319.                                                             <i class="fa fa-star-o"></i>
  320.                                                         </span>
  321.                                                         <span class="ms-2">(3.5)</span>
  322.                                                     </p>
  323.                                                     <div class="d-flex align-items-center justify-content-between">
  324.                                                         <p class="mb-0">
  325.                                                             <span class="text-22">$50</span>
  326.                                                             <span class="text-decoration-line-through text-muted ms-1">$75</span>
  327.                                                         </p>
  328.                                                         <p class="mb-0 text-primary">in stock</p>
  329.                                                     </div>
  330.                                                 </div>
  331.                                             </div>
  332.                                         </div>
  333.                                     </div>
  334.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  335.                                         <div class="card item-card">
  336.                                             <div class="product-grid6 card-body">
  337.                                                 <div class="product-image6">
  338.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  339.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/10.png'))}}" alt="img">
  340.                                                     </a>
  341.                                                     <div class="icon-container">
  342.                                                         <ul class="icons">
  343.                                                             <li>
  344.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  345.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  346.                                                                 </a>
  347.                                                             </li>
  348.                                                             <li>
  349.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  350.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  351.                                                                 </a>
  352.                                                             </li>
  353.                                                             <li>
  354.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  355.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  356.                                                                 </a>
  357.                                                             </li>
  358.                                                             <li>
  359.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  360.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  361.                                                                 </a>
  362.                                                             </li>
  363.                                                         </ul>
  364.                                                     </div>
  365.                                                 </div>
  366.                                                 <div class="product-content w-100 p-3">
  367.                                                     <div class="mb-2">
  368.                                                         <h4 class="mb-1 text-normal"> <a href="#">Stylilsh Sunglasses For Men</a> </h4>
  369.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  370.                                                     </div>
  371.                                                     <p class="mb-2 text-warning">
  372.                                                         <span>
  373.                                                             <i class="fa fa-star"></i>
  374.                                                             <i class="fa fa-star"></i>
  375.                                                             <i class="fa fa-star"></i>
  376.                                                             <i class="fa fa-star-half-o"></i>
  377.                                                             <i class="fa fa-star-o"></i>
  378.                                                         </span>
  379.                                                         <span class="ms-2">(3.5)</span>
  380.                                                     </p>
  381.                                                     <div class="d-flex align-items-center justify-content-between">
  382.                                                         <p class="mb-0">
  383.                                                             <span class="text-22">$150</span>
  384.                                                             <span class="text-decoration-line-through text-muted ms-1">$250</span>
  385.                                                         </p>
  386.                                                         <p class="mb-0 text-primary">in stock</p>
  387.                                                     </div>
  388.                                                 </div>
  389.                                             </div>
  390.                                         </div>
  391.                                     </div>
  392.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  393.                                         <div class="card item-card">
  394.                                             <div class="product-grid6 card-body">
  395.                                                 <div class="product-image6">
  396.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  397.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/2.png'))}}" alt="img">
  398.                                                     </a>
  399.                                                     <div class="icon-container">
  400.                                                         <ul class="icons">
  401.                                                             <li>
  402.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  403.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  404.                                                                 </a>
  405.                                                             </li>
  406.                                                             <li>
  407.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  408.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  409.                                                                 </a>
  410.                                                             </li>
  411.                                                             <li>
  412.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  413.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  414.                                                                 </a>
  415.                                                             </li>
  416.                                                             <li>
  417.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  418.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  419.                                                                 </a>
  420.                                                             </li>
  421.                                                         </ul>
  422.                                                     </div>
  423.                                                 </div>
  424.                                                 <div class="product-content w-100 p-3">
  425.                                                     <div class="mb-2">
  426.                                                         <h4 class="mb-1 text-normal"> <a href="#">Game Controller Joystick</a> </h4>
  427.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  428.                                                     </div>
  429.                                                     <p class="mb-2 text-warning">
  430.                                                         <span>
  431.                                                             <i class="fa fa-star"></i>
  432.                                                             <i class="fa fa-star"></i>
  433.                                                             <i class="fa fa-star"></i>
  434.                                                             <i class="fa fa-star-half-o"></i>
  435.                                                             <i class="fa fa-star-o"></i>
  436.                                                         </span>
  437.                                                         <span class="ms-2">(3.5)</span>
  438.                                                     </p>
  439.                                                     <div class="d-flex align-items-center justify-content-between">
  440.                                                         <p class="mb-0">
  441.                                                             <span class="text-22">$550</span>
  442.                                                             <span class="text-decoration-line-through text-muted ms-1">$1150</span>
  443.                                                         </p>
  444.                                                         <p class="mb-0 text-primary">in stock</p>
  445.                                                     </div>
  446.                                                 </div>
  447.                                             </div>
  448.                                         </div>
  449.                                     </div>
  450.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  451.                                         <div class="card item-card">
  452.                                             <div class="product-grid6 card-body">
  453.                                                 <div class="product-image6">
  454.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  455.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/8.png'))}}" alt="img">
  456.                                                     </a>
  457.                                                     <div class="icon-container">
  458.                                                         <ul class="icons">
  459.                                                             <li>
  460.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  461.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  462.                                                                 </a>
  463.                                                             </li>
  464.                                                             <li>
  465.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  466.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  467.                                                                 </a>
  468.                                                             </li>
  469.                                                             <li>
  470.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  471.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  472.                                                                 </a>
  473.                                                             </li>
  474.                                                             <li>
  475.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  476.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  477.                                                                 </a>
  478.                                                             </li>
  479.                                                         </ul>
  480.                                                     </div>
  481.                                                 </div>
  482.                                                 <div class="product-content w-100 p-3">
  483.                                                     <div class="mb-2">
  484.                                                         <h4 class="mb-1 text-normal"> <a href="#">Wall Clock - 30cm×30cm</a> </h4>
  485.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  486.                                                     </div>
  487.                                                     <p class="mb-2 text-warning">
  488.                                                         <span>
  489.                                                             <i class="fa fa-star"></i>
  490.                                                             <i class="fa fa-star"></i>
  491.                                                             <i class="fa fa-star"></i>
  492.                                                             <i class="fa fa-star-half-o"></i>
  493.                                                             <i class="fa fa-star-o"></i>
  494.                                                         </span>
  495.                                                         <span class="ms-2">(3.5)</span>
  496.                                                     </p>
  497.                                                     <div class="d-flex align-items-center justify-content-between">
  498.                                                         <p class="mb-0">
  499.                                                             <span class="text-22">$150</span>
  500.                                                             <span class="text-decoration-line-through text-muted ms-1">$170</span>
  501.                                                         </p>
  502.                                                         <p class="mb-0 text-primary">in stock</p>
  503.                                                     </div>
  504.                                                 </div>
  505.                                             </div>
  506.                                         </div>
  507.                                     </div>
  508.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  509.                                         <div class="card item-card">
  510.                                             <div class="product-grid6 card-body">
  511.                                                 <div class="product-image6">
  512.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  513.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/5.png'))}}" alt="img">
  514.                                                     </a>
  515.                                                     <div class="icon-container">
  516.                                                         <ul class="icons">
  517.                                                             <li>
  518.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  519.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  520.                                                                 </a>
  521.                                                             </li>
  522.                                                             <li>
  523.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  524.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  525.                                                                 </a>
  526.                                                             </li>
  527.                                                             <li>
  528.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  529.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  530.                                                                 </a>
  531.                                                             </li>
  532.                                                             <li>
  533.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  534.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  535.                                                                 </a>
  536.                                                             </li>
  537.                                                         </ul>
  538.                                                     </div>
  539.                                                 </div>
  540.                                                 <div class="product-content w-100 p-3">
  541.                                                     <div class="mb-2">
  542.                                                         <h4 class="mb-1 text-normal"> <a href="#">Long Arm Study Desk Lamp</a> </h4>
  543.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  544.                                                     </div>
  545.                                                     <p class="mb-2 text-warning">
  546.                                                         <span>
  547.                                                             <i class="fa fa-star"></i>
  548.                                                             <i class="fa fa-star"></i>
  549.                                                             <i class="fa fa-star"></i>
  550.                                                             <i class="fa fa-star-half-o"></i>
  551.                                                             <i class="fa fa-star-o"></i>
  552.                                                         </span>
  553.                                                         <span class="ms-2">(3.5)</span>
  554.                                                     </p>
  555.                                                     <div class="d-flex align-items-center justify-content-between">
  556.                                                         <p class="mb-0">
  557.                                                             <span class="text-22">$85</span>
  558.                                                             <span class="text-decoration-line-through text-muted ms-1">$150</span>
  559.                                                         </p>
  560.                                                         <p class="mb-0 text-primary">in stock</p>
  561.                                                     </div>
  562.                                                 </div>
  563.                                             </div>
  564.                                         </div>
  565.                                     </div>
  566.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  567.                                         <div class="card item-card">
  568.                                             <div class="product-grid6 card-body">
  569.                                                 <div class="product-image6">
  570.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  571.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/3.png'))}}" alt="img">
  572.                                                     </a>
  573.                                                     <div class="icon-container">
  574.                                                         <ul class="icons">
  575.                                                             <li>
  576.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  577.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  578.                                                                 </a>
  579.                                                             </li>
  580.                                                             <li>
  581.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  582.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  583.                                                                 </a>
  584.                                                             </li>
  585.                                                             <li>
  586.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  587.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  588.                                                                 </a>
  589.                                                             </li>
  590.                                                             <li>
  591.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  592.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  593.                                                                 </a>
  594.                                                             </li>
  595.                                                         </ul>
  596.                                                     </div>
  597.                                                 </div>
  598.                                                 <div class="product-content w-100 p-3">
  599.                                                     <div class="mb-2">
  600.                                                         <h4 class="mb-1 text-normal"> <a href="#">Headphones With Mic</a> </h4>
  601.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  602.                                                     </div>
  603.                                                     <p class="mb-2 text-warning">
  604.                                                         <span>
  605.                                                             <i class="fa fa-star"></i>
  606.                                                             <i class="fa fa-star"></i>
  607.                                                             <i class="fa fa-star"></i>
  608.                                                             <i class="fa fa-star-half-o"></i>
  609.                                                             <i class="fa fa-star-o"></i>
  610.                                                         </span>
  611.                                                         <span class="ms-2">(3.5)</span>
  612.                                                     </p>
  613.                                                     <div class="d-flex align-items-center justify-content-between">
  614.                                                         <p class="mb-0">
  615.                                                             <span class="text-22">$175</span>
  616.                                                             <span class="text-decoration-line-through text-muted ms-1">$250</span>
  617.                                                         </p>
  618.                                                         <p class="mb-0 text-primary">in stock</p>
  619.                                                     </div>
  620.                                                 </div>
  621.                                             </div>
  622.                                         </div>
  623.                                     </div>
  624.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  625.                                         <div class="card item-card">
  626.                                             <div class="product-grid6 card-body">
  627.                                                 <div class="product-image6">
  628.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  629.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/9.png'))}}" alt="img">
  630.                                                     </a>
  631.                                                     <div class="icon-container">
  632.                                                         <ul class="icons">
  633.                                                             <li>
  634.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  635.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  636.                                                                 </a>
  637.                                                             </li>
  638.                                                             <li>
  639.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  640.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  641.                                                                 </a>
  642.                                                             </li>
  643.                                                             <li>
  644.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  645.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  646.                                                                 </a>
  647.                                                             </li>
  648.                                                             <li>
  649.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  650.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  651.                                                                 </a>
  652.                                                             </li>
  653.                                                         </ul>
  654.                                                     </div>
  655.                                                 </div>
  656.                                                 <div class="product-content w-100 p-3">
  657.                                                     <div class="mb-2">
  658.                                                         <h4 class="mb-1 text-normal"> <a href="#">Digital Watch For Men</a> </h4>
  659.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  660.                                                     </div>
  661.                                                     <p class="mb-2 text-warning">
  662.                                                         <span>
  663.                                                             <i class="fa fa-star"></i>
  664.                                                             <i class="fa fa-star"></i>
  665.                                                             <i class="fa fa-star"></i>
  666.                                                             <i class="fa fa-star"></i>
  667.                                                             <i class="fa fa-star-o"></i>
  668.                                                         </span>
  669.                                                         <span class="ms-2">(4.0)</span>
  670.                                                     </p>
  671.                                                     <div class="d-flex align-items-center justify-content-between">
  672.                                                         <p class="mb-0">
  673.                                                             <span class="text-22">$215</span>
  674.                                                             <span class="text-decoration-line-through text-muted ms-1">$350</span>
  675.                                                         </p>
  676.                                                         <p class="mb-0 text-primary">in stock</p>
  677.                                                     </div>
  678.                                                 </div>
  679.                                             </div>
  680.                                         </div>
  681.                                     </div>
  682.                                     <div class="col-12 col-md-6 col-sm-6 col-lg-6 col-xl-3 product-each">
  683.                                         <div class="card item-card">
  684.                                             <div class="product-grid6 card-body">
  685.                                                 <div class="product-image6">
  686.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  687.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/1.png'))}}" alt="img">
  688.                                                     </a>
  689.                                                     <div class="icon-container">
  690.                                                         <ul class="icons">
  691.                                                             <li>
  692.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  693.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M12,8c-2.2091675,0-4,1.7908325-4,4s1.7908325,4,4,4c2.208252-0.0021973,3.9978027-1.791748,4-4C16,9.7908325,14.2091675,8,12,8z M12,15c-1.6568604,0-3-1.3431396-3-3s1.3431396-3,3-3c1.6561279,0.0018311,2.9981689,1.3438721,3,3C15,13.6568604,13.6568604,15,12,15z M21.960022,11.8046875C19.9189453,6.9902344,16.1025391,4,12,4s-7.9189453,2.9902344-9.960022,7.8046875c-0.0537109,0.1246948-0.0537109,0.2659302,0,0.390625C4.0810547,17.0097656,7.8974609,20,12,20s7.9190063-2.9902344,9.960022-7.8046875C22.0137329,12.0706177,22.0137329,11.9293823,21.960022,11.8046875z M12,19c-3.6396484,0-7.0556641-2.6767578-8.9550781-7C4.9443359,7.6767578,8.3603516,5,12,5s7.0556641,2.6767578,8.9550781,7C19.0556641,16.3232422,15.6396484,19,12,19z"></path></svg>
  694.                                                                 </a>
  695.                                                             </li>
  696.                                                             <li>
  697.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  698.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.2246094,4.5693359C17.9908447,2.3260498,14.4058838,2.1826172,12,4.2402344C9.5941162,2.1826172,6.0091553,2.3260498,3.7753906,4.5693359c-2.3632812,2.3798218-2.3632812,6.2207642,0,8.6005859l7.8701172,7.8955078c0.09375,0.0944824,0.2213745,0.147583,0.3544922,0.1474609c0.1331177,0.0001221,0.2607422-0.0529785,0.3544922-0.1474609l7.8701172-7.8955078C22.5878906,10.7901001,22.5878906,6.9491577,20.2246094,4.5693359z M19.515625,12.4649048L12,20.0048828l-7.515625-7.5400391c-1.9755859-1.9897461-1.9755859-5.2007446,0-7.1904297C5.430603,4.319458,6.7201538,3.7837524,8.0644531,3.7871094c1.3446655-0.00354,2.6345825,0.5322266,3.5810547,1.4873657c0.1983643,0.1894531,0.5106201,0.1894531,0.7089844,0c0.0047607-0.0047607,0.0094604-0.0095215,0.0142212-0.0142822c1.9775391-1.9696045,5.1773071-1.9632568,7.1469116,0.0142822C21.4912109,7.2641602,21.4912109,10.4751587,19.515625,12.4649048z"></path></svg>
  699.                                                                 </a>
  700.                                                             </li>
  701.                                                             <li>
  702.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  703.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M9,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C11,18.8954468,10.1045532,18,9,18z M9,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C10,20.5523071,9.5523071,21,9,21z M17,18c-1.1045532,0-2,0.8954468-2,2s0.8954468,2,2,2c1.1040039-0.0014038,1.9985962-0.8959961,2-2C19,18.8954468,18.1045532,18,17,18z M17,21c-0.5523071,0-1-0.4476929-1-1s0.4476929-1,1-1c0.552124,0.0003662,0.9996338,0.447876,1,1C18,20.5523071,17.5523071,21,17,21z M19.4985352,12.0502319l1.9848633-7.4213257c0.0111694-0.0419312,0.0167847-0.085083,0.0167847-0.128479C21.5002441,4.2241211,21.2763062,4.000061,21,4H5.9198608L5.4835205,2.371582C5.4249268,2.1530151,5.2268677,2.0009766,5.0005493,2.0009766H3.5048218C3.5031128,2.0009766,3.501709,2,3.5,2C3.223877,2,3,2.223877,3,2.5S3.223877,3,3.5,3v0.0009766L4.6162109,3l2.579834,9.6288452C7.2546387,12.8477783,7.453064,13,7.6796875,13H11h6.8603516H19c0.8284302,0,1.5,0.6715698,1.5,1.5S19.8284302,16,19,16H5c-0.276123,0-0.5,0.223877-0.5,0.5S4.723877,17,5,17h14c1.3807373,0,2.5-1.1192627,2.5-2.5C21.5,13.2900391,20.6403809,12.2813721,19.4985352,12.0502319z M18.4761963,12h-0.6158447H11H8.0634766L6.1878052,5h14.1608276L18.4761963,12z"></path></svg>
  704.                                                                 </a>
  705.                                                             </li>
  706.                                                             <li>
  707.                                                                 <a href="{{ absolute_url(path('app_checkout')) }}" data-tip="notify me">
  708.                                                                     <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M18,14.1V10c0-3.1-2.4-5.7-5.5-6V2.5C12.5,2.2,12.3,2,12,2s-0.5,0.2-0.5,0.5V4C8.4,4.3,6,6.9,6,10v4.1c-1.1,0.2-2,1.2-2,2.4v2C4,18.8,4.2,19,4.5,19h3.7c0.5,1.7,2,3,3.8,3c1.8,0,3.4-1.3,3.8-3h3.7c0.3,0,0.5-0.2,0.5-0.5v-2C20,15.3,19.1,14.3,18,14.1z M7,10c0-2.8,2.2-5,5-5s5,2.2,5,5v4H7V10z M13,20.8c-1.6,0.5-3.3-0.3-3.8-1.8h5.6C14.5,19.9,13.8,20.5,13,20.8z M19,18H5v-1.5C5,15.7,5.7,15,6.5,15h11c0.8,0,1.5,0.7,1.5,1.5V18z"/></svg>
  709.                                                                 </a>
  710.                                                             </li>
  711.                                                         </ul>
  712.                                                     </div>
  713.                                                 </div>
  714.                                                 <div class="product-content w-100 p-3">
  715.                                                     <div class="mb-2">
  716.                                                         <h4 class="mb-1 text-normal"> <a href="#">Digital Camera With Lens</a> </h4>
  717.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  718.                                                     </div>
  719.                                                     <p class="mb-2 text-warning">
  720.                                                         <span>
  721.                                                             <i class="fa fa-star"></i>
  722.                                                             <i class="fa fa-star"></i>
  723.                                                             <i class="fa fa-star"></i>
  724.                                                             <i class="fa fa-star"></i>
  725.                                                             <i class="fa fa-star-o"></i>
  726.                                                         </span>
  727.                                                         <span class="ms-2">(4.0)</span>
  728.                                                     </p>
  729.                                                     <div class="d-flex align-items-center justify-content-between">
  730.                                                         <p class="mb-0">
  731.                                                             <span class="text-22">$715</span>
  732.                                                             <span class="text-decoration-line-through text-muted ms-1">$1350</span>
  733.                                                         </p>
  734.                                                         <p class="mb-0 text-secondary">item unavailable</p>
  735.                                                     </div>
  736.                                                 </div>
  737.                                             </div>
  738.                                         </div>
  739.                                     </div>
  740.                                 </div>
  742.                                 <div class="mb-5">
  743.                                     <div class="float-end">
  744.                                         <ul class="pagination ">
  745.                                             <li class="page-item page-prev disabled">
  746.                                                 <a class="page-link" href="#" tabindex="-1">Prev</a>
  747.                                             </li>
  748.                                             <li class="page-item active"><a class="page-link" href="#">1</a></li>
  749.                                             <li class="page-item"><a class="page-link" href="#">2</a></li>
  750.                                             <li class="page-item"><a class="page-link" href="#">3</a></li>
  751.                                             <li class="page-item"><a class="page-link" href="#">4</a></li>
  752.                                             <li class="page-item"><a class="page-link" href="#">5</a></li>
  753.                                             <li class="page-item page-next">
  754.                                                 <a class="page-link" href="#">Next</a>
  755.                                             </li>
  756.                                         </ul>
  757.                                     </div>
  758.                                 </div>
  759.                             </div><!-- COL-END -->
  760.                         </div>
  761.                         <!-- ROW-1 CLOSED -->
  762.                         
  763. {% endblock %}
  764. {% block javascripts %}
  765.    {{parent()}} 
  766.         <!-- INTERNAL SELECT2 JS -->
  767.         <script src="{{absolute_url(asset('build/plugins/select2/select2.full.min.js'))}}"></script>
  768.         {{ encore_entry_script_tags('js/select2') }}
  770.         <!-- PRODUCTS JS -->
  771.          {{ encore_entry_script_tags('js/products') }}
  772. {% endblock %}