Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Stylish Schedule Assignment</title>
        <style>
            table {
                border:solid;
                border-color:#2A2A2A;
                color:#000000;
                background-color:#3A3A3A;
                margin:5px;
            }
            .red16 {
                color:#FF0000;
                font-size:16px;
            }

            .blue16 {
                color:#0000FF;
                font-size:16px;
            }

            .green18 {
            color:#00FF00;
            font-size:18px;
            }

            .whiteback {
            background-color:#FFFFFF;
            }

            td {
                background-color:#7A7A7A;
            }

            th {
            background-color:#FFFFFF;
            }

            tr.whiteback {
            background-color:#FFFFFF;
            }
        </style>
    </head>
    <body>
        <table>
            <caption class="whiteback">Schedule</caption>
            <tr>
                <th>Blocks</th>
                <td>A block</td>
                <td>B block</td>
                <td>C block</td>
                <td>D block</td>
            </tr>
            <tr>
                <th>Class</th>
                <td>Vocational School</td>
                <td>Vocational School</td>
                <td>Online Course</td>
                <td>Creative Writing</td>
            </tr>
            <tr>
                <th>Grade</th>
                <td class="blue16">89</td>
                <td class="blue16">89</td>
                <td class="green18">94</td>
                <td class="red16">79</td>
            </tr>
            <tr class="whiteback">
                <th>Class times</th>
                <td class="whiteback" colspan="2" style="text-align:center;">7:45 - 10:15</td>
                <td>10:45 - 12:00</td>
                <td>12:00 - 1:15</td>
            </tr>
        </table>
    </body>
</html>