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>

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script  type="text/javascript" src="http://www.babysitter-agency.com/javascript/plugin.js"> </script>
<script  type="text/javascript" src="http://www.babysitter-agency.com/javascript/homepage.js"> </script>

</head>

<body onload="MM_preloadImages('images/pageimages/sitetitle/home_bottom.jpg','images/pageimages/sitetitle/find_childcare_bottom.jpg','images/pageimages/sitetitle/childcarejobs_bottom .jpg','images/pageimages/sitetitle/fees_bottom.jpg','images/pageimages/sitetitle/sitemap_bottom.jpg','images/pageimages/sitetitle/blog_bottom.jpg','images/pageimages/sitetitle/myaccount_bottom.jpg')">



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

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

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


  
  <div class="title_header" ><!-- START div id title_header  -->
    
  
  
  
  
    <a href="http://www.babysitter-agency.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('titletop','','http://www.babysitter-agency.com/images/pageimages/sitetitle/title_bottom.jpg',1)">
    <img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/title_top.jpg" alt="babysitter agency " class="blocklevel" name="titletop" width="380" height="50" border="0" id="titletop" /></a>
    
    
   <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('subsittle ','','http://www.babysitter-agency.com/images/pageimages/sitetitle/subtitle_bottom.jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/subtitle_top.jpg" alt="directory of babysitter nannies" name="subsittle " width="415" height="25" border="0" id="subsittle " /></a>
 
   
   </div><!-- END div id title_header  -->


   

</div><!-- End  div class leftpart_header   -->




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

Login


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

<div style="clear: both;"> </div>




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




  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','http://www.babysitter-agency.com/images/pageimages/sitetitle/home_bottom.jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/home_top.jpg" name="home" width="100" height="28" border="0" id="home" /></a> 
  
  
  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('childcarejobs','','http://www.babysitter-agency.com/images/pageimages/sitetitle/childcarejobs_bottom .jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/childcarejobs_top.jpg" name="childcarejobs" width="200" height="28" border="0" id="childcarejobs" /></a>
  
  
  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('childcarejobs ','','http://www.babysitter-agency.com/images/pageimages/sitetitle/childcarejobs_bottom .jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/childcarejobs_top.jpg" name="childcarejobs " width="200" height="30" border="0" id="childcarejobs " /></a> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('fees','','http://www.babysitter-agency.com/images/pageimages/sitetitle/fees_bottom.jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/fees_top.jpg" name="fees" width="100" height="29" border="0" id="fees" /> 
  
  
   </a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sitemap','','http://www.babysitter-agency.com/images/pageimages/sitetitle/sitemap_bottom.jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/sitemap_top.jpg" name="sitemap" width="130" height="28" border="0" id="sitemap" />
  
  </a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image90','','http://www.babysitter-agency.com/images/pageimages/sitetitle/blog_bottom.jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/blog_top.jpg" name="Image90" width="100" height="28" border="0" id="Image90" /></a>
  
  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('myaccount','','http://www.babysitter-agency.com/images/pageimages/sitetitle/myaccount_bottom.jpg',1)"><img src="http://www.babysitter-agency.com/images/pageimages/sitetitle/myaccount_top.jpg" name="myaccount" width="150" height="28" border="0" id="myaccount" /></a>
  
  





  
  </div><!-- END START div id lower_title_header  -->
  



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

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


</body>
</html>


  
  
            
          
!
via HTML Inspector

CSS

            
              @charset "utf-8"; 

/* CSS Document */




/*****************************************************************************************************************************************
            = START CSS for layout of page.      
   
************************************************************************************************************************************* */

body {
  background-color: #D7EAF0;
  
  
}
#pagewrapper{
  width: 960px;
  margin: 0 auto;
}

#header{
  background: url("http://www.babysitter-agency.com//images/pageimages/topheader.jpg")scroll 0 0 transparent ;
  height:151px;
}

#midbody_mainpage{
  background: url("http://www.babysitter-agency.com//images/pageimages/mainwindowpic.jpg") scroll 0 0 transparent ;
  height:399px;
  margin-top:0px;
  padding-top:46px;
  background-repeat:no-repeat;
}

.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;
}




#upper_topfooter{
  background: url("http://www.babysitter-agency.com//images/pageimages/uppertopfooter.jpg") scroll 0 0 transparent ;
  height:90px;
}
#upper_footer {  
  background: url("http://www.babysitter-agency.com//images/pageimages/middletopfoooter.jpg")  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;  
}

#footer img{
  margin-left:300px;
  margin: 0;
  padding:0 ; l
  border: 0; 
  outline:0; 
  
}
  
  
  #body_header, #body_upper_footer, #body_upper_topfooter,body_upper_topfooter, #body_bottom_footer {
    
	   width: 960px;
       margin: 0 auto 0 auto;
	 
	 }
	
		.title_header{
			padding-top: 20px;
			
			}
			  
  
	.textmove{
		text-indent:-9999px;
		position:absolute; 
				
		
		}		  
	
#lower_title_header{
	margin:15px auto 0 auto
	
	
	
	}
	  
	#body_bottom_footer .globalwebdesign a img {
		 
		  margin-top:15px;
		  
		  }
		  
		  
	
#body_bottom_footer .lowest_footer_left{
	
	 float: left;
  display:inline;
  color: #FFF  ;
  font: 12px arial,sans-serif;
  imargin-left: 3px;
  padding: 0;
 margin-top:15px;
	
	
	}
	 
	
#body_bottom_footer .lowest_footer_right{
	
	 float: right;
  display:inline;
  color: #FFF  ;
  font: 12px arial,sans-serif;
  margin-right:8px;
  padding: 0;
 margin-top:15px;
	}

		  
	.footerimage{
		 display:inline;
		 float: right;
		margin-top:8px;
		}	  
		  
		  
		
#left_body_upper_topfooter{
	
	float: left;
		width: 480px;
	}

#right_body_upper_topfooter{
	float:right;
	width:450px;

	}
  
		  	
	
	
	
#body_upper_topfooter img {
	ipadding-top:10px;
	
}



		  
		
.imagetopfooter{
	
	margin-left:0;
	padding-left:0;
	display:block;
	
	
	}

.imagebottomfooter{
	
	margin-left:0;
	padding-left:0;
	display:block;
	
	}

 
		
.imagetopfooter2{	
	
	padding-left:15px;
	display:block;
	margin-bottom:2px;
	margin-top:10px; 
		
	}
	
	
	
.imagebottomfooter2{
	
	margin-left: 5px;
	padding-left:0;
	display:block;
	padding-top:0px;
	margin-top:0px;
	
	}

  	  .body_upper_box1,.body_upper_box2,.body_upper_box3,    
  .body_upper_box4 {
	  color:#FFF;
	  font-size:14px;
	   float:left;
		  width:240px;
		  height:280px;
		  margin-top:5px;
		  font-family:Arial, Helvetica, sans-serif;
		  
		
		  }
	
	
  	  .body_upper_box1  ul li a,.body_upper_box2 ul li a,.body_upper_box3 ul li a,    
  .body_upper_box4 ul li a {
	  color:#FFF;
	  display: block  ;
	 		
		  }	
		  
	 #body_upper_footer  ul li {
	line-height: 30px;
	font-weight: 600;
	
} 

#body_upper_footer  ul li a:hover{
	 color: #F30;
	 text-decoration:none;
	 font-weight: 900;
	 font-size:16px;
	 
	 
 }
 
 
  #rightpart_header{
	  float:right;
	  
	  
	  }
  
  
  #leftpart_header{
	  
	  float:left;
	  }
 
 
 
 .blocklevel{

	   display: block  ;
	 		
	 
	 }
 
 .socialicons{
	 
	 padding-top: 15px; 
	 
	 
	 }
 
 .icontitles{
	  padding-top: 20px; 
	 
	 }
 
 .newsletter_pushdown{
	 padding-bottom: 15px;
	 
	 
	 }
	 
	 
 
		  input.btn {
	background-image: url(/images/pageimages/miscilaniousbuttons/newsletter_subbutton.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 25px;
	width: 100px;
	border: 0px;
	cursor: pointer;
	background-color: #000;
}
input.btn:hover {
	background-image: url(/images/pageimages/miscilaniousbuttons/newsletter_subbutton_hover.jpg);
	background-repeat: no-repeat;
	color: #000000;
	width: 100px;
	height: 25px;
	border: 0px;
	cursor: pointer;
	background-color: #000;
}
		
		 
		
		  input.regformh {
	background-image: url(/images/pageimages/miscilaniousbuttons/regform_top.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	height: 47px;
	width: 172px;
	border: 0px;
	cursor: pointer;
	background-color: #000;
	padding: 15px 0 0 20px;
}
input.regformh:hover {
	background-image: url(/images/pageimages/miscilaniousbuttons/regform_bottom.jpg);
	background-repeat: no-repeat;
	color: #000000;
	width: 172px;
	height: 47px;
	border: 0px;
	cursor: pointer;
	background-color: #000;
} 
		 
		 
		 .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;
}

		 .homepage_reg_form	 {
			 padding:15px 0 0 40px;
	
			 
		 }
		 
		 .homepage_reg_form  rinput {
			 font-family:Arial, Helvetica, sans-serif;
			 
			 width: 280px;  
			 height: 20pt;    
			  font-size: 12pt;
			 
			 
			 }
		 
		 .submitbt{
			 padding: 15px 0 0 55px;			 
			 
			 }
		 
		 
			 
			 .submitb2{
				 padding-top:10px;
				 
				 
				 
				 }
				 
				 .movemiddle{
					 padding-left:29px;
					 
					 }
		 
		 #jointregs , #signin{
			 
			   display:  inline ;
			   padding-top:30px;
			  
			 
			 }
			 
			 #rightpart_header{
				 
				 padding-top:20px;
				
				 }	
				 
				 
	#logout	a,     #jointregs a,   #signin  a{
			 
			  color:#FFF;
				 font:Arial, Helvetica, sans-serif;
				 font-size:16px;
				 font-weight:800;
				 
				 
			 
			 }		 
				 
	#logout	a: hover,  #jointregs a:hover , #signin a:hover{
	 color: #F30;
	 text-decoration:none;
	 font-weight: 900;
	 font-size:16px;
	 
	 
 }
 	 
				 
				 
				 
				 
				 		 
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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