Flask file structure
You can check our main layout code structure for new page design
{% extends './layout/layout.html' %}
{% block content %}
<div class="row gy-4">
<div class="col-xxl-8">
..... ..... ..... ..... .....
</div>
<!-- Revenue Growth start -->
<div class="col-xxl-4">
..... ..... ..... ..... .....
</div>
<!-- Revenue Growth End -->
<!-- Earning Static start -->
<div class="col-xxl-8">
..... ..... ..... ..... .....
</div>
<!-- Earning Static End -->
<!-- Campaign Static start -->
<div class="col-xxl-4">
..... ..... ..... ..... .....
</div>
<!-- Campaign Static End -->
<!-- Client Payment Status Start -->
<div class="col-xxl-4 col-sm-6">
..... ..... ..... ..... .....
</div>
<!-- Client Payment Status End -->
<!-- Country Status Start -->
<div class="col-xxl-4 col-sm-6">
..... ..... ..... ..... .....
</div>
<!-- Country Status End -->
<!-- Top performance Start -->
<div class="col-xxl-4">
..... ..... ..... ..... .....
</div>
<!-- Top performance End -->
<!-- Latest Performance Start -->
<div class="col-xxl-6">
..... ..... ..... ..... .....
</div>
<div class="col-xxl-6">
..... ..... ..... ..... .....
</div>
<!-- Latest Performance End -->
</div>
{% endblock content %}
{% block script %}
<script src = '/static/js/homeTwoChart.js' ></script>
{% endblock %}