Links stackoverflow
by BRANIS
HTML
<div id="header">
<center>
<h1>RANDOM</h1>
</center>
<br />
<br />
<ul class="nav">
<li><a href="#">Home</a>
</li>
<li><a href="#">About Us</a>
</li>
<li><a href="#">Contact Us</a>
</li>
<li><a href="#">Articles</a>
</li>
<li><a href="#">Videos</a>
</li>
</ul>
</div>
<center>
<font color="red" size="+4">RANDOM
</font>
<br />
<br />
<br />
</center>
<br />
<br />
<br />
<br />
<br />
<br />
<center><font color="yellow" size="+2">New for March 2013- £15 per one hour session</font>
<br
/>
<br />
<br />
<br />
<img src="images/homepgtable.png" />
</center>
<br />
<br />
<br />
<br />
<div id="home"><a href="#">hi</a>
</div>
<div id="footer">
<ul class="nav">
<li><a href="#">Home</a>
</li>
<li><a href="#">About Us</a>
</li>
<li><a href="#">Contact Us</a>
</li>
<li><a href="#">Articles</a>
</li>
<li><a href="#">Videos</a>
</li>
</ul> <span></span>
</div>
CSS
@charset"utf-8";
/* CSS Document */
.nav {
font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
width: 600px;
list-style: none;
margin: 0 auto;
}
.nav li {
float: left;
}
.nav li a {
padding: 8px 15px;
text-decoration: none;
color:white;
display:inline-block;
font-size:18px;
}
.nav li a:hover {
color:black;
}
/* footer navigation */
#footer {
text-align: justify;
width:100%;
height: 200px;
background: url(http://dummyimage.com/1200x400/c29913/fff.gif&text=.) no-repeat;
background-size: cover;
padding: 30px 0;
}
#footer .nav {
width: 90%;
min-width: 600px;
display: inline;
}
#footer .nav li {
position: relative;
display: inline;
float: none;
}
#footer .nav a {
display: inline-block;
padding: 60px 15px 8px 15px;
background:...