Django file structure
You can check our layout layout code structure for new page design
{% extends './layout/layout.html' %}
{% block content %}
<div class="row row-cols-xxxl-5 row-cols-lg-3 row-cols-sm-2 row-cols-1 gy-4">
<div class="col">
<div class="card shadow-none border bg-gradient-start-1 h-100">
<div class="card-body p-20">
..... ..... ..... ..... .....
</div>
</div><!-- card end -->
</div>
<div class="col">
<div class="card shadow-none border bg-gradient-start-2 h-100">
<div class="card-body p-20">
..... ..... ..... ..... .....
</div>
</div><!-- card end -->
</div>
</div>
<div class="row gy-4 mt-1">
..... ..... ..... ..... .....
</div>
{% endblock content %}
{% block script %}
<script src='/static/js/homeOneChart.js'></script>
{% endblock script %}