CodePen

HTML

            
              <!DOCTYPE HTML>
<html>
    <head>
    
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <title>Test Website</title>
        
        <link href="css/style.css" rel="stylesheet" type="text/css" >
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
        <script>
        $(function(){
          $(".slideshow > div:gt(0)").hide();

          setInterval(function() { 
            $('.slideshow > div:first')
              .fadeOut(1000)
              .next()
              .fadeIn(1000)
              .end()
              .appendTo('.slideshow');
          },  3000);
        });
        </script>
        
    </head>
    
    <body>
    
    <!--header-bg start-->
    	<div id="header-bg">
            
            	<ul>
                
                	<li><a href="#">Home</a></li>
                    
                    <li><a href="#">Portfolio</a></li>
                    
                    <li><a href="#">Web Devlopment</a></li>
                    
                    <li><a href="#">Mobile Apps</a></li>
                    
                    <li><a href="#">Ecommerce</a></li>
                    
                    <li><a href="#">Support</a></li>
                    
                    <li><a href="#">About Us</a></li>
                    
                    <li><a href="#">Contact Us</a></li>
                
                </ul>
    
    	</div> <!--header-bg end div-->
        
        <div class="clear"></div>
    <!--header-bg end-->
    
    	<div id="bottom-header">
        
        	<h1>Viper Code</h1>
            <h1>Website Design</h1>
        
        </div>
     <!--header-bg end-->
     	<div class="clear"></div>
     	<!--Main Content-->
        
        <div id="main">
        	
        	<div class="slideshow">
            
                   <div>

                     <img src="http://placekitten.com/970/340" width="970" height="340">
                     
                   </div>
                   
                   <div>
                   
                     <img src="http://placebear.com/970/340" width="970" height="340">
                     
                   </div>
                   
                   <div>
                   
                     <img src="http://placedog.com/970/340" width="970" height="340">
                     
                   </div>
                   
			</div>
        
        </div>
        
        
            
    </body>
</html>
	
            
          
!
via HTML Inspector

CSS

            
              @charset "UTF-8";
/* CSS Document */

html, body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #E7E7E7;
}
.clear {
	clear: both;
}
#header-bg {
	width: 100%;
	height: 70px;
	background: #1A1819;
}

	#header-bg ul {
		width: 960px;
		margin: 0 auto;
		color: #FFFFFF;
		text-align: center;
	}
	#header-bg ul li {
		width: 960px;
		display: inline;
		list-style: none;
		margin: 0 auto;
	}
	#header-bg ul li a {
		line-height: 70px;
		text-decoration: none;
		color: #DCDCDC;
    	margin-right: 20px;
		border-bottom: 3px solid red;
	}
	#header-bg ul li a:hover, #header-bg ul li a.selected {
		border-bottom-color: red;
	}
#bottom-header {
	width: 100%;
	background: #030303;;
	height: 300px;
	position: absolute;
}
	#bottom-header h1 {
		color: #DCDCDC;
		text-align: center;
		font-size: 48px;
		font-weight: bold;
		margin:0;
		margin-top: 25px;
	}
#main {
	width: 960px;
	margin: 0px auto;
}
		.slideshow { 
		margin: 50px auto; 
		position: relative; 
		width: 970px; 
		height: 340px; 
		padding: 10px; 
		box-shadow: 0 0 20px rgba(0,0,0,0.4); 
		}

		.slideshow > div { 
		position: absolute; 
		top: 10px; 
		left: 10px; 
		right: 10px; 
		bottom: 10px; 
		}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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