{% extends "base/base.html"%}
{% block title %}Search Product{% endblock %}
{% block start %}

<style>
  h3{
    margin-bottom: 20px;
  }
</style>

<section class="section-content padding-y">
  <div class="container">
    {% if query %}
    <h3>Showing results for '{{ query }}':</h3>
    {% else %}
    <h3>No search query entered.</h3>
    {% endif %}

    <div class="row">
      {% if products %} {% for product in products %}
      <div class="col-md-3">
        <figure class="card card-product-grid">
    