1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.         <title>write life | write about life</title>
  7.                
  8.         <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  9.         <script type="text/javascript" src="js/init.js"></script>
  10.                
  11.         <link rel="stylesheet" type="text/css" media="screen" href="css/style.css"/>
  12.         <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  13.                
  14.         <!--[if IE 6]>
  15.         <script src="js/DD_belatedPNG.js"></script>
  16.         <script> DD_belatedPNG.fix('#shadow, #w1, #s1'); </script>
  17.         <![endif]-->
  18.         <!--[if IE 7]>
  19.         <link rel="stylesheet" type="text/css" media="screen" href="css/IE7style.css"/>
  20.         <![endif]-->
  21.  
  22. </head>
  23. <body id="tw">
  24.        
  25.         <!--[if IE 7]>
  26.         <table id="IE7wrapper" cellspacing="0"><tr><td><table id="IE7shadow" cellspacing="0"><tr><td>
  27.         <![endif]-->
  28.        
  29.         <div id="wrapper"><div id="w1"><div id="w2">
  30.                
  31.                 <div id="shadow"><div id="s1"><div id="s2">
  32.  
  33.                         <div id="header">
  34.                                        
  35.                                 <ul id="mainNavigation">
  36.                                     <li>
  37.                                         <a href="#" id="writelife">
  38.                                                         <strong>write life</strong>
  39.                                                         write about life
  40.                                                 </a>
  41.                                         </li>
  42.                                         <li>
  43.                                         <a href="#" id="teenwriters">teen writers</a>
  44.                                         </li>
  45.                                         <li>
  46.                                         <a href="#" id="youngwriters">young writers</a>
  47.                                         </li>
  48.                                 </ul>  
  49.                                
  50.                                
  51.                                 <div id="language">
  52.                                         <p>
  53.                                                 <span>WriteLife knows your language</span>
  54.                                         </p>
  55.                                         <p>
  56.                                                 <a href="#"><img src="images/icons/flag1.png" alt="" /></a>
  57.                                                 <a href="#"><img src="images/icons/flag2.png" alt="" /></a>
  58.                                                 <a href="#"><img src="images/icons/flag3.png" alt="" /></a>
  59.                                                 <a href="#"><img src="images/icons/flag4.png" alt="" /></a>
  60.                                                 <a href="#"><img src="images/icons/flag5.png" alt="" /></a>
  61.                                                 <a href="#"><img src="images/icons/flag6.png" alt="" /></a>
  62.                                         </p>
  63.                                 </div>
  64.                                
  65.                                 <div id="headerBar">
  66.                                        
  67.                                         <ul id="navigation">  
  68.                                                 <li><a href="#">Contribute</a></li>
  69.                                                 <li><a href="#">Join</a></li>
  70.                                                 <li><a href="#">Sign in</a></li>
  71.                                                 <li><a href="#">Support</a></li>
  72.                                         </ul>
  73.                                        
  74.                                         <div id="bookmark">
  75.                                         <script type="text/javascript" src="http://cdn.socialtwist.com/2009030611843/script.js"></script><a class="st-taf" href="http://tellafriend.socialtwist.com:80" onclick="return false;" style="border:0;padding:0;margin:0;"><img alt="SocialTwist Tell-a-Friend" style="border:0;padding:0;margin:0;" src="http://images.socialtwist.com/2009030611843/button.png" onmouseout="hideHoverMap(this)" onmouseover="showHoverMap(this, '2009030611843', window.location, document.title)" onclick="cw(this, {id:'2009030611843', link: window.location, title: document.title });" /></a> 
  76.                                         </div>
  77.                                        
  78.                                         <div id="search">
  79.                                                 <form action="#" method="post">
  80.                                                         <p>
  81.                                                                 <input type="text" value="" />
  82.                                                                 <button type="submit">Go</button>
  83.                                                         </p>
  84.                                                 </form>
  85.                                         </div>
  86.                                        
  87.                                 </div>
  88.                                
  89.                                 <div id="headerBottom"></div>
  90.                                
  91.                         </div>
  92.                        
  93.                         <div id="site">
  94.                         <div id="box">
  95.                                
  96.                                 <div class="container">
  97.                                        
  98.                                         <div id="mainImage">
  99.                                                 <img src="images/temp/tw_mainImg1.jpg" alt="" />
  100.                                         </div>
  101.                                        
  102.                                         <div id="signIn">
  103.                                                 <h2>MEMBER SIGN IN</h2>
  104.                                                 <p><a href="#" id="msiJoin">Join</a></p>
  105.                                                 <p><a href="#" id="msiSignIn">Sign in</a></p>
  106.                                         </div>
  107.  
  108.                                 </div>
  109.                                
  110.                                 <div class="container">
  111.                                        
  112.                                         <div id="wal">
  113.                                                 <h2 id="writeAboutLife">write about life...</h2>
  114.                                                 <p>WriteLife wants everyone to have the chance to write whatever book is hiding inside of them! As a young writer, you have the opportunity to start writing today and to use the WriteLife site as a place to watch your writing style grow and change over time. <a href="#" class="more">Learn more</a></p>
  115.                                         </div>
  116.                                        
  117.                                         <a href="#" id="hiw"><strong>How it works</strong> Take the Tour</a>
  118.                                        
  119.                                         <a href="#" id="hotp">
  120.                                                 <img src="images/temp/book1.png" alt="" />
  121.                                                 <span id="bookTitle">African tales</span>
  122.                                                 <span class="bookInfo">Emmanuel Aare A. Ben, Author</span>
  123.                                                 <span class="bookInfo">U.S. Price:  $5.95</span>
  124.                                         </a>
  125.                                        
  126.                                 </div>
  127.                                
  128.                         </div>
  129.                                
  130.                         <ul id="bigLinks">
  131.                             <li><a href="#" id="blWrite"><strong>write</strong> WriteLife Resources</a></li>
  132.                             <li><a href="#" id="blShare"><strong>share</strong> WriteLife Community</a></li>
  133.                             <li><a href="#" id="blCreate"><strong>create</strong> Character Creator</a></li>
  134.                             <li><a href="#" id="blGenerate"><strong>generate</strong> Idea Generator</a></li>
  135.                         </ul>
  136.                        
  137.                         </div>
  138.                        
  139.                         <div id="footer">
  140.                                
  141.                                 <div id="footerNav">
  142.                                     <p>
  143.                                         <a href="#">Home</a>  |  
  144.                                         <a href="#">Our Story</a>  |  
  145.                                         <a href="#">Write</a>  |  
  146.                                         <a href="#">Share</a>  |  
  147.                                         <a href="#">Shop</a>  |  
  148.                                         <a href="#">Teen Writers</a>  |
  149.                                         <a href="#">Young Writers</a>  |  
  150.                                         <a href="#">News</a>  |  
  151.                                         <a href="#"> FAQ</a>  |
  152.                                         <a href="#">Support</a>  |
  153.                                         <a href="#">Contact</a>
  154.                                     </p>
  155.                                     <p class="nav2">
  156.                                         <a href="#">Advertising</a>  |  
  157.                                         <a href="#">submission guidelines</a>  |  
  158.                                         <a href="#">Terms &amp; Conditions</a>  |  
  159.                                         <a href="#">Privacy</a>  |  
  160.                                         <a href="#">Site Map</a>  |  
  161.                                         <a href="#">VIEW FLASH INTRO</a>
  162.                                     </p>
  163.                                 </div>
  164.                                
  165.                                 <div id="siteInfo">
  166.                                         <p>© 2009 <a href="#">WriteLife, LLC</a></p>
  167.                                 </div>
  168.                                
  169.                         </div>
  170.                        
  171.                 </div></div></div>
  172.        
  173.         </div></div></div>
  174.                        
  175.         <!--[if IE 7]>
  176.         </td></tr></table></td></tr></table>
  177.         <![endif]-->
  178.  
  179. </body>
  180. </html>