ScoreSpot/ProjectSourceCode/src/views/pages/league-page.hbs

<div class="container" id="league-page-body">

    <!-- Container for all league information (logo, name, country, etc. ) <- top 100px -->
    <div class="container" id="league-information-container">
        <img id="league-logo" src="{{league.competition.league_emblem}}" alt="{{league.competition.league_name}} Emblem">
        <h1 id="league-title">{{league.competition.league_name}}</h2>
    </div>

    <!-- Container to display all stats for league <- bottom rest of the container -->
    <div class="container" id="league-stats-container">

        <!-- Container to display league table <- split 50% -->
        <div class="container" id="league-table-container">

            <h3>Standings</h3>
            <table id="standings-table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th></th>
                        <th>Club</th>
                    </tr>
                </thead>
                <tbody>
                    {{#each league.standings}}
                    <tr>
                        <td>{{table.league_position}}</td>
                        <td><img src="{{table.team_crest}}" alt="{{table.team_name}} Crest" id="table-logo"></td>
                        <td>{{table.team_name}}</td>
                    </tr>
                    {{/each}}
                </tbody>
            </table>

        </div>

        <!-- Container to display top scorers for league <- Split 50% -->
        <div class="container" id="top-scorers-container">

        </div>

    </div>
</div>