{% extends 'hexabox/elements/layouts/admin.html' %}
{% load static %}
        
{% block additional_css %}
{% endblock %}
        
{% block content %}

			<div class="container-fluid mh-auto">
                
				<div class="row">

					<!-- Start - Product 1 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/1.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Bonorum et Malorum</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$71.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 1 -->

					<!-- Start - Product 2 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/2.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Striped Dress</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$159.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 2 -->

					<!-- Start - Product 3 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
							<div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/3.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">BBow polka-dot</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$357.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 3 -->

					<!-- Start - Product 4 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/4.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Z Product 360</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$654.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 4 -->

					<!-- Start - Product 5 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/5.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Chair Grey</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$369.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 5 -->

					<!-- Start - Product 6 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/6.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">fox sake withe</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$245.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 6 -->

					<!-- Start - Product 7 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/7.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Back Bag</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$364.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 7 -->

					<!-- Start - Product 8 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/1.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Flare Dress</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$548.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 8 -->

					<!-- Start - Product 9 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/6.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">fox sake withe</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$245.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 9 -->

					<!-- Start - Product 10 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/5.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Chair Grey</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$369.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 10 -->

					<!-- Start - Product 11 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
                            <div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/4.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Z Product 360</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$654.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 11 -->
					 
					<!-- Start - Product 12 -->
					<div class="col-xxl-3 col-xl-3 col-lg-4 col-sm-6">
                        <div class="card">
							<div class="card-body p-2">
								<div class="mb-2">
									<img class="img-fluid rounded" src="{% static 'hexabox/images/product/1.jpg' %}" alt="">
								</div>
								<div class="text-center py-2">
									<h3 class="mb-1 fs-5 fw-semibold">
										<a href="{% url 'hexabox:ecom-product-detail' %}">Bonorum et Malorum</a>
									</h3>
									<div class="mb-3 d-flex gap-1 justify-content-center">
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa fa-star text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
										<i class="fa-solid fa-star-half-stroke text-orange"></i>
									</div>
									<span class="fs-5 text-primary fw-semibold">$71.00</span>
								</div>
                            </div>
                        </div>
                    </div>
					<!-- End - Product 12 -->

				</div>
				
            </div>

{% endblock %}