CodePen

HTML

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#top {
  font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	background-color: #333;
	text-align: right;
	white-space: nowrap;
	padding-top: 35px;
	padding-right: 400px;
	top: 10px;
	position: relative;
	font-size: 22px;
	line-height: 20px;
	font-weight: bold;
	opacity: .6;
	z-index: 1;
}
.logo {
	position: relative;
	z-index: 5;
	top: 0px;
}
</style>
<link href="CSS/style_sheet_1.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="bar" id="top"><a href="default.htm">HOME</a> PORTOFOLIO ABOUT US CONTACT US</div>
<img src="images/logo.gif" width="261" height="141" alt="logo" />
</body>
</html>

            
          
!

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................