{{ template "preamble.html" }}
<h1>Welcome to the Training Management System</h1>
<div class="tiles">
    <ul>
        <li>
            <div class="tile-icon"><i class="fas fa-chalkboard-teacher"></i></div> <!-- View Trainings icon -->
            <a href="/trainings">View Trainings</a>
        </li>
        <li>
            <div class="tile-icon"><i class="fas fa-users"></i></div> <!-- View Trainers icon -->
            <a href="/trainers">View Trainers</a>
        </li>
        <li>
            <div class="tile-icon"><i class="fas fa-user-plus"></i></div> <!-- Add Trainer icon -->
            <a href="/trainers/add">Add Trainer</a>
        </li>
        <li>
            <div class="tile-icon"><i class="fas fa-clipboard-list"></i></div> <!-- View Training Areas icon -->
            <a href="/training-areas">View Training Areas</a>
        </li>
        <li>
            <div class="tile-icon"><i class="fas fa-map-marker-alt"></i></div> <!-- Add Training Area icon -->
            <a href="/training-areas/add">Add Training Area</a>
        </li>
    </ul>
</div>
{{template "epilogue.html" }}