icculus.org git repositories - duncan/yastx-webclient/blob - public/index2.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
   2 \r
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">\r
   4 <head>\r
   5 \r
   6 <meta name="Description" content="Information architecture, Web Design, Web Standards." />\r
   7 <meta name="Keywords" content="your, keywords" />\r
   8 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />\r
   9 <meta name="Distribution" content="Global" />\r
  10 <meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />\r
  11 <meta name="Robots" content="index,follow" />\r
  12 \r
  13 <link rel="stylesheet" href="stylesheets/CoolWater.css" type="text/css" />\r
  14 \r
  15 <title>CoolWater</title>\r
  16         \r
  17 </head>\r
  18 \r
  19 <body>\r
  20 <!-- wrap starts here -->\r
  21 <div id="wrap">\r
  22                 \r
  23         <!--header -->\r
  24         <div id="header">                       \r
  25                                 \r
  26                 <h1 id="logo-text"><a href="index.html">coolwater</a></h1>              \r
  27                 <p id="slogan">put your site slogan here...</p>         \r
  28                         \r
  29                 <div id="header-links">\r
  30                         <p>\r
  31                         <a href="index.html">Home</a> | \r
  32                         <a href="index.html">Contact</a> | \r
  33                         <a href="index.html">Site Map</a>                       \r
  34                         </p>            \r
  35                 </div>          \r
  36                                                 \r
  37         </div>\r
  38                 \r
  39         <!-- navigation -->     \r
  40         <div  id="menu">\r
  41                 <ul>\r
  42                         <li id="current"><a href="index.html">Home</a></li>\r
  43                         <li><a href="index.html">Archives</a></li>\r
  44                         <li><a href="index.html">Downloads</a></li>\r
  45                         <li><a href="index.html">Services</a></li>\r
  46                         <li><a href="index.html">Support</a></li>\r
  47                         <li><a href="index.html">About</a></li>         \r
  48                 </ul>\r
  49         </div>                                  \r
  50                         \r
  51         <!-- content-wrap starts here -->\r
  52         <div id="content-wrap">\r
  53                 \r
  54                 <div id="main">                         \r
  55                                 \r
  56                         <a name="TemplateInfo"></a>\r
  57                         <h2><a href="index.html">Template Info</a></h2>\r
  58                                         \r
  59                         <p class="post-by">posted by: <a href="index.html">ealigam</a></p>\r
  60                                 \r
  61                         <p><strong>CoolWater 1.0</strong> is a free, W3C-compliant, CSS-based website template \r
  62                         by <strong><a href="http://www.styleshout.com/">styleshout.com</a></strong>. This work is \r
  63                         distributed under the <a rel="license" href="http://creativecommons.org/licenses/by/2.5/">\r
  64                         Creative Commons Attribution 2.5  License</a>, which means that you are free to \r
  65                         use and modify it for any purpose. All I ask is that you include a link back to  \r
  66                         <a href="http://www.styleshout.com/">my website</a> in your credits.</p>  \r
  67 \r
  68                         <p>For more free designs, you can visit \r
  69                         <a href="http://www.styleshout.com/">my website</a> to see \r
  70                         my other works.</p>\r
  71                 \r
  72                         <p>Good luck and I hope you find my free templates useful!</p>\r
  73                                 \r
  74                         <p class="post-footer align-left">                                      \r
  75                         <a href="index.html" class="readmore">Read more</a> |\r
  76                         <a href="index.html" class="comments">Comments (7)</a> |\r
  77                         <span class="date">Nov 04, 2006</span>  \r
  78                         </p>\r
  79                                 \r
  80                         <a name="SampleTags"></a>\r
  81                         <h2><a href="index.html">Sample Tags</a></h2>\r
  82                                 \r
  83                         <h3>Code</h3>                           \r
  84                         <p><code>\r
  85                         code-sample { <br />\r
  86                         font-weight: bold;<br />\r
  87                         font-style: italic;<br />                               \r
  88                         }               \r
  89                         </code></p>     \r
  90                                 \r
  91                         <h3>Example Lists</h3>\r
  92                 \r
  93                         <ol>\r
  94                                 <li>Here is an example</li>\r
  95                                 <li>of an ordered list</li>                                                             \r
  96                         </ol>   \r
  97                         <ul>\r
  98                                 <li>Here is an example</li>\r
  99                                 <li>of an unordered list</li>                                                           \r
 100                         </ul>                           \r
 101                                 \r
 102                         <h3>Blockquote</h3>                     \r
 103                         <blockquote><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy \r
 104                         nibh euismod tincidunt ut laoreet dolore magna aliquam erat....</p></blockquote>\r
 105                                 \r
 106                         <h3>Image and text</h3>\r
 107                         <p><a href="http://getfirefox.com/"><img src="images/firefox-gray.jpg" width="100" height="120" alt="firefox" class="float-left" /></a>\r
 108                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. \r
 109                         Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu \r
 110                         posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum \r
 111                         odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra \r
 112                         condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. \r
 113                         In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero.                              \r
 114                         </p>\r
 115                                 \r
 116                         <h3>Table Styling</h3>\r
 117                                         \r
 118                         <table>\r
 119                                 <tr>\r
 120                                         <th><strong>post</strong> date</th>\r
 121                                         <th>title</th>\r
 122                                         <th>description</th>\r
 123                                 </tr>\r
 124                                 <tr>\r
 125                                         <td>04.18.2007</td>\r
 126                                         <td><a href="index.html">Augue non nibh</a></td>\r
 127                                         <td><a href="index.html">Lobortis commodo metus vestibulum</a></td>\r
 128                                 </tr>\r
 129                                 <tr>\r
 130                                         <td>04.18.2007</td>\r
 131                                         <td><a href="index.html">Fusce ut diam bibendum</a></td>\r
 132                                         <td><a href="index.html">Purus in eget odio in sapien</a></td>\r
 133                                 </tr>\r
 134                                 <tr>\r
 135                                         <td>04.18.2007</td>\r
 136                                         <td><a href="index.html">Maecenas et ipsum</a></td>\r
 137                                         <td><a href="index.html">Adipiscing blandit quisque eros</a></td>\r
 138                                 </tr>\r
 139                                 <tr>\r
 140                                         <td>04.18.2007</td>\r
 141                                         <td><a href="index.html">Sed vestibulum blandit</a></td>\r
 142                                         <td><a href="index.html">Cras lobortis commodo metus lorem</a></td>\r
 143                                 </tr>\r
 144                         </table>\r
 145                                                                 \r
 146                         <h3>Example Form</h3>\r
 147                         <form method="get" action="#">                  \r
 148                         <p>             \r
 149                                 <label>Name</label>\r
 150                                 <input name="dname" value="Your Name" type="text" size="30" />\r
 151                                 <label>Email</label>\r
 152                                 <input name="demail" value="Your Email" type="text" size="30" />\r
 153                                 <label>Your Comments</label>\r
 154                                 <textarea rows="5" cols="5"></textarea>\r
 155                                 <br />  \r
 156                                 <input class="button" type="submit" />          \r
 157                         </p>            \r
 158                         </form> \r
 159                                 \r
 160                         <br />  \r
 161 \r
 162                 </div>\r
 163                 \r
 164                         \r
 165                 <div id="sidebar">\r
 166                         \r
 167                         <h2>Search Box</h2>     \r
 168                         <form action="#" class="searchform">\r
 169                                 <p>\r
 170                                 <input name="search_query" class="textbox" type="text" />\r
 171                                 <input name="search" class="button" value="Search" type="submit" />\r
 172                                 </p>                    \r
 173                         </form> \r
 174                                         \r
 175                         <h2>Sidebar Menu</h2>\r
 176                         <ul class="sidemenu">                           \r
 177                                 <li><a href="index.html">Home</a></li>\r
 178                                 <li><a href="#TemplateInfo">Template Info</a></li>\r
 179                                 <li><a href="#SampleTags">Sample Tags</a></li>\r
 180                                 <li><a href="http://www.styleshout.com/">More Free Templates</a></li>   \r
 181                                 <li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li> \r
 182                         </ul>   \r
 183                                 \r
 184                         <h2>Links</h2>\r
 185                         <ul class="sidemenu">\r
 186                                 <li><a href="http://www.pdphoto.org/">PDPhoto.org</a></li>\r
 187                                 <li><a href="http://www.squidfingers.com/patterns/">Squidfingers</a></li>\r
 188                                 <li><a href="http://www.alistapart.com">Alistapart</a></li>                                     \r
 189                                 <li><a href="http://www.cssremix.com">CSS Remix</a></li>\r
 190                                 <li><a href="http://www.cssmania/">CSS Mania</a></li>                                   \r
 191                         </ul>\r
 192                         \r
 193                         <h2>Sponsors</h2>\r
 194                         <ul class="sidemenu">\r
 195                                 <li><a href="http://www.4templates.com/?aff=ealigam"><strong>4templates</strong></a> <br /> Low Cost Hi-Quality Templates</li>\r
 196                                 <li><a href="http://store.templatemonster.com?aff=ealigam"><strong>TemplateMonster</strong></a> <br /> Delivering the Best Templates on the Net!</li>\r
 197                                 <li><a href="http://tinyurl.com/3cgv2m"><strong>Text Link Ads</strong></a> <br /> Monetized your website</li>\r
 198                                 <li><a href="http://www.fotolia.com/partner/114283"><strong>Fotolia</strong></a> <br /> Free stock images or from $1</li>\r
 199                                 <li><a href="http://www.dreamstime.com/res338619"><strong>Dreamstime</strong></a> <br /> Lowest Price for High Quality Stock Photos</li>\r
 200                                 <li><a href="http://www.dreamhost.com/r.cgi?287326"><strong>Dreamhost</strong></a> <br /> Premium webhosting</li>\r
 201                         </ul>\r
 202                                 \r
 203                         <h2>Wise Words</h2>\r
 204                                 \r
 205                         <p>&quot;To have a quiet mind is to possess one's mind wholly; to have a calm spirit is to \r
 206                         possess one's self.&quot; </p>\r
 207                                         \r
 208                         <p class="align-right">- Hamilton Mabie</p>\r
 209                         \r
 210                         <h2>Support Styleshout</h2>\r
 211                         <p>If you are interested in supporting my work and would like to contribute, you are\r
 212                         welcome to make a small donation through the \r
 213                         <a href="http://www.styleshout.com/">donate link</a> on my website - it will \r
 214                         be a great help and will surely be appreciated.</p>\r
 215                                 \r
 216                                         \r
 217                 </div>\r
 218                                 \r
 219         <!-- content-wrap ends here --> \r
 220         </div>\r
 221                                         \r
 222         <!--footer starts here-->\r
 223         <div id="footer">\r
 224                         \r
 225                 <p>\r
 226                 &copy; 2006 <strong>Your Company</strong> | \r
 227                 Design by: <a href="http://www.styleshout.com/">styleshout</a> | \r
 228                 Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | \r
 229                 <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>              \r
 230         </p>\r
 231                                 \r
 232         </div>  \r
 233 \r
 234 <!-- wrap ends here -->\r
 235 </div>\r
 236 \r
 237 </body>\r
 238 </html>\r