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, #wci, #hiw, #ideas, #wci2'); </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="yw">
  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>
  90.                        
  91.                         <div id="site">
  92.                         <ul id="wci2">
  93.                             <li><a href="#" id="blWrite"><strong>write</strong> Writing Resources</a></li>
  94.                             <li><a href="#" id="blCharacterGenerator"><strong>character generator</strong> Anything is possible</a></li>
  95.                             <li><a href="#" id="blIdeaGenerator"><strong>idea generator</strong> Explore with new ideas</a></li>
  96.                         </ul>
  97.  
  98.                         <ul id="subTopNavigation">
  99.                             <li><a href="#" id="yw_stn_home">home</a></li>
  100.                             <li><a href="#" id="yw_stn_hiw">how it works</a></li>
  101.                         </ul>
  102.  
  103.                         <div id="box2">
  104.                                        
  105.                                 <div class="main">
  106.                                        
  107.                                         <div class="content">
  108.                                                 <h2 id="yw_characterGenerator">Character generator</h2>
  109.                                                 <p>Use our Idea Creator to start writing your book today. This tool offers tips to get you started, with a new idea or to complete an idea that you just can't finish. Simply click the link below to generate ideas.</p>
  110.                                                 <p>Write down ten words on a sheet of paper. You can do this with a friend, and have them write down ten words on another piece of paper. Now, exchange your lists, or e-mail the list of words to each other. Each of you write a poem containing all the words on the list. You will be well on your way to writing a book of poetry!</p>
  111.                                         </div>
  112.                                        
  113.                                 </div>
  114.                                
  115.                         </div>
  116.                        
  117.                         </div>
  118.                        
  119.                         <div id="footer">
  120.                                
  121.                                 <div id="footerNav">
  122.                                     <p>
  123.                                         <a href="#">Home</a>  |  
  124.                                         <a href="#">Our Story</a>  |  
  125.                                         <a href="#">Write</a>  |  
  126.                                         <a href="#">Share</a>  |  
  127.                                         <a href="#">Shop</a>  |  
  128.                                         <a href="#">Teen Writers</a>  |
  129.                                         <a href="#">Young Writers</a>  |  
  130.                                         <a href="#">News</a>  |  
  131.                                         <a href="#"> FAQ</a>  |
  132.                                         <a href="#">Support</a>  |
  133.                                         <a href="#">Contact</a>
  134.                                     </p>
  135.                                     <p class="nav2">
  136.                                         <a href="#">Advertising</a>  |  
  137.                                         <a href="#">submission guidelines</a>  |  
  138.                                         <a href="#">Terms &amp; Conditions</a>  |  
  139.                                         <a href="#">Privacy</a>  |  
  140.                                         <a href="#">Site Map</a>  |  
  141.                                         <a href="#">VIEW FLASH INTRO</a>
  142.                                     </p>
  143.                                 </div>
  144.                                
  145.                                 <div id="siteInfo">
  146.                                         <p>© 2009 <a href="#">WriteLife, LLC</a></p>
  147.                                 </div>
  148.                                
  149.                         </div>
  150.                        
  151.                 </div></div></div>
  152.        
  153.         </div></div></div>
  154.                        
  155.         <!--[if IE 7]>
  156.         </td></tr></table></td></tr></table>
  157.         <![endif]-->
  158.  
  159. </body>
  160. </html>