child-care : Child « Templates « HTML / CSS






child-care

 

<!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>
<title>Child Care - About</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
/* CSS Document */

body{margin:0px; padding:0px; background:#4A4E4A; font:11px/14px verdana,arial;
}
p{margin:0px; padding:0px;
}
img{border:0px;}
.flt{ float:left;}
.flt1{ clear:left; float:left;}
.flt2{ float:right;}
#main_block{width:945px; margin:auto; background:#ffffff;}
.cp_block{width:945px; margin:0px; background:#ffffff;}
.tp_logo{margin:43px 46px 0px 18px;}
.topblock{width:945px; height:241px; background:url(child-care-images/tp_backgr.jpg) no-repeat;}
#lftblock{display:inline; float:left; width:650px; height:41px; margin-top:70px;} 
#lftblock span{
  float:left;
  display:inline;
  background:url(child-care-images/tp_tabhome.gif) no-repeat;
  width:124px;
  height:41px;
  margin-right:3px;
  }
#lftblock span a{
float:left;
  color:#FFFFFF;
  margin-left:30px;
  text-decoration:none;
}
.tp_home{font:bold 15px/24px Trebuchet MS; color:#ffffff; text-align:center; margin-top:12px; text-decoration:none;}
.lp_padd{display:inline; width:609px; margin:0px 0px 0px 32px; background:#ffffff;}
.lp_weltxt,.lp_childtxt,.rp_head,.inn_about,.inn_testi{font:bold italic 22px/24px Georgia; color:#A55702; margin-top:22px; width:580px;}
.rp_serv,.inn_our,.inn_traing{font:bold italic 22px/24px Georgia; color:#fefefe; margin:18px 0px 0px 19px; width:270px;}
.inn_traing{color:#ffffff; margin:28px 0px 0px 23px; width:480px; }
.inn_our{color:#000000; margin:12px 0px 0px 18px; width:230px;}
.rp_head{color:#333329; margin:18px 0px 0px 14px; width:260px;}
.lp_childtxt{color:#747474; margin-top:17px; width:270px;}
.inn_about{color:#747474; margin:22px 0px 0px 20px; width:652px;}
.inn_testi{color:#747474; margin:14px 0px 0px 20px; width:466px;}
.lp_loremtxt{width:580px; margin-top:12px; color:#2A2A2A;}
.lp_loremtxt2{width:260px; margin-top:12px; color:#2A2A2A;}
.rp_facitxt{width:260px; margin:8px 0px 0px 14px; color:#333329;}
.lp_linktxt,.lp_linktxt2{width:230px; margin-top:10px; color:#848483;}
.lp_linktxt2{width:258px; display:inline; }
.cp_line{margin-top:14px;}
.cp_vertline{margin-top:52px;}
.lp_arrow{margin:15px 8px 0px 0px;}
.lp_facitxt{width:280px; margin-top:14px; color:#000000;}
.rp_padd{ display:inline; width:303px; margin:0px; background:#FFFFCB; padding-bottom:2px; border-right:1px solid #ffffff;}
.rp_bck{ display:inline; width:302px; margin:0px; background:#C5C591; border-left:1px solid #FFFFCB;}
.rp_img1{margin:20px 0px 0px 13px;}
.rp_img2{margin:12px 0px 0px 17px;}
.rp_img3{margin:20px 20px 0px 18px;}
.rp_arrow{margin:15px 8px 0px 19px;}
.rp_linktxt{width:230px; margin-top:10px; color:#ffffff;}
.rp_add{display:inline; width:259px; height:114px; margin:26px 0px 0px 20px; background:url(child-care-images/rp_addjoin.jpg) no-repeat; padding-bottom:36px;}
.ft_bg{display:inline; width:943px; height:74px; margin:0px; background:url(child-care-images/ft_bg.gif) repeat-x; border-left:1px solid #ffffff; border-right:1px solid #ffffff; font:11px/14px verdana,arial; color:#ffffff;}
.ft_pipe{margin:26px 10px 0px 10px;}
.ft_home{margin:26px 0px 0px 242px; color:#ffffff; text-decoration:none;}
.ft_home2{margin:26px 0px 0px 0px; color:#ffffff; text-decoration:none;}
.ft_home3{margin:6px 0px 0px 300px; color:#ffffff; width:640px;}
.rp_moretxt{width:100px; margin:78px 0px 0px 26px; color:#ffffff;}
.inn_lppadd{ display:inline; width:262px; margin:0px; background:#FFFFCB; padding-bottom:56px; border:3px solid #ffffff;}
.inn_rppadd{ display:inline; width:677px; margin:0px;}
.inn_arrow{margin:16px 18px 0px 14px;}
.inn_linktxt{width:208px; margin-top:11px; color:#3C3C3B;}
.inn_add{display:inline; width:224px; height:120px; margin:26px 0px 0px 13px; background:url(child-care-images/inn_lpadd.jpg) no-repeat;}
.inn_abttxt{width:490px; margin:14px 0px 0px 20px; color:#000000;}
.inn_imgfamily{margin:14px 0px 0px 4px;}
.inn_imggirl{margin:22px 0px 0px 20px;}
.inn_testtxt{width:444px; margin:8px 0px 0px 20px; color:#2F1C1B;}
.inn_train{display:inline; width:638px; height:173px; margin:22px 0px 0px 18px; background:url(child-care-images/inn_ladybg.gif) repeat-x;}
.inn_arrow2{margin:12px 14px 0px 26px;}
.inn_linktxt2{width:456px; margin-top:8px; color:#FFFFFF; text-decoration:none;}



</style>


</head>
<body>
<!-- top panel starts here -->
<div id="main_block">
  <div class="flt1 cp_block"> <a href="http://www.free-css.com/" class="flt tp_logo"><img src="child-care-images/tp_logo.gif" width="231" height="38" alt="" /></a>
    <div id="lftblock"> <span><a href="http://www.free-css.com/" class="flt tp_home">Home</a></span> <span><a href="about.html" class="flt tp_home">About Us</a></span> <span><a href="http://www.free-css.com/" class="flt tp_home">Traing</a></span> <span><a href="http://www.free-css.com/" class="flt tp_home">Gallery</a></span> <span><a href="http://www.free-css.com/" class="flt tp_home">Contact Us</a></span> </div>
    <div class="flt1 topblock"> </div>
    <!-- top panel ends here -->
    <!-- left panel starts here -->
    <div class="flt1 inn_lppadd"> <span class="flt1 inn_our">Our Services</span> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Lorem ipsum dolor sit amet, con</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Maecenas convallis ipsum sed</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Suspendisse vitae tortor a ante</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Praesent semper rhoncus turpis</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Pellentesque et nunc nec eros</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Etiam nec sapien eu libero condim</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Aenean quis elit sed metus facili</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Suspendisse vitae tortor a ante</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Maecenas convallis ipsum sed</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Pellentesque luctus neque a sap</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Donec sit amet ante non lectus</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Cras ornare risus sit amet metus.</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Suspendisse vitae tortor a ante</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Maecenas non nibh id justo nonum</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Lorem ipsum dolor sit amet</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow" /> <a href="http://www.free-css.com/" class="flt inn_linktxt">Donec sit amet ante non lectus</a> <a href="http://www.free-css.com/" style="float:left; font:font:11px/14px verdana; color:#000000; margin:16px 0px 0px 18px;">Read more</a>
      <div class="flt1 inn_add"> <a href="http://www.free-css.com/" style="float:left; font:font:11px/14px verdana; color:#000000; margin:90px 0px 0px 26px;">Read more</a> </div>
    </div>
    <!-- left panel ends here -->
    <!-- right panel starts here -->
    <div class="flt inn_rppadd"> <span class="flt1 inn_about">About us</span> <span class="flt1 inn_abttxt">In velit sem, viverra nec, tincidunt eu, fermentum eget, eros. Nulla velit. Nulla quis mi euismod dui venenatis fermentum. Nunc erat dolor, ultricies ut, scelerisque nec, ullamcorper eget, nibh. Integer imperdiet, sapien id ullamcorper dignissim, dolor est dapibus augue, non scelerisque mauris dolor nec massa. Vestibulum ligula sem, dictum a, facilisis nec, cursus eu, erat. Fusce sodales. Nullam hendrerit turpis id odio accumsan dignissim. Vestibulum nibh sapien, iaculis vitae, luctus elementum, eleifend quis, libero. Cras eu orci. Ut pede tortor, ultricies nec, consectetuer sit amet, <br />
      <br />
      Pellentesque tempor luctus augue. Phasellus in arcu nec ligula varius venenatis. Fusce adipiscing, leo ut volutpat bibendum, neque lectus porta tortor, a suscipit ligula turpis sit amet lorem. Vestibulum risus. Vestibulum viverra ultricies libero. Curabitur urna magna, adipiscing in, consectetuer ut, dignissim veen.Nullam hendrerit turpis id odio accumsan dignissim. Vestibulum nibh sapien<br />
      <br />
      <a href="http://www.free-css.com/" style="color:#C28068;">Read more</a></span> <img src="child-care-images/inn_cpfamily.jpg" width="162" height="199" alt="" class="flt inn_imgfamily" /> <img src="child-care-images/inn_cpgirl.jpg" width="170" height="170" alt="" class="flt1 inn_imggirl" />
      <p style="float:left; width:466px;"> <span class="flt1 inn_testi">Testomonials</span><br />
        <span class="flt1 inn_testtxt">Pellentesque et neque eget mi cursus euismod. Pellentesque sapien. Pha-<br />
        sellus ac arcu ut dui auctor faucibus. Suspendisse tellus. Suspendisse potenti. Nunc in turpis quis nisi tempor iaculis. Nunc at sem a lacus iaculis fermentum. In ut erat sit amet augue tempus interdum. <br />
        <br />
        Curabitur nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque ligula. Proin quam dui, tristique sed, sagittis pharetra, vestibulum eu, purus. Aliquam consectetuer nisi in risus. Integer turpis mauris, semper sit amet, ornare nec, vestibulum et, leo.</span> <a href="http://www.free-css.com/" style="float:left; margin:8px 0px 0px 12px; color:#C28068;">Read more</a> </p>
      <div class="flt1 inn_train"> <img src="child-care-images/inn_cplady.jpg" width="121" height="173" alt="" class="flt2" />
        <p style="float:left; width:516px;"> <span class="flt1 inn_traing">Training</span> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow2" /> <a href="http://www.free-css.com/" class="flt inn_linktxt2">Nullam vehicula est hendrerit ante molestie suscipit. Nullam vel metusodales</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow2" /> <a href="http://www.free-css.com/" class="flt inn_linktxt2">Vestibulum adipiscing pellentesque sapien Donec et odio a turpis interdum</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow2" /> <a href="http://www.free-css.com/" class="flt inn_linktxt2">Nullam vel metus sodales ante tempor posuere. Donec ut magna a eratplacerat</a> <img src="child-care-images/lp_arrow.gif" width="8" height="7" alt="" class="flt1 inn_arrow2" /> <a href="http://www.free-css.com/" class="flt inn_linktxt2">Nullam vel metus sodales ante tempor posuere. Donec ut magna a eratplacerat</a> <a href="http://www.free-css.com/" style="float:left; margin:6px 0px 0px 24px; color:#ffffff;">Read more</a> </p>
      </div>
    </div>
    <!-- right panel ends here -->
    <div class="flt1 ft_bg"> <a href="http://www.free-css.com/" class="flt1 ft_home">Home</a> <span class="flt ft_pipe">|</span> <a href="http://www.free-css.com/" class="flt ft_home2">About us</a> <span class="flt ft_pipe">|</span> <a href="http://www.free-css.com/" class="flt ft_home2">Training</a> <span class="flt ft_pipe">|</span> <a href="http://www.free-css.com/" class="flt ft_home2">Shedules</a> <span class="flt ft_pipe">|</span> <a href="http://www.free-css.com/" class="flt ft_home2">Services</a> <span class="flt ft_pipe">|</span> <a href="http://www.free-css.com/" class="flt ft_home2">Gallery</a> <span class="flt ft_pipe">|</span> <a href="http://www.free-css.com/" class="flt ft_home2">Contact Us</a> <span class="flt1 ft_home3"><a href="http://www.buytemplates.net/CSS-XHTML-web-templates.aspx" style="color:#FFFFFF;">Css/Xhtml template</a> from buytemplates.net 2008. All rights reserved.</span> </div>
  </div>
</div>
</body>
</html>

   
  








Related examples in the same category

1.children-1