Skip to content

Instantly share code, notes, and snippets.

@AlanSimpsonMe
Created December 12, 2017 12:53
Show Gist options
  • Save AlanSimpsonMe/947fcd1073064a38635935ffb402c545 to your computer and use it in GitHub Desktop.
Save AlanSimpsonMe/947fcd1073064a38635935ffb402c545 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<title>My Layout</title>
<style type="text/css">
#header {
background-color: #fe9900;
color: white;
}
#nav {
width: 100px;
float: left;
background-color: #ffff66;
text-align: center;
}
#main {
margin-left: 110px;
}
</style>
</head>
<body>
<!-- Header division -->
<div id="header">
<h1 style="margin: 0">
Lou's Records</h1>
</div>
<!-- End header -->
<!-- Navbar division -->
<div id="nav">
<table style="width: 100%" cellspacing="2" cellpadding="2">
<tr style="background-color: #ffcc33;">
<td><a href="index.html">Home</a></td>
</tr>
<tr style="background-color: #ffcc33;">
<td><a href="products.html">Products</a></td>
</tr>
<tr style="background-color: #ffcc33;">
<td><a href="services.html">Services</a></td>
</tr>
<tr style="background-color: #ffcc33;">
<td><a href="about.html">About Us</a></td>
</tr>
<tr style="background-color: #ffcc33;">
<td><a href="contact.html">Contact Us</a></td>
</tr>
</table>
</div>
<!-- End nav -->
<!-- Main content division -->
<div id="main">
Main content goes here.
</div>
<!-- End main -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment