<div class="col-md-4 mb-4">
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">League Name</h5> <!-- Insert Name using Handlesbars and API -->
            <table class="table">
                <thead>
                    <tr>
                        <th>Position</th>
                        <th>Club Name</th>
                        <th>Wins</th>
                        <th>Draws</th>
                        <th>Losses</th>
                        <th>Points</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Add rows dynamically using backend data -->
                    <tr>
                        <td>1</td>
                        <td>Club A</td>
                        <td>10</td>
                        <td>5</td>
                        <td>3</td>
                        <td>35</td>
                    </tr>
                    <!-- Add more rows if needed -->
                </tbody>
            </table>
            <a href="#" class="btn btn-primary">View League</a>
        </div>
    </div>
</div>


