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'); </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>
  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.                                 <div id="language">
  51.                                         <p>
  52.                                                 <span>WriteLife knows your language</span>
  53.                                         </p>
  54.                                         <p>
  55.                                                 <a href="#"><img src="images/icons/flag1.png" alt="" /></a>
  56.                                                 <a href="#"><img src="images/icons/flag2.png" alt="" /></a>
  57.                                                 <a href="#"><img src="images/icons/flag3.png" alt="" /></a>
  58.                                                 <a href="#"><img src="images/icons/flag4.png" alt="" /></a>
  59.                                                 <a href="#"><img src="images/icons/flag5.png" alt="" /></a>
  60.                                                 <a href="#"><img src="images/icons/flag6.png" alt="" /></a>
  61.                                         </p>
  62.                                 </div>
  63.                                
  64.                                 <div id="headerBar">
  65.                                        
  66.                                         <ul id="navigation">  
  67.                                                 <li><a href="#">Contribute</a></li>
  68.                                                 <li><a href="#">Join</a></li>
  69.                                                 <li><a href="#">Sign in</a></li>
  70.                                                 <li><a href="#">Support</a></li>
  71.                                         </ul>
  72.                                        
  73.                                         <div id="bookmark">
  74.                                         <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> 
  75.                                         </div>
  76.                                        
  77.                                         <div id="search">
  78.                                                 <form action="#" method="post">
  79.                                                         <p>
  80.                                                                 <input type="text" value="" />
  81.                                                                 <button type="submit">Go</button>
  82.                                                         </p>
  83.                                                 </form>
  84.                                         </div>
  85.                                        
  86.                                 </div>
  87.                                
  88.                         </div>
  89.                        
  90.                         <div id="site">
  91.                         <div id="box">
  92.                                
  93.                                 <div class="container">
  94.                                        
  95.                                         <div id="mainImage">
  96.                                                 <img src="images/temp/mainImg1.jpg" alt="" />
  97.                                         </div>
  98.                                        
  99.                                         <div id="signIn">
  100.                                                 <p><a href="#" id="msiJoin">Join</a></p>
  101.                                                 <p><a href="#" id="msiSignIn">Sign in</a></p>
  102.                                                 <h2>MEMBER SIGN IN</h2>
  103.                                         </div>
  104.  
  105.                                 </div>
  106.                                
  107.                                 <div class="container">
  108.                                        
  109.                                         <div id="wal">
  110.                                                 <h2 id="writeAboutLife">write about life...</h2>
  111.                                                 <p>WriteLife.com is a new, interactive way for writers to create, share, publish and market their literary work online. We want everyone to have a chance to share their stories, fiction and non-fiction. The site is free to use. Plain and simple -- write about life! <a href="#" class="more">Learn more</a></p>
  112.                                         </div>
  113.                                        
  114.                                         <div id="iwl">
  115.                                                 <h2 id="insideWriteLife">INSIDE writelife:</h2>
  116.                                                 <ul>
  117.                                                     <li><a href="#">Our Story</a></li>
  118.                                                     <li><a href="#">How it works</a></li>
  119.                                                     <li><a href="#">WRITELIFE FAQ</a></li>
  120.                                                     <li><a href="#">Newsletter sign up</a></li>
  121.                                                     <li><a href="#">Contact Us</a></li>
  122.                                                 </ul>
  123.                                         </div>
  124.                                        
  125.                                         <a href="#" id="hotp">
  126.                                                 <img src="images/temp/book1.png" alt="" />
  127.                                                 <span id="bookTitle">African tales</span>
  128.                                                 <span class="bookInfo">Emmanuel Aare A. Ben, Author</span>
  129.                                                 <span class="bookInfo">U.S. Price:  $5.95</span>
  130.                                         </a>
  131.                                        
  132.                                 </div>
  133.                                
  134.                         </div>
  135.                                
  136.                         <ul id="bigLinks">
  137.                             <li><a href="#" id="blWrite"><strong>write</strong> WriteLife Resources</a></li>
  138.                             <li><a href="#" id="blShare"><strong>share</strong> WriteLife Community</a></li>
  139.                             <li><a href="#" id="blShop"><strong>shop</strong> WriteLife Marketplace</a></li>
  140.                             <li><a href="#" id="bl2go"><strong>writelife2go</strong> Download WriteLife to your desktop and take it wherever you go! <span>FREE DOWNLOAD</span></a></li>
  141.                         </ul>
  142.                        
  143.                         </div>
  144.                        
  145.                         <div id="footer">
  146.                                
  147.                                 <div id="footerNav">
  148.                                     <p>
  149.                                         <a href="#">Home</a>  |  
  150.                                         <a href="#">Our Story</a>  |  
  151.                                         <a href="#">Write</a>  |  
  152.                                         <a href="#">Share</a>  |  
  153.                                         <a href="#">Shop</a>  |  
  154.                                         <a href="#">Teen Writers</a>  |
  155.                                         <a href="#">Young Writers</a>  |  
  156.                                         <a href="#">News</a>  |  
  157.                                         <a href="#"> FAQ</a>  |
  158.                                         <a href="#">Support</a>  |
  159.                                         <a href="#">Contact</a>
  160.                                     </p>
  161.                                     <p class="nav2">
  162.                                         <a href="#">Advertising</a>  |  
  163.                                         <a href="#">submission guidelines</a>  |  
  164.                                         <a href="#">Terms &amp; Conditions</a>  |  
  165.                                         <a href="#">Privacy</a>  |  
  166.                                         <a href="#">Site Map</a>  |  
  167.                                         <a href="#">VIEW FLASH INTRO</a>
  168.                                     </p>
  169.                                 </div>
  170.                                
  171.                                 <div id="siteInfo">
  172.                                         <p>© 2009 <a href="#">WriteLife, LLC</a></p>
  173.                                         <p>Site design by <a href="http://scorrmarketing.com">SCORR Marketing</a></p>
  174.                                 </div>
  175.                                
  176.                         </div>
  177.                        
  178.                 </div></div></div>
  179.        
  180.         </div></div></div>
  181.                        
  182.         <!--[if IE 7]>
  183.         </td></tr></table></td></tr></table>
  184.         <![endif]-->
  185.  
  186. </body>
  187. </html>