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" />
<link rel="stylesheet" type="text/css" href="http://www.babysitter-agency.com/css/base.css"/>

<title>Untitled Document</title>

<style type="text/css">

</style>
</head>

<body>



<div id="header"><!-- START div id header   -->





</div>  <!-- END div id header   -->





<div id="pagewrapper"><!-- START div id pagewrapper -->







<div id="midbody_mainpage"><!-- START  div id midbody   -->




<div class="firstpage_regform"><!-- START  div id firstpage_regform  -->


</div><!-- END  div id firstpage_regform  -->


</div>  <!-- END div id midbody  -->








</div><!-- END div id pagewrapper -->










<div id="footer"><!-- START  div id footer  -->









<div id="upper_topfooter"><!-- START  div id upper_footer  -->

</div>  <!-- END div id upper_footer   -->


<div id="upper_footer"><!-- START  div id upper_footer  -->


</div>  <!-- END div id upper_footer   -->


<div id="bottom_footer"><!-- START  div id bottom_footer  -->


</div>  <!-- END div id bottom_footer  -->



</div>  <!-- END div id footer   -->





</body>
</html>

            
          
!

CSS

            
              

body {
  background-color: #D7EAF0;
	
	
}
#pagewrapper{
	width: 960px;
    margin: 0 auto 0 auto;
	
	}
	
	
	#footer img{
		margin-left:300px;
		
			
	margin: 0;
	padding:0 ; 
	border: 0; 
	outline:0; 
		
		
		
		}
	
	 #header{
		 
		 
		  background: url("http://www.babysitter-agency.com//images/pageimages/topheader.jpg")repeat-x , repeat-y       scroll 0 0 transparent ;
		  height:151px;
		 }
	
	
	
	
	 #upper_topfooter{
		 
		 
		  background: url("http://www.babysitter-agency.com//images/pageimages/uppertopfooter.jpg")repeat-x , repeat-y       scroll 0 0 transparent ;
		  height:90px;
		 }
	
	
	#upper_footer {
		
		 background: url("http://www.babysitter-agency.com//images/pageimages/middletopfoooter.jpg")repeat-x , repeat-y       scroll 0 0 transparent ;
		 height:286px;
		
		} 
	

	#bottom_footer {
		
		 background: url("http://www.babysitter-agency.com//images/pageimages/bottomfooter2.jpg")repeat-x scroll 0 0 transparent ;
		  height:51px;
		} 
		
		
	
	#midbody_mainpage{
		
		
		  background: url("http://www.babysitter-agency.com//images/pageimages/mainwindowpic.jpg")repeat-x , repeat-y       scroll 0 0 transparent ;
		  height:399px;
		  margin-top:0px;
	
		}
		
		
		
		
 .firstpage_regform {
	background: url("http://www.babysitter-agency.com//images/pageimages/reg_form_background2.jpg") ;
	background-repeat:no-repeat;
	padding-top: 46px;
	padding-bottom: 0px;
	margin-left: 640px;
	height:292px;
	width:353px;
	margin-top:46px;
	
  
}


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

JS

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