<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <table border="1" width="100%"> <!----------------Row 1------------------> <tr> <td colspan="4" bgcolor="#1BE5AA"> <!-----------------Header Section------------------------> <table width="100%"> <tr> <td height="100px" width="5%" ></td> <td width="8%"><img src="http://myunitbook.com/image/logo.png" width="100%" height="90px" alt="logo"></td> <td width="25%"> <font color="#FFF"> <h1>My Unit Book</h1> </font> </td> <td width="57%"> <!-------------------Top Nav ------------------------> <table width="100%"> <tr> <td height="40px" align="right" > mob: +9198 7654 4321 </td> </tr> <tr> <td height="40px" align="right"> <a href="#" title="Facebook"><img src="http://myunitbook.com/image/logo.png" width="6%" height="35px" alt="logo"></a> <a href="#" title="Facebook"><img src="http://myunitbook.com/image/logo.png" width="6%" height="35px" alt="logo"></a> <a href="#" title="Facebook"><img src="http://myunitbook.com/image/logo.png" width="6%" height="35px" alt="logo"></a> <a href="#" title="Facebook"><img src="http://myunitbook.com/image/logo.png" width="6%" height="35px" alt="logo"></a> <a href="#" title="Facebook"><img src="http://myunitbook.com/image/logo.png" width="6%" height="35px" alt="logo"></a> <a href="#" title="Facebook"><img src="http://myunitbook.com/image/logo.png" width="6%" height="35px" alt="logo"></a> </td> </tr> </table> <!-------------------Top Nav ------------------------> </td> <td width="5%"></td> </tr> </table> <!-----------------Header Section------------------------> </td> </tr> <!----------------Row 1------------------> <!----------------Row 2------------------> <tr> <td colspan="3" width="75%"> <img src="http://myunitbook.com/assets/banner/banner.jpg" width="100%" height="350px" alt="banner"> </td> <td colspan="1" width="25%"> <!----------------right nav-------------------------------> <table width="100%" cellspacing="7px"> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> <tr> <td height="35px" align="center" bgcolor="#ECAE29"><a href="#">HTML Tute</a></td> </tr> </table> <!----------------right nav-------------------------------> </td> </tr> <!----------------Row 2------------------> <!----------------Row 3------------------> <tr> <td height="100px" colspan="1"></td> <td colspan="2"></td> <td colspan="1"></td> </tr> <!----------------Row 3------------------> <!----------------Row 4------------------> <tr> <td height="100px"></td> <td></td> <td></td> <td></td> </tr> <!----------------Row 4------------------> <!----------------Row 5------------------> <tr> <td height="100px" colspan="4"></td> </tr> <!----------------Row 5------------------> </table>