simple website coding

Posted by Gopi , Labels: , , , Sunday, 1 January 2012 07:36

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2.   
  3. <html>  
  4.   
  5. <head>  
  6.     <title>Geniva Requiem</title>  
  7.   
  8.     <link rel="stylesheet" href="style.css" type="text/css" media="all" />  
  9. </head>  
  10.   
  11. <body>  
  12.     <div id="header">  
  13.         <div id="logo">  
  14.             <a href="#" title="Genieva Requiem"><h1>Genieva Requiem</h1></a>  
  15.         </div>  
  16.   
  17.         <div id="slogan">  
  18.             <a href="#" title="Another free template form Fire Studios"><h4>Another free template from Fire Studios</h4></a>  
  19.         </div>  
  20.   
  21.         <div id="nav">  
  22.             <ul>  
  23.                 <li><a href="#" title="Templates">Templates</a></li>  
  24.                 <li><a href="#" title="Graphics">Graphics</a></li>  
  25.                 <li><a href="#" title="Tutorials">Tutorials</a></li>  
  26.                 <li><a href="#" title="Members">Members</a></li>  
  27.             </ul>  
  28.         </div>  
  29.     </div>  
  30.   
  31.     <div id="sidebar">  
  32.         <div class="box">  
  33.             <h2>Side-bar</h2>  
  34.             <p>This is some random content, since I can't be bothered to read and re-type the content from the preview image.</p>  
  35.         </div>  
  36.   
  37.         <div class="box">  
  38.             <h2>Lists</h2>  
  39.             <ul>  
  40.                 <li>Item 1</li>  
  41.                 <li>Item 2</li>  
  42.             </ul>  
  43.             <ol>  
  44.                 <li>Item 1</li>  
  45.                 <li>Item 2</li>  
  46.             </ol>  
  47.         </div>  
  48.     </div>  
  49.   
  50.     <div id="main">  
  51.         <div id="content">  
  52.             <h3>Heading 1</h3>  
  53.             <p>And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.</p>  
  54.   
  55.             <h3>Heading 1</h3>  
  56.             <p>And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.  And we'lll some random content so that we can see how it looks.</p>  
  57.         </div>  
  58.     </div>  
  59.   
  60.     <div id="footer">  
  61.         <p>Genieva Requiem copyright © 2008 <a href="http://fire-studios.com" title="Fire Studios">Fire Studios</a> <br />  
  62.         Designed by: <a href="http://fire-studios.com" title="Fire Studios">Fire Studios</a></p>  
  63.     </div>  
  64. </body>  
  65.   
  66. </html>

0 Response to "simple website coding"

Post a Comment

Subscribe to: Post Comments (Atom)

comments