templates/product_details/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">Product Details</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">Product Details</li>
  15.                                 </ol>
  16.                             </div>
  17.                         </div><!-- PAGE-HEADER END -->
  19.                         <!-- ROW-1 OPEN -->
  20.                         <div class="row">
  21.                             <!-- COL-OPEN -->
  22.                             <div class="col-lg-12 col-md-12">
  24.                                 <div class="card productdesc">
  25.                                     <div class="card-body">
  26.                                         <div class="row mb-5">
  27.                                             <div class=" col-xl-6 col-lg-12 col-md-12">
  28.                                                 <div class="row h-100">
  29.                                                     <div class="col-xl-2">
  30.                                                         <div class="clearfix carousel-slider h-100">
  31.                                                             <div class="carousel slide h-100" data-bs-interval="t" id="thumbcarousel">
  32.                                                                 <div class="carousel-inner h-100">
  33.                                                                     <ul class="carousel-item active d-flex h-100">
  34.                                                                         <li class="thumb my-2" data-bs-slide-to="0" data-bs-target="#Slider"><img alt="img" src="{{absolute_url(asset('build/images/pngs/6.png'))}}"></li>
  35.                                                                         <li class="thumb my-2" data-bs-slide-to="1" data-bs-target="#Slider"><img alt="img" src="{{absolute_url(asset('build/images/pngs/2.png'))}}"></li>
  36.                                                                         <li class="thumb my-2 active" data-bs-slide-to="2" data-bs-target="#Slider"><img alt="img" src="{{absolute_url(asset('build/images/pngs/3.png'))}}"></li>
  37.                                                                         <li class="thumb my-2" data-bs-slide-to="3" data-bs-target="#Slider"><img alt="img" src="{{absolute_url(asset('build/images/pngs/4.png'))}}"></li>
  38.                                                                         <li class="thumb my-2" data-bs-slide-to="4" data-bs-target="#Slider"><img alt="img" src="{{absolute_url(asset('build/images/pngs/9.png'))}}"></li>
  39.                                                                     </ul>
  40.                                                                 </div>
  41.                                                             </div>
  42.                                                         </div>
  43.                                                     </div>
  44.                                                     <div class="col-xl-10">
  45.                                                         <div class="product-carousel h-100">
  46.                                                             <div class="carousel slide h-100" data-bs-ride="false" id="Slider">
  47.                                                                 <div class="carousel-inner h-100">
  48.                                                                     <div class="carousel-item">
  49.                                                                         <img alt="img" class="img-fluid w-100 d-block" src="{{absolute_url(asset('build/images/pngs/6.png'))}}">
  50.                                                                     </div>
  51.                                                                     <div class="carousel-item">
  52.                                                                         <img alt="img" class="img-fluid w-100 d-block" src="{{absolute_url(asset('build/images/pngs/2.png'))}}">
  53.                                                                     </div>
  54.                                                                     <div class="carousel-item active">
  55.                                                                         <img alt="img" class="img-fluid w-100 d-block" src="{{absolute_url(asset('build/images/pngs/3.png'))}}">
  56.                                                                     </div>
  57.                                                                     <div class="carousel-item">
  58.                                                                         <img alt="img" class="img-fluid w-100 d-block" src="{{absolute_url(asset('build/images/pngs/4.png'))}}">
  59.                                                                     </div>
  60.                                                                     <div class="carousel-item">
  61.                                                                         <img alt="img" class="img-fluid w-100 d-block" src="{{absolute_url(asset('build/images/pngs/9.png'))}}">
  62.                                                                     </div>
  63.                                                                 </div>
  64.                                                             </div>
  65.                                                         </div>
  66.                                                     </div>
  67.                                                 </div>
  68.                                             </div>
  69.                                             <div class="col-xl-6 col-lg-12 col-md-12">
  71.                                                     <h3 class="mb-2 mt-xl-0 mt-4">Bluetooth V5.1 Headphones With Mic - Wired Headset(Pale Pink)</h3>
  72.                                                     <div class="text-warning rating-container d-sm-flex">
  73.                                                         <div class="text-warning">
  74.                                                             <span class="text-muted">Rating:</span>
  75.                                                             <i class="fa fa-star"></i>
  76.                                                             <i class="fa fa-star"></i>
  77.                                                             <i class="fa fa-star"></i>
  78.                                                             <i class="fa fa-star"></i>
  79.                                                             <i class="fa fa-star-half-o"></i>
  80.                                                         </div>
  81.                                                         <div class="ms-2">
  82.                                                             <span class="me-3">(4.3)</span> <a class="text-info" href="#">
  83.                                                                 <svg class="w-inner-icn text-info" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  84.                                                             <path d="M21.5,21h-19C2.223877,21,2,21.223877,2,21.5S2.223877,22,2.5,22h19c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,21,21.5,21z M4.5,18.0888672h5c0.1326294,0,0.2597656-0.0527344,0.3534546-0.1465454l10-10c0.000061,0,0.0001221-0.000061,0.0001831-0.0001221c0.1951294-0.1952515,0.1950684-0.5117188-0.0001831-0.7068481l-5-5c0-0.000061-0.000061-0.0001221-0.0001221-0.0001221c-0.1951904-0.1951904-0.5117188-0.1951294-0.7068481,0.0001221l-10,10C4.0526733,12.3291016,4,12.4562378,4,12.5888672v5c0,0.0001831,0,0.0003662,0,0.0005493C4.0001831,17.8654175,4.223999,18.0890503,4.5,18.0888672z M14.5,3.2958984l4.2930298,4.2929688l-2.121582,2.121582l-4.2926025-4.293396L14.5,3.2958984z M5,12.7958984l6.671814-6.671814l4.2926025,4.293396l-6.6713867,6.6713867H5V12.7958984z"></path></svg> <span>37</span>
  85.                                                             Reviews</a>
  86.                                                         </div>
  87.                                                     </div>
  88.                                                     <p class="mb-0 text-18 mt-5">Price</p>
  89.                                                     <p class="mb-1">
  90.                                                         <span class="text-dark text-22">$1,350</span>
  91.                                                         <span class="mx-2 text-muted text-decoration-line-through">$3,390</span>
  92.                                                         <span class="text-dark">(20% Off)</span>
  93.                                                     </p>
  94.                                                     <p class="text-muted mb-0">inc. of all taxes</p>
  95.                                                     <div class="mt-5">
  96.                                                         <span>No Cost EMI Available.</span> <span class="mb-1">starts form <span class=" text-dark">$130</span> per month. <span><a class="text-info" href="#">details</a></span></span>
  97.                                                         <p class="text-muted m-0">t&c apply</p>
  98.                                                     </div>
  99.                                                     <div class="mt-5">
  100.                                                         <div class="row">
  101.                                                             <div class="col-md-3">
  102.                                                                 <input type="number" class="form-control" value="2">
  103.                                                             </div>
  104.                                                             <div class="col-auto d-flex align-items-center">
  105.                                                                 <p class="mb-0 text-muted">
  106.                                                                     <svg class="w-inner-icn" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  107.                                                                         <path d="M12.1124268,2.0010986C7.6941528,1.9389648,4.0620728,5.4703979,4,9.8886719c0,5.4482422,7.3642578,11.7285156,7.6777344,11.9931641C11.7677002,21.958313,11.881958,22.0001831,12,22c0.118042,0.0001831,0.2322998-0.041687,0.3222656-0.1181641C12.6357422,21.6171875,20,15.3369141,20,9.8886719C19.9391479,5.5579224,16.4431763,2.0619507,12.1124268,2.0010986z M12,20.8339844C10.5839844,19.5625,5,14.2666016,5,9.8886719C5.0353394,6.0553589,8.166626,2.973877,12,3c3.833374-0.026123,6.9647217,3.0553589,7,6.8886719C19,14.2626953,13.414978,19.5615234,12,20.8339844z M12,7c-1.6568604,0-3,1.3431396-3,3s1.3431396,3,3,3c1.6561279-0.0018311,2.9981689-1.3438721,3-3C15,8.3431396,13.6568604,7,12,7z M12,12c-1.1045532,0-2-0.8954468-2-2s0.8954468-2,2-2c1.1040039,0.0014038,1.9985962,0.8959961,2,2C14,11.1045532,13.1045532,12,12,12z"></path>
  108.                                                                     </svg>
  109.                                                                     Deliver to Elena Gilbert.<a href="{{ absolute_url(path('app_checkout')) }}" role="button" class="text-teritary mx-2">change</a>
  110.                                                                 </p>
  111.                                                             </div>
  112.                                                         </div>
  113.                                                     </div>
  114.                                                     <div class="mt-5">
  115.                                                         <div class="row">
  116.                                                             <div class="col-md-2 text-center border br-7 py-3 px-4 m-1">
  117.                                                                 <svg xmlns="http://www.w3.org/2000/svg" class="w-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.5,5h-4C17.223877,5,17,5.223877,17,5.5S17.223877,6,17.5,6H21v12H10.7069702l1.6464844-1.6464844c0.1871948-0.1937866,0.1871948-0.5009766,0-0.6947021c-0.1918335-0.1986694-0.5083618-0.2041626-0.7069702-0.0122681l-2.5,2.5c-0.000061,0-0.0001221,0.000061-0.0001221,0.0001221c-0.1951904,0.1951904-0.1951294,0.5117188,0.0001221,0.7068481l2.5,2.5C11.7401123,21.4474487,11.8673706,21.5001831,12,21.5c0.1325684,0,0.2597046-0.0526733,0.3533936-0.1464233c0.1953125-0.1952515,0.1953125-0.5118408,0.0001221-0.7070923L10.7069702,19h10.7936401C21.7765503,18.9998169,22.0001831,18.776001,22,18.5V5.4993896C21.9998169,5.2234497,21.776001,4.9998169,21.5,5z M5.5,18H3V6h10.2930298l-1.6465454,1.6464844c-0.09375,0.09375-0.1464233,0.2208862-0.1464233,0.3534546C11.5,8.276062,11.723877,8.499939,12,8.5c0.1326294,0.0001221,0.2598267-0.0525513,0.3534546-0.1464844l2.5-2.5c0.000061-0.000061,0.0001221-0.000061,0.0001831-0.0001221c0.1951294-0.1952515,0.1950684-0.5117188-0.0001831-0.7068481l-2.5-2.5c-0.1937256-0.1871338-0.5009155-0.1871338-0.6947021,0c-0.1986084,0.1918335-0.2041016,0.5083618-0.0122681,0.7069702L13.2930298,5H2.4993896C2.2234497,5.0001831,1.9998169,5.223999,2,5.5v13.0005493C2.0001831,18.7765503,2.223999,19.0001831,2.5,19h3C5.776123,19,6,18.776123,6,18.5S5.776123,18,5.5,18z"/></svg>
  118.                                                                 <p class="mb-0 mt-2">10Days <br> Replacement</p>
  119.                                                             </div>
  120.                                                             <div class="col-md-2 text-center border br-7 py-3 px-4 m-1">
  121.                                                                 <svg xmlns="http://www.w3.org/2000/svg" class="w-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M14.5,11.5h-2v-2C12.5,9.2,12.3,9,12,9s-0.5,0.2-0.5,0.5v2h-2C9.2,11.5,9,11.7,9,12s0.2,0.5,0.5,0.5h2v2c0,0,0,0,0,0c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5v-2h2c0.3,0,0.5-0.2,0.5-0.5S14.8,11.5,14.5,11.5z M20,3.8c-0.1-0.3-0.3-0.4-0.6-0.4c-2.5,0.5-5,0-7.1-1.5c-0.2-0.1-0.4-0.1-0.6,0c-2.1,1.4-4.6,2-7.1,1.5c0,0-0.1,0-0.1,0C4.2,3.4,4,3.6,4,3.9v8c0,2.9,1.4,5.7,3.8,7.4l3.9,2.8c0.1,0.1,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.3-0.1l3.9-2.8c2.4-1.7,3.8-4.5,3.8-7.4v-8C20,3.8,20,3.8,20,3.8z M19,11.9c0,2.6-1.3,5.1-3.4,6.6L12,21.1l-3.6-2.6c-2.1-1.5-3.4-4-3.4-6.6V4.5c2.4,0.4,4.9-0.2,7-1.5c2.1,1.3,4.6,1.9,7,1.5V11.9z"/></svg>
  122.                                                                 <p class="mb-0 mt-2">1yr <br> Warranty</p>
  123.                                                             </div>
  124.                                                             <div class="col-md-2 text-center border br-7 py-3 px-4 m-1">
  125.                                                                 <svg xmlns="http://www.w3.org/2000/svg" class="w-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.5,11.5c-0.276123,0-0.5,0.223877-0.5,0.5c-0.0076294,3.3253174-1.8441162,6.376709-4.7788086,7.9404297c-4.3968506,2.3427734-9.8604126,0.6776123-12.203125-3.7192383C1.675293,11.8243408,3.3404541,6.3607788,7.7373047,4.0180664C11.8783569,1.8115845,16.9633789,3.1623535,19.4984741,7H16.5C16.223877,7,16,7.223877,16,7.5S16.223877,8,16.5,8h4c0.0001831,0,0.0003662,0,0.0006104,0C20.7765503,7.9998169,21.0001831,7.776001,21,7.5v-4C21,3.223877,20.776123,3,20.5,3S20,3.223877,20,3.5v2.4971924C18.1317139,3.5110474,15.1925659,2.0039673,12.0252686,2C6.5024414,1.993042,2.0196533,6.4645386,2.0126343,11.9873657C2.0056763,17.5101929,6.4771729,21.993042,12,22c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,11.723877,21.776123,11.5,21.5,11.5z"/></svg>
  126.                                                                 <p class="mb-0 mt-2">Easy <br> Return</p>
  127.                                                             </div>
  128.                                                         </div>
  129.                                                     </div>
  131.                                             </div>
  132.                                         </div>
  134.                                         <div class="row mt-5">
  135.                                             <div class="col-md-12">
  136.                                                 <div class="mt-4 mb-4">
  137.                                                     <h3>Bluetooth V5.1 Headphones With Mic - Wired Headset</h3>
  138.                                                     <h5 class="mb-3 mt-2">Description</h5>
  139.                                                     <p>Justo labore no duo eirmod voluptua sit lorem duo. Et sanctus ipsum dolores gubergren dolor sed eirmod et at, stet vero et est et sit sed, dolores sed amet et.</p>
  140.                                                     <p>Dolore et lorem takimata rebum ipsum sanctus aliquyam dolor lorem, et ipsum diam sit eirmod ipsum consetetur eirmod et sed..On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized .</p>
  141.                                                 </div>
  142.                                                 <div class="panel panel-primary">
  143.                                                     <div class="tab-menu-heading border-bottom-0">
  144.                                                         <div class="tabs-menu">
  145.                                                             <!-- Tabs -->
  146.                                                             <ul class="nav panel-tabs">
  147.                                                                 <li>
  148.                                                                     <a class="active me-2 my-sm-0 my-1 text-body" data-bs-toggle="tab" href="#tab1">Specifications</a>
  149.                                                                 </li>
  150.                                                                 <li>
  151.                                                                     <a class="me-2 my-sm-0 my-1 text-body" data-bs-toggle="tab" href="#tab2">Dimensions</a>
  152.                                                                 </li>
  153.                                                                 <li>
  154.                                                                     <a class="text-body my-sm-0 my-1" data-bs-toggle="tab" href="#tab3">Reviews</a>
  155.                                                                 </li>
  156.                                                             </ul>
  157.                                                         </div>
  158.                                                     </div>
  159.                                                     <div class="panel-body tabs-menu-body">
  160.                                                         <div class="tab-content">
  161.                                                             <div class="tab-pane active" id="tab1">
  162.                                                                 <h4 class="mb-5 mt-3">General</h4>
  163.                                                                 <ul class="list-unstyled mb-0">
  164.                                                                     <li class="row">
  165.                                                                         <div class="col-sm-3 text-muted">
  166.                                                                             Brand
  167.                                                                         </div>
  168.                                                                         <div class="col-sm-3">
  169.                                                                             Sample Brand
  170.                                                                         </div>
  171.                                                                     </li>
  172.                                                                     <li class=" row">
  173.                                                                         <div class="col-sm-3 text-muted">
  174.                                                                             Model Number
  175.                                                                         </div>
  176.                                                                         <div class="col-sm-3">
  177.                                                                             IDLYHNY1116
  178.                                                                         </div>
  179.                                                                     </li>
  180.                                                                     <li class="p-b-20 row">
  181.                                                                         <div class="col-sm-3 text-muted">
  182.                                                                             Model Name
  183.                                                                         </div>
  184.                                                                         <div class="col-sm-3">
  185.                                                                             Model Sample
  186.                                                                         </div>
  187.                                                                     </li>
  188.                                                                     <li class="p-b-20 row">
  189.                                                                         <div class="col-sm-3 text-muted">
  190.                                                                             Released Date
  191.                                                                         </div>
  192.                                                                         <div class="col-sm-3">
  193.                                                                             13-10-2021
  194.                                                                         </div>
  195.                                                                     </li>
  196.                                                                     <li class="p-b-20 row">
  197.                                                                         <div class="col-sm-3 text-muted">
  198.                                                                             Material
  199.                                                                         </div>
  200.                                                                         <div class="col-sm-3">
  201.                                                                             Plastic
  202.                                                                         </div>
  203.                                                                     </li>
  204.                                                                     <li class="p-b-20 row">
  205.                                                                         <div class="col-sm-3 text-muted">
  206.                                                                             Color
  207.                                                                         </div>
  208.                                                                         <div class="col-sm-3">
  209.                                                                             Pale Pink
  210.                                                                         </div>
  211.                                                                     </li>
  212.                                                                 </ul>
  213.                                                             </div>
  214.                                                             <div class="tab-pane" id="tab2">
  215.                                                                 <ul class="list-unstyled mb-0">
  216.                                                                     <li class="row">
  217.                                                                         <div class="col-sm-3 text-muted">
  218.                                                                             Width
  219.                                                                         </div>
  220.                                                                         <div class="col-sm-3">
  221.                                                                             7.3 inch
  222.                                                                         </div>
  223.                                                                     </li>
  224.                                                                     <li class=" row">
  225.                                                                         <div class="col-sm-3 text-muted">
  226.                                                                             Height
  227.                                                                         </div>
  228.                                                                         <div class="col-sm-3">
  229.                                                                             15 inch
  230.                                                                         </div>
  231.                                                                     </li>
  232.                                                                     <li class=" row">
  233.                                                                         <div class="col-sm-3 text-muted">
  234.                                                                             Weight
  235.                                                                         </div>
  236.                                                                         <div class="col-sm-3">
  237.                                                                             50.5gm
  238.                                                                         </div>
  239.                                                                     </li>
  240.                                                                     <li class="p-b-20 row">
  241.                                                                         <div class="col-sm-3 text-muted">
  242.                                                                             Depth
  243.                                                                         </div>
  244.                                                                         <div class="col-sm-3">
  245.                                                                             6.1 inch
  246.                                                                         </div>
  247.                                                                     </li>
  248.                                                                     <li class="p-b-20 row">
  249.                                                                         <div class="col-sm-3 text-muted">
  250.                                                                             Other Dimensions
  251.                                                                         </div>
  252.                                                                         <div class="col-sm-3">
  253.                                                                             17.5 * 13.5 * 24CM
  254.                                                                         </div>
  255.                                                                     </li>
  256.                                                                 </ul>
  257.                                                             </div>
  258.                                                             <div class="tab-pane" id="tab3">
  259.                                                                 <ul class="comment-section-main">
  260.                                                                     <li>
  261.                                                                         <div class="media mb-5 cnsl">
  262.                                                                             <div class=" me-3">
  263.                                                                                 <a href="#"><img alt="64x64" class="media-object rounded-circle thumb-sm" src="{{absolute_url(asset('build/images/users/5.jpg'))}}"></a>
  264.                                                                             </div>
  265.                                                                             <div class="media-body">
  266.                                                                                 <div class="name-time-container d-flex">
  267.                                                                                     <h5 class="mt-0 mb-0 me-2">David Neilson</h5><svg class="mx-2 me-1" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  268.                                                                                     <path d="M11.999939,6.5c-0.276123,0-0.5,0.223877-0.5,0.5v4.6914062l-2.7059937,1.3623047c-0.168457,0.0848999-0.2747803,0.2573853-0.2749634,0.4460449C8.5187988,13.7758789,8.7424927,13.9998169,9.0185547,14c0.078064,0.0003662,0.1550903-0.0180664,0.2245483-0.0537109l2.9814453-1.5C12.3933105,12.3615112,12.4998169,12.1888428,12.499939,12V7C12.499939,6.723877,12.276123,6.5,11.999939,6.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"></path></svg> <span class="time-main text-muted">2h ago</span>
  269.                                                                                 </div>
  270.                                                                                 <div class="text-warning mb-0">
  271.                                                                                     <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i>
  272.                                                                                 </div>
  273.                                                                                 <div class="comment-main-action d-flex">
  274.                                                                                     <p class="font-13 text-muted mb-0 comment-main">Weh du dann die vom von und ergötzt denkst sanken..</p>
  275.                                                                                 </div><a href="#"><span class="badge btn-custom rounded-pill">Reply</span></a>
  276.                                                                             </div>
  277.                                                                         </div>
  278.                                                                     </li>
  279.                                                                     <li>
  280.                                                                         <div class="media mb-5">
  281.                                                                             <div class=" me-3">
  282.                                                                                 <a href="#"><img alt="64x64" class="media-object rounded-circle thumb-sm" src="{{absolute_url(asset('build/images/users/5.jpg'))}}"></a>
  283.                                                                             </div>
  284.                                                                             <div class="media-body">
  285.                                                                                 <div class="name-time-container d-flex">
  286.                                                                                     <h5 class="mt-0 mb-0 me-2">Nikki Taylor</h5><svg class="mx-2 me-1" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  287.                                                                                     <path d="M11.999939,6.5c-0.276123,0-0.5,0.223877-0.5,0.5v4.6914062l-2.7059937,1.3623047c-0.168457,0.0848999-0.2747803,0.2573853-0.2749634,0.4460449C8.5187988,13.7758789,8.7424927,13.9998169,9.0185547,14c0.078064,0.0003662,0.1550903-0.0180664,0.2245483-0.0537109l2.9814453-1.5C12.3933105,12.3615112,12.4998169,12.1888428,12.499939,12V7C12.499939,6.723877,12.276123,6.5,11.999939,6.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"></path></svg> <span class="time-main text-muted">1h ago</span>
  288.                                                                                 </div>
  289.                                                                                 <div class="text-warning mb-0">
  290.                                                                                     <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i>
  291.                                                                                 </div>
  292.                                                                                 <div class="comment-main-action d-flex">
  293.                                                                                     <p class="font-13 text-muted mb-0 comment-main"><span class="text-teritary">@David Neilson</span> De tout plus o amer coups un eau. Confiture impassibles un de bords fumant poissons.</p>
  294.                                                                                 </div><a href="javascript:void(0)"><span class="badge btn-custom rounded-pill">Reply</span></a>
  295.                                                                             </div>
  296.                                                                         </div>
  297.                                                                     </li>
  298.                                                                     <li>
  299.                                                                         <div class="media mb-5">
  300.                                                                             <div class=" me-3">
  301.                                                                                 <a href="#"><img alt="64x64" class="media-object rounded-circle thumb-sm" src="{{absolute_url(asset('build/images/users/5.jpg'))}}"></a>
  302.                                                                             </div>
  303.                                                                             <div class="media-body">
  304.                                                                                 <div class="name-time-container d-flex">
  305.                                                                                     <h5 class="mt-0 mb-0 me-2">Halsey Glenn</h5><svg class="mx-2 me-1" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  306.                                                                                     <path d="M11.999939,6.5c-0.276123,0-0.5,0.223877-0.5,0.5v4.6914062l-2.7059937,1.3623047c-0.168457,0.0848999-0.2747803,0.2573853-0.2749634,0.4460449C8.5187988,13.7758789,8.7424927,13.9998169,9.0185547,14c0.078064,0.0003662,0.1550903-0.0180664,0.2245483-0.0537109l2.9814453-1.5C12.3933105,12.3615112,12.4998169,12.1888428,12.499939,12V7C12.499939,6.723877,12.276123,6.5,11.999939,6.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"></path></svg> <span class="time-main text-muted">30min ago</span>
  307.                                                                                 </div>
  308.                                                                                 <div class="text-warning mb-0">
  309.                                                                                     <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i>
  310.                                                                                 </div>
  311.                                                                                 <div class="comment-main-action d-flex">
  312.                                                                                     <p class="font-13 text-muted mb-0 comment-main"><span class="text-teritary">@Nikki Taylor</span> Condemned reverie shun friends yet he domestic bade, the aye longed fondly.</p>
  313.                                                                                 </div><a href="javascript:void(0)"><span class="badge btn-custom rounded-pill">Reply</span></a>
  314.                                                                             </div>
  315.                                                                         </div>
  316.                                                                     </li>
  317.                                                                     <li class="mb-0">
  318.                                                                         <div class="media mb-0">
  319.                                                                             <div class=" me-3">
  320.                                                                                 <a href="#"><img alt="64x64" class="media-object rounded-circle thumb-sm" src="{{absolute_url(asset('build/images/users/15.jpg'))}}"></a>
  321.                                                                             </div>
  322.                                                                             <div class="media-body">
  323.                                                                                 <div class="name-time-container d-flex">
  324.                                                                                     <h5 class="mt-0 mb-0 me-2">Jon Fincher</h5><svg class="mx-2 me-1" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
  325.                                                                                     <path d="M11.999939,6.5c-0.276123,0-0.5,0.223877-0.5,0.5v4.6914062l-2.7059937,1.3623047c-0.168457,0.0848999-0.2747803,0.2573853-0.2749634,0.4460449C8.5187988,13.7758789,8.7424927,13.9998169,9.0185547,14c0.078064,0.0003662,0.1550903-0.0180664,0.2245483-0.0537109l2.9814453-1.5C12.3933105,12.3615112,12.4998169,12.1888428,12.499939,12V7C12.499939,6.723877,12.276123,6.5,11.999939,6.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5201416-0.0064697,9.9935303-4.4798584,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9683228,0.0054321,8.9945679,4.0316772,9,9C21,16.9705811,16.9705811,21,12,21z"></path></svg> <span class="time-main text-muted">3h ago</span>
  326.                                                                                 </div>
  327.                                                                                 <div class="text-warning mb-0">
  328.                                                                                     <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star-o"></i> <i class="fa fa-star-o"></i>
  329.                                                                                 </div>
  330.                                                                                 <div class="comment-main-action d-flex">
  331.                                                                                     <p class="font-13 text-muted mb-0 comment-main">Labore tempor vero stet tempor et dolores ipsum.</p>
  332.                                                                                 </div><a href="javascript:void(0)"><span class="badge btn-custom rounded-pill">Reply</span></a>
  333.                                                                             </div>
  334.                                                                         </div>
  335.                                                                     </li>
  336.                                                                 </ul>
  337.                                                             </div>
  338.                                                         </div>
  339.                                                     </div>
  340.                                                 </div>
  341.                                             </div>
  342.                                         </div>
  343.                                     </div>
  344.                                 </div>
  346.                                 <div class="row mt-5">
  347.                                     <div class="col-md-12">
  348.                                         <div class="card">
  349.                                             <div class="card-body">
  350.                                                 <h5 class="mb-3">Add Review</h5>
  351.                                                 <form action="{{ absolute_url(path('app_home')) }}" class="form-horizontal m-t-20">
  352.                                                     <div class="form-group">
  353.                                                         <div class="col-xs-12">
  354.                                                             <input class="form-control" placeholder="Username*" required="" type="text">
  355.                                                         </div>
  356.                                                     </div>
  357.                                                     <div class="form-group">
  358.                                                         <div class="col-xs-12">
  359.                                                             <input class="form-control" placeholder="Email*" required="" type="email">
  360.                                                         </div>
  361.                                                     </div>
  362.                                                     <div class="form-group">
  363.                                                         <div class="col-xs-12">
  364.                                                             <textarea class="form-control" rows="5">Your Review*</textarea>
  365.                                                         </div>
  366.                                                     </div>
  367.                                                     <div>
  368.                                                         <a class="btn btn-primary btn-rounded waves-effect waves-light" href="#">Submit</a>
  369.                                                     </div>
  370.                                                 </form>
  371.                                             </div>
  372.                                         </div>
  373.                                     </div>
  374.                                 </div>
  376.                             </div><!-- COL-END -->
  377.                         </div>
  378.                         <!-- ROW-1 CLOSED -->
  380.                         <!-- ROW-2 OPEN -->
  381.                         <div class="row mt-5">
  382.                             <div class="col-md-12">
  383.                                 <div class="title">
  384.                                     <h3>
  385.                                         Related Products
  386.                                     </h3>
  387.                                 </div>
  388.                                 <div class="row">
  389.                                     <div class="col-md-6 col-xl-3">
  390.                                         <div class="card item-card">
  391.                                             <div class="product-grid6 card-body">
  392.                                                 <div class="product-image6">
  393.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  394.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/6.png'))}}" alt="img">
  395.                                                     </a>
  396.                                                     <div class="icon-container">
  397.                                                         <ul class="icons">
  398.                                                             <li>
  399.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  400.                                                                     <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>
  401.                                                                 </a>
  402.                                                             </li>
  403.                                                             <li>
  404.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  405.                                                                     <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>
  406.                                                                 </a>
  407.                                                             </li>
  408.                                                             <li>
  409.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  410.                                                                     <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>
  411.                                                                 </a>
  412.                                                             </li>
  413.                                                             <li>
  414.                                                                 <a href="#" data-tip="notify me">
  415.                                                                     <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>
  416.                                                                 </a>
  417.                                                             </li>
  418.                                                         </ul>
  419.                                                     </div>
  420.                                                 </div>
  421.                                                 <div class="product-content w-100 p-3">
  422.                                                     <div class="mb-2">
  423.                                                         <h4 class="mb-1 text-normal"> <a href="#">Wood Photo Frame - Size(M)</a> </h4>
  424.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  425.                                                     </div>
  426.                                                     <p class="mb-2 text-warning">
  427.                                                         <span>
  428.                                                             <i class="fa fa-star"></i>
  429.                                                             <i class="fa fa-star"></i>
  430.                                                             <i class="fa fa-star"></i>
  431.                                                             <i class="fa fa-star-half-o"></i>
  432.                                                             <i class="fa fa-star-o"></i>
  433.                                                         </span>
  434.                                                         <span class="ms-2">(3.5)</span>
  435.                                                     </p>
  436.                                                     <div class="d-flex align-items-center justify-content-between">
  437.                                                         <p class="mb-0">
  438.                                                             <span class="text-22">$50</span>
  439.                                                             <span class="text-decoration-line-through text-muted ms-1">$75</span>
  440.                                                         </p>
  441.                                                         <p class="mb-0 text-primary">in stock</p>
  442.                                                     </div>
  443.                                                 </div>
  444.                                             </div>
  445.                                         </div>
  446.                                     </div>
  447.                                     <div class="col-md-6 col-xl-3">
  448.                                         <div class="card item-card">
  449.                                             <div class="product-grid6 card-body">
  450.                                                 <div class="product-image6">
  451.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  452.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/10.png'))}}" alt="img">
  453.                                                     </a>
  454.                                                     <div class="icon-container">
  455.                                                         <ul class="icons">
  456.                                                             <li>
  457.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  458.                                                                     <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>
  459.                                                                 </a>
  460.                                                             </li>
  461.                                                             <li>
  462.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  463.                                                                     <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>
  464.                                                                 </a>
  465.                                                             </li>
  466.                                                             <li>
  467.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  468.                                                                     <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>
  469.                                                                 </a>
  470.                                                             </li>
  471.                                                             <li>
  472.                                                                 <a href="#" data-tip="notify me">
  473.                                                                     <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>
  474.                                                                 </a>
  475.                                                             </li>
  476.                                                         </ul>
  477.                                                     </div>
  478.                                                 </div>
  479.                                                 <div class="product-content w-100 p-3">
  480.                                                     <div class="mb-2">
  481.                                                         <h4 class="mb-1 text-normal"> <a href="#">Stylilsh Sunglasses For Men</a> </h4>
  482.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  483.                                                     </div>
  484.                                                     <p class="mb-2 text-warning">
  485.                                                         <span>
  486.                                                             <i class="fa fa-star"></i>
  487.                                                             <i class="fa fa-star"></i>
  488.                                                             <i class="fa fa-star"></i>
  489.                                                             <i class="fa fa-star-half-o"></i>
  490.                                                             <i class="fa fa-star-o"></i>
  491.                                                         </span>
  492.                                                         <span class="ms-2">(3.5)</span>
  493.                                                     </p>
  494.                                                     <div class="d-flex align-items-center justify-content-between">
  495.                                                         <p class="mb-0">
  496.                                                             <span class="text-22">$150</span>
  497.                                                             <span class="text-decoration-line-through text-muted ms-1">$250</span>
  498.                                                         </p>
  499.                                                         <p class="mb-0 text-primary">in stock</p>
  500.                                                     </div>
  501.                                                 </div>
  502.                                             </div>
  503.                                         </div>
  504.                                     </div>
  505.                                     <div class="col-md-6 col-xl-3">
  506.                                         <div class="card item-card">
  507.                                             <div class="product-grid6 card-body">
  508.                                                 <div class="product-image6">
  509.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  510.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/2.png'))}}" alt="img">
  511.                                                     </a>
  512.                                                     <div class="icon-container">
  513.                                                         <ul class="icons">
  514.                                                             <li>
  515.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  516.                                                                     <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>
  517.                                                                 </a>
  518.                                                             </li>
  519.                                                             <li>
  520.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  521.                                                                     <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>
  522.                                                                 </a>
  523.                                                             </li>
  524.                                                             <li>
  525.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  526.                                                                     <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>
  527.                                                                 </a>
  528.                                                             </li>
  529.                                                             <li>
  530.                                                                 <a href="#" data-tip="notify me">
  531.                                                                     <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>
  532.                                                                 </a>
  533.                                                             </li>
  534.                                                         </ul>
  535.                                                     </div>
  536.                                                 </div>
  537.                                                 <div class="product-content w-100 p-3">
  538.                                                     <div class="mb-2">
  539.                                                         <h4 class="mb-1 text-normal"> <a href="#">Game Controller Joystick</a> </h4>
  540.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  541.                                                     </div>
  542.                                                     <p class="mb-2 text-warning">
  543.                                                         <span>
  544.                                                             <i class="fa fa-star"></i>
  545.                                                             <i class="fa fa-star"></i>
  546.                                                             <i class="fa fa-star"></i>
  547.                                                             <i class="fa fa-star-half-o"></i>
  548.                                                             <i class="fa fa-star-o"></i>
  549.                                                         </span>
  550.                                                         <span class="ms-2">(3.5)</span>
  551.                                                     </p>
  552.                                                     <div class="d-flex align-items-center justify-content-between">
  553.                                                         <p class="mb-0">
  554.                                                             <span class="text-22">$550</span>
  555.                                                             <span class="text-decoration-line-through text-muted ms-1">$1150</span>
  556.                                                         </p>
  557.                                                         <p class="mb-0 text-primary">in stock</p>
  558.                                                     </div>
  559.                                                 </div>
  560.                                             </div>
  561.                                         </div>
  562.                                     </div>
  563.                                     <div class="col-md-6 col-xl-3">
  564.                                         <div class="card item-card">
  565.                                             <div class="product-grid6 card-body">
  566.                                                 <div class="product-image6">
  567.                                                     <a href="{{ absolute_url(path('app_product_details')) }}" class="img-container">
  568.                                                         <img class="img-fluid" src="{{absolute_url(asset('build/images/pngs/8.png'))}}" alt="img">
  569.                                                     </a>
  570.                                                     <div class="icon-container">
  571.                                                         <ul class="icons">
  572.                                                             <li>
  573.                                                                 <a href="{{ absolute_url(path('app_product_details')) }}" data-tip="Quick View">
  574.                                                                     <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>
  575.                                                                 </a>
  576.                                                             </li>
  577.                                                             <li>
  578.                                                                 <a href="{{ absolute_url(path('app_wish_list')) }}" data-tip="Add to Wishlist">
  579.                                                                     <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>
  580.                                                                 </a>
  581.                                                             </li>
  582.                                                             <li>
  583.                                                                 <a href="{{ absolute_url(path('app_cart')) }}" data-tip="Add to Cart">
  584.                                                                     <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>
  585.                                                                 </a>
  586.                                                             </li>
  587.                                                             <li>
  588.                                                                 <a href="#" data-tip="notify me">
  589.                                                                     <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>
  590.                                                                 </a>
  591.                                                             </li>
  592.                                                         </ul>
  593.                                                     </div>
  594.                                                 </div>
  595.                                                 <div class="product-content w-100 p-3">
  596.                                                     <div class="mb-2">
  597.                                                         <h4 class="mb-1 text-normal"> <a href="#">Wall Clock - 30cm×30cm</a> </h4>
  598.                                                         <p class="mb-0 text-muted text-start">brand name</p>
  599.                                                     </div>
  600.                                                     <p class="mb-2 text-warning">
  601.                                                         <span>
  602.                                                             <i class="fa fa-star"></i>
  603.                                                             <i class="fa fa-star"></i>
  604.                                                             <i class="fa fa-star"></i>
  605.                                                             <i class="fa fa-star-half-o"></i>
  606.                                                             <i class="fa fa-star-o"></i>
  607.                                                         </span>
  608.                                                         <span class="ms-2">(3.5)</span>
  609.                                                     </p>
  610.                                                     <div class="d-flex align-items-center justify-content-between">
  611.                                                         <p class="mb-0">
  612.                                                             <span class="text-22">$150</span>
  613.                                                             <span class="text-decoration-line-through text-muted ms-1">$170</span>
  614.                                                         </p>
  615.                                                         <p class="mb-0 text-primary">in stock</p>
  616.                                                     </div>
  617.                                                 </div>
  618.                                             </div>
  619.                                         </div>
  620.                                     </div>
  621.                                 </div>
  622.                             </div>
  623.                         </div>
  624.                         <!-- ROW-2 CLOSED -->
  625. {% endblock %}
  627. {% block javascripts %}
  628.    {{parent()}} 
  629.         <!-- INTERNAL SELECT2 JS -->
  630.         <script src="{{absolute_url(asset('build/plugins/select2/select2.full.min.js'))}}"></script>
  631.         {{ encore_entry_script_tags('js/select2') }}
  633.         <!-- INTERNAL OWL CAROUSEL JS -->
  634.         <script src="{{absolute_url(asset('build/plugins/owl-carousel/owl.carousel.js'))}}"></script>
  635.         {{ encore_entry_script_tags('js/carousel') }}
  636. {% endblock %}