dashboard.html

<div id="msdiv" style="width:100%">
    <fieldset>
    <table width="100%">
    <tr>
    <td style="width:25%; text-align:left">
            <form  method="get" action="/onlineDashboard">
                <input type="submit" name="submit" class="submit action-button" id="online" value="Online" />
            </form>
    </td>
    <td style="width:50%; text-align:center; font-weight: bold">
            Online Training
    </td>
    <td style="width:25%; text-align:center">
        <form  method="get" action="/classroomDashboard">
            <input type="submit" name="submit" class="submit action-button" id="classroom" value="Classroom" />
        </form>
    </td>
    </tr>
    </table>
        <br />
        <table style="width:100%;  border: 1px solid black; border-collapse: collapse">
            <thead>
                 <th style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: center; font-weight: bold">Name</th>
                    <th style="border: 1px solid black; border-collapse: collapse; padding: 5px;text-align: center; font-weight: bold">E-mail</th> 
                    <th style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: center; font-weight: bold">Contact</th>
                    <th style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: center; font-weight: bold">Country</th>
                     <th style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: center; font-weight: bold">Course</th>
                  </tr>
            </thead>
            <tbody>
                   {{#each online }}
                  <tr>
                  
                    <td style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: left">{{ this.name }}</td>
                    <td style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: left">{{ this.email }}</td>
                    <td style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: left">{{ this.mobile }}</td>
                    <td style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: left">{{ this.country }}</td>
                    <td style="border: 1px solid black; border-collapse: collapse; padding: 5px; text-align: left">{{ this.course }}</td>
 
                    </tr>
                    {{/each}}
 
 
                </tbody> 
        </table>
         
         
    </fieldset>
 
</div>