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 %}