Code example:

<!DOCTYPE html> <html> <head> <title> Your Website </title> <link rel="stylesheet" media="screen and (min-width: 0px)" href="phone.css"> <link rel="stylesheet" media="screen and (min-width: 1000px)" href="tablet.css"> <link rel="stylesheet" media="screen and (min-width: 1400px)" href="pc.css"> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!-- Style for Table begins --> <style type="text/css"> .tg {border-collapse:collapse;border-spacing:0;} .tg td{padding:10px 5px;overflow:hidden;word-break:normal;color:#333;} .tg th{padding:10px 5px;overflow:hidden;word-break:normal;color:#333;} .tg .tg-column{text-align:left;vertical-align:top} .tg .tg-cell{text-align:left;vertical-align:middle} </style> <!-- Style for Table ends --> </head> <body> <div id="main"> <div id="top"> <div class="menu" id="nav"> <a href="#home" class="active">Home</a> <a href="#about">About</a> <a href="#news">Portfolio</a> <a href="#contact">Blogs</a> <a href="startup.txt">Support</a> <a href="javascript:void(0);" class="icon" onclick="myFunction()"> <i class="fa fa-bars"></i> </a> </div> </div> <div id="logo"> <center><a href=""><img src="logo.png" alt="Official Home" width="304" height="170" border="0" /></a></center> </div> <div id="divtext"> </div> <!-- Example of HTML Table being used for content layout. --> <table class="tg" style="margin: 0px auto;"> <tr> <th class="tg-column" colspan="4"><p class="text-style-1">YOUR YOUTUBE CHANNEL NAME</p></th> </tr> <tr> <td class="tg-cell colspan="4"><div class="yt-container">EMBED YOUTUBE VIDEO</div></td> </tr> <tr> <td class="tg-column" colspan="2"><p class="text-style-1">SHARE</p></td> <td class="tg-column" colspan="2"><p class="text-style-1">NEXT VIDEO</p></td> </tr> <tr> <td class="tg-column" colspan="4"><p class="text-style-2">YOUR VIDEO DESCRIPTION...</p></td> </tr> </table> <!-- HTML Table Ends --> <br><br> <p class="text-style-2">Empty space you can use for whatever you choose.</p> <div id="box"><center><p class="text-style-2">Page divided here delete to combine background.</p></center></div> <div class="product"> <div class="products"> Example of Vertical Navigation <br><br><br> <!-- Vertical Menu Starts --> <div class="vertical-menu"> <a href="#" class="active"><b><u>Affiliates</u></b></a> <a href="">CableCuts</a> <a href="">FootballRankers</a> <a href="">PriceInvestingGroup</a> <a href="">ReferralsSite</a> <a href="">Join My Service</a> </div> <!-- Vertical Menu Ends --> </div> <div class="products"> Example of content being side by side using floating DIV <br><br> IMAGE </div> </div> <br><br> <p class="text-style-3">Terms and Conditions</p> <div id="bottom"> <a href="#"><p class="text-style-4">Powered By StartingSites</p></a> </div> </div> </body> </html>