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="YourWebsiteDomain.com"><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="https://cablecuts.com">CableCuts</a>
<a href="https://footballrankers.com">FootballRankers</a>
<a href="https://priceinvestinggroup.com">PriceInvestingGroup</a>
<a href="https://referralssite.com">ReferralsSite</a>
<a href="https://startingsites.com">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>