
<div class="dashboard-container">
    <h2>REGIONAL PERFOMANCE SUMMERY</h2>
    <div class="cards">
        <div class="card">
            <h3>Number of Participants</h3>
            <p id="participantsCount">150</p>
        </div>
        <div class="card">
            <h3>Number of Schools</h3>
            <p id="schoolsCount">25</p>
        </div>
        <div class="card">
            <h3>Number of Staff</h3>
            <p id="staffCount">10</p>
        </div>
        <div class="card">
            <h3>Number of Districts Participated</h3>
            <p id="districtsCount">5</p>
        </div>
        <div class="card">
            <h3>Number of Categories</h3>
            <p id="categoriesCount">8</p>
        </div>
        <div class="card">
            <h3>Number of Study Materials</h3>
            <p id="materialsCount">30</p>
        </div>
    </div>
</div>