New Template

Write HTML and CSS, use tags for dynamic data.

Grade Range

<table style="width: 100%; border-collapse: collapse; margin-bottom: 10px; font-size: 10px;">
    <tbody>
        <tr>
            <th colspan="9" style="text-align: left; background-color: #f8f8f8; border: 1px solid #000; padding: 4px;">Grade scale for Scholastic Areas</th>
        </tr>
        <tr>
            <th style="border: 1px solid #000; padding: 4px; text-align: left;">Marks Range (%)</th>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">91-100</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">81-90</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">71-80</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">61-70</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">51-60</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">41-50</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">33-40</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">0-32</td>
        </tr>
        <tr>
            <th style="border: 1px solid #000; padding: 4px; text-align: left;">Grade</th>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">A1</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">A2</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">B1</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">B2</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">C1</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">C2</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">D</td>
            <td style="border: 1px solid #000; padding: 4px; text-align: center;">E</td>
        </tr>
    </tbody>
</table>

Live Preview