page.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style/main.css">
    
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta charset="utf-8"  />
    
</head>
<body>
	<header>
		<div id="header">
			<div class="desktopWrap">
                <a href="/" id="siteTitle">Sample Title</a> 
                    a menu
			</div>
		</div>
	</header>
	<main>
		<div class="contentArea">
        <div class="desktopWrap">
        		Content Portion
        </div>
        </div>
    </main>
	<footer>
		<div id="footer">
			<div id="footer_container">
 				<div>
 					<h4>Social Media</h4>
 					<ul>
                        <li>I might add socials later</li>
<!-- 						<li><a href="/legal/terms/">Terms</a></li> -->
 					</ul>
 				</div>
 				<div>
 					<h4>Links</h4>
 					<ul>
<!--                        <li><a href="/help/contact/">Contact Us</a></li> -->
 						<li><a href="/">Home Page</a></li>
 					</ul>
 				</div>
			</div>
		</div>
	</footer>
</body>
</html>