Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Home Work 2</title>
</head>
<body>
    <!-- Root table Start -->
    <table height="500px" width="800px" align="center" cellspacing="0" cellpadding="0">

        <!-- First Row Start -->
        <tr height="250px"  width="800px" >
            <td>
                <!-- First Row Table Start -->
                <table  cellspacing="0" cellpadding="0">
                    <!-- First Row Insisde First Row Start -->
                    <tr height="250px" width="800px">
                        <!-- First Column Insisde First Row Start -->
                        <td height="250px" width="400px" bgcolor="#ff3838"></td>
                        <!-- First Column Insisde First Row End -->

                        <!-- Second Column Insisde First Row Start -->
                        <td height="250px" width="400px" bgcolor="#c56cf0"></td>
                        <!-- Second Column Insisde First Row Start -->
                    </tr>
                    <!-- First Row Insisde First Row End -->
                </table>
                <!-- First Row Table End -->
            </td>
        </tr>
        <!-- First Row End -->


        <!-- Second Row Start -->
        <tr height="250px" width="800px" bgcolor="#ff9f1a">
            <td>
                <!-- Second Row Table Start -->
                <table  cellspacing="0" cellpadding="0">
                    <!-- First Row Insisde Second Row Start -->
                    <tr height="250px" width="800px">
                        <!-- First Column Insisde Second Row Start -->
                        <td height="250px" width="400px" bgcolor="#c56cf0"></td>
                        <!-- First Column Insisde Second Row End -->

                        <!-- Second Column Insisde Second Row Start -->
                        <td height="250px" width="400px" bgcolor="#ff3838">
                            <!-- Table Insisde Second Row Start -->
                            <table height="250px" width="400" cellspacing="0" cellpadding="0">
                                <!-- First Row inside Table Insisde Second Row Start -->
                                <tr bgcolor="#7d5fff">
                                    <td height="125px" width="200px">
                                        <table height="125px" width="200px"cellspacing="0" cellpadding="0">
                                            <tr height="62.5px" width="100px">
                                                <td height="62.5px" width="100px">
                                                    <table height="62.5px" width="200px" cellspacing="0" cellpadding="0">
                                                        <tr height="62.5px" width="200px" >
                                                            <td height="62.5px" width="100px"  bgcolor="#fd79a8"></td>
                                                            <td height="62.5px" width="100px"  bgcolor="#d63031"></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr  height="62.5px" width="100px" bgcolor="#e84393">
                                                <td height="62.5px" width="100px">
                                                    <table height="62.5px" width="200px" cellspacing="0" cellpadding="0">
                                                        <tr height="62.5px" width="200px" >
                                                            <td height="62.5px" width="100px"  bgcolor="#d63031"></td>
                                                            <td height="62.5px" width="100px"  bgcolor="#fd79a8"></td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>

                                </tr>
                                <!-- First Row inside Table Insisde Second Row End -->

                                <!-- Second Row inside Table Insisde Second Row Start #ff9f1a  -->
                                <tr >
                                    <td>
                                        <table  cellspacing="0" cellpadding="0">
                                            <tr height="125px" width="400px" bgcolor="">
                                                <td height="125px" width="200px" bgcolor="#ff9f1a"></td>
                                                <td height="125px" width="200px" bgcolor="#00cec9"></td>
                                            </tr>
                                        </table>
                                    </td>


                                </tr>
                                <!-- Second Row inside Table Insisde Second Row End -->
                            </table>
                            <!-- Table Insisde Second Row End -->
                        </td>
                        <!-- Second Column Insisde Second Row End -->
                    </tr>
                    <!-- First Row Insisde Second Row End -->
                </table>
                <!-- First Row Table End -->
            </td>
        </tr>
        <!-- Second Row Start -->
    </table>
    <!-- Root table End -->

</body>
</html>