Untitled

<?php
/**
 * Created by PhpStorm.
 * User: Rasul
 * Date: 1/2/2018
 * Time: 12:06 PM
 */
?>
<!DOCTYPE html>
<html>
    <head>
        <style>
            html, body {
                margin: 0;
                padding: 0;
                outline: 0;
                height: 100%;
                width: 100%;

            }
            table {
                margin: 0 auto 40px auto;
                width: 80%;
                border-collapse: collapse;
                border-spacing: 0;
            }
            tr > td {
                text-align: left;
            }
            tr > th {
                text-align: left;
            }
            tr > td:last-child {
                text-align: center;
            }
            tr > th:last-child {
                 text-align: center;
            }
            td, th {
                border: 1px solid black;
                padding: 5px;
            }
            input[type='submit']
            {
                border-radius: 3px;
                font-family: 'Open Sans', sans-serif;
                color: #ffffff;
                font-size: 20px;
                background: #c634d9;
                padding: 20px 40px 20px 40px;
                border: none;
                cursor: pointer;
                outline: none;
            }
            input[type='submit']:hover {
                background: #cf62e0;
            }
            #content {
                width: 100%;
                height: 100%;
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div id = "content">
            <form method = "post">
                <table id = "daily-activities">
                    <tbody>
                    <tr>
                        <th>DAILY LIVING ACTIVITIES</th>
                        <th>AVERAGE HOURS/WEEK</th>
                    </tr>
                    <tr>
                        <td>Sleep (7 days x 9 hours)</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
                <table id = "requested-courses">
                    <tbody>
                    <tr>
                        <th>DAILY LIVING ACTIVITIES</th>
                        <th>AVERAGE HOURS/WEEK</th>
                    </tr>
                    <tr>
                        <td>Sleep (7 days x 9 hours)</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
                <table id = "extra-curricular">
                    <tbody>
                    <tr>
                        <th>DAILY LIVING ACTIVITIES</th>
                        <th>AVERAGE HOURS/WEEK</th>
                    </tr>
                    <tr>
                        <td>Sleep (7 days x 9 hours)</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
                <input type = "submit" />
            </form>
        </div>
    </body>
</html>