--- /dev/null
+<!DOCTYPE html>\r
+<html>\r
+<head>\r
+ <meta charset="UTF-8">\r
+ <title>my title</title>\r
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" />\r
+ <link rel="stylesheet" type="text/css" href="print.css" media="print" />\r
+ <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->\r
+</head>\r
+\r
+<body>\r
+\r
+<div id="wrapper">\r
+\r
+ <header>\r
+ <h1 id="sitename"><a href="#">Turquoise Swirls</a></h1>\r
+ <div id="description">Your interesting & compelling tag line</div>\r
+ <div id="top">\r
+ <nav>\r
+ <ul>\r
+ <li><a href="#">Home</a></li>\r
+ <li><a href="#">About</a></li>\r
+ <li><a href="#">Contact</a></li>\r
+ <li><a href="#">Support</a></li>\r
+ </ul>\r
+ </nav>\r
+ </div>\r
+ </header>\r
+\r
+ <section>\r
+\r
+ <div id="container">\r
+ <div id="content">\r
+\r
+ <article>\r
+ <h2><a href="#" rel="bookmark">Your Awesome Article Title</a></h2>\r
+ <div class="entry">\r
+ <p>\r
+ Lorem ipsum pri at agam postulant. Vis option euismod ut, mucius nominavi noluisse vim in, his ne mediocrem qualisque necessitatibus. Has at ubique utroque molestie, <a href="#">vim ne ceteros ponderum</a> hendrerit. No everti singulis disputationi eam, minim iusto cu usu, sint nulla harum duo ei. Ut vidit cotidieque ullamcorper mea, dolorem oportere vulputate ea mei, eu ius error perpetua theophrastus.\r
+ </p>\r
+ <img src="images/turquoise-stone.png" alt="" class="alignright framed" /><p>\r
+ Quis quaerendum pri no, sit ad noster timeam. An pro consul concludaturque, no possim impetus mei. Facer oblique referrentur te qui, ornatus postulant evertitur ius ea. No sed vero aperiri equidem, pri et perpetua erroribus accusamus, doctus menandri ad qui. Natum dicunt delenit te vim, has te decore deseruisse. Quot malorum legendos ut est, urbanitas interpretaris id qui, duo populo animal conclusionemque ne.\r
+ </p>\r
+ <p>\r
+ Iriure postulant pro ad. Wisi delectus legendos an duo, alia utroque recteque no mel, te sed porro alienum. Vix tale suavitate incorrupte at, viris tractatos incorrupte pri ad. Veri putant volutpat his ad, no doming deserunt persecuti eum, ad nobis essent sed. Ad vis mandamus expetenda, salutandi iracundia repudiandae mei ei. Alii pericula abhorreant mei an, vix dignissim consequuntur ex, alienum invenire posidonium nam ei.\r
+ </p>\r
+ <blockquote>\r
+ Minim elitr congue eu mea, quo minimum verterem gloriatur in, ex alia cotidieque complectitur qui. Eu sit idque quodsi constituto, ex mea omnesque adolescens. Sit id fabulas eligendi suscipiantur, eu natum perfecto sit, at brute option lucilius mea. Te malis disputationi has, ex eum habeo sententiae. An est meliore denique voluptatibus, nam putent voluptua inciderint in, ne simul graeci nonummy vel.\r
+ </blockquote>\r
+ <p>\r
+ Quod malorum delectus ne duo, an pri facer doming quaeque, ancillae omnesque his ei. At sed nibh illum placerat. At quod appareat reprehendunt vim, te pri velit nonumy antiopam. Exerci placerat est no, cu quo affert vidisse democritum. Debitis maiestatis referrentur qui ad. Sonet praesent intellegebat mei ex, duo meis epicurei cu. Idque volutpat sadipscing ut est, eos eu alienum oportere, eum ea dicat ignota persequeris.\r
+ </p>\r
+ <p>\r
+ Veritus menandri referrentur est cu. Eos ea mazim elaboraret delicatissimi, puto nostrud platonem vis an. Mea eirmod torquatos et, ad sonet minimum mea, mei eu causae eruditi intellegat. Velit vitae ridens et vel, commodo suscipit persequeris sea id, iudico persius eruditi in vel. Magna eloquentiam mei et, quo erat vituperatoribus ea, in sale audiam quo. Ad eum illum tantas volumus, iriure feugiat recteque ei est.\r
+ </p>\r
+ </div>\r
+ </article>\r
+ \r
+ </div><!-- #content-->\r
+ </div><!-- #container-->\r
+\r
+ <aside id="left"><!-- start left sidebar -->\r
+ <div class="box">\r
+ <h3>Main Menu</h3>\r
+ <div class="inner">\r
+ <ul>\r
+ <li><a href="#">Products</a>\r
+ <li><a href="#">Support</a>\r
+ <li><a href="#">Popular Uses</a>\r
+ </ul>\r
+ </div>\r
+ </div><!-- .box -->\r
+\r
+ <div class="box">\r
+ <h3>Our Sponsor</h3>\r
+ <div class="inner">\r
+ <br />\r
+ <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>\r
+ <br />\r
+ </div>\r
+ </div><!-- .box -->\r
+\r
+ </aside><!-- end left sidebar -->\r
+\r
+ <aside id="right"><!-- start right sidebar --> \r
+\r
+ <div class="box">\r
+ <h3>Connect With Us</h3>\r
+ <div class="inner">\r
+ <ul>\r
+ <li><a href="#">Twitter</a></li>\r
+ <li><a href="#">Facebook</a></li>\r
+ </ul>\r
+ </div>\r
+ </div><!-- .box -->\r
+\r
+ <div class="box">\r
+ <h3>Recent Articles</h3>\r
+ <div class="inner">\r
+ <ul>\r
+ <li><a href="#">How To Clean Anything</a></li>\r
+ <li><a href="#">Get The Most Out of Widgets</a></li>\r
+ </ul>\r
+ </div>\r
+ </div><!-- .box -->\r
+ \r
+ <div class="box">\r
+ <h3>Recommended</h3>\r
+ <div class="inner">\r
+ <br />\r
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>\r
+ <br />\r
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>\r
+ <br />\r
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>\r
+ <br />\r
+ </div>\r
+ </div><!-- .box -->\r
+ \r
+ </aside><!-- end right sidebar --> \r
+ \r
+ </section>\r
+\r
+ <footer>\r
+ <div id="copyright">\r
+ <span>© 2010 All rights reserved <a href="#">yoursite.com</a></span>\r
+ </div>\r
+ </footer>\r
+\r
+</div><!-- #wrapper -->\r
+<!-- Free template created by http://freehtml5templates.com -->\r
+</body>\r
+</html>\r
--- /dev/null
+License\r
+\r
+Using Our Templates\r
+\r
+Want to know what the licensing requirements are for our templates?\r
+\r
+We license our free templates under the Creative Commons Attribution (by) 3.0, which put simply, means you can distribute, remix, tweak, and build upon our work, even commercially, as long as you credit us for the original creation.\r
+\r
+This work by http://freehtml5templates.com is licensed under a Creative Commons Attribution 3.0 United States License.\r
+\r
+http://creativecommons.org/licenses/by/3.0/us/\r
+\r
+How you credit us is flexible. Of course, we would love to have you link to us somewhere on your site, as that shows us the ultimate thanks, but we certainly don’t require an actual link. If you don’t link to us, however, you will need to either include a reference to our URL (http://freehtml5templates.com) within a comment in your template code (which isn’t visible unless someone Views Source), or a non-linked mention of our URL somewhere on your site.\r
+\r
+If you choose to link to use, you can use any link text you desire, but to make it easier for you, we’ve included some code below that you can just copy/paste if you’d like.\r
+\r
+<a href="http://freehtml5templates.com">Free HTML5 Templates</a>\r
+\r
+Enjoy!
--- /dev/null
+body {
+ color : #000000;
+ background : #ffffff;
+ font-family : "Times New Roman", Times, serif;
+ font-size : 12pt;
+}
+
+a {
+ text-decoration : underline;
+ color : #0000ff;
+}
+
+a:link:after, a:visited:after {
+content: " (" attr(href) ") ";
+font-size: 70%;
+}
+
+nav, sidebar, footer, header, aside {
+ display : none;
+}
--- /dev/null
+/* Created by http://freehtml5templates.com */
+
+* {margin: 0; padding: 0;}
+header, nav, section, article, aside, footer {display: block;}
+body {
+ font: 16px/18px Arial, Tahoma, sans-serif;
+ color: #555;
+ width: 960px;
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
+}
+
+a {
+ color: #333;
+ outline: none;
+}
+
+a:hover { color: #009296;}
+
+p {margin: 0 0 18px;}
+
+img {border: none;}
+
+blockquote {
+ margin: 0 20px 18px 20px;
+ padding: 1px 12px;
+ background: #F2F2F2;
+ border-left: 3px solid #009296;
+ border-right: 3px solid #009296;
+}
+
+blockquote p {
+ padding: 8px 0;
+ margin: 0;
+}
+
+.clear {
+ clear: both;
+ height: 0;
+ overflow: hidden;
+}
+
+.aligncenter,
+div.aligncenter {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.alignleft {float: left;}
+
+img.alignleft {margin: 5px 5px 5px 0;}
+
+.alignright {float: right;}
+
+img.alignright {margin: 5px 0 5px 5px;}
+
+#wrapper {
+ width: 960px;
+ text-align:left;
+}
+
+img.framed {
+ background:white;
+ padding:4px;
+ border:1px solid black;
+}
+
+/* Header
+-----------------------------------------------------------------------------*/
+
+header {
+ height: 200px;
+ position: relative;
+ background: url(images/roundedheader.png);
+ margin-top: 10px;
+}
+
+#sitename a {
+ position: absolute;
+ top: 30px;
+ left: 10px;
+ font: 40px/1 Georgia, "Times New Roman", Times;
+ color: #009296;
+ text-shadow: 2px 2px 2px #000;
+ text-decoration: none;
+}
+
+#description {
+ position: absolute;
+ top: 80px;
+ left: 15px;
+ width: 600px;
+ font-size: 16px;
+ font-weight: bold;
+ line-height: 16px;
+ color: #333;
+}
+
+header nav {
+ position: absolute;
+ top: 174px;
+ width: 915px;
+ left: 25px;
+ height: 26px;
+ font: 14px/1 Tahoma, Arial;
+ text-transform: uppercase;
+ overflow: hidden;
+}
+
+header nav li {
+ float: left;
+ list-style: none;
+ background: #FFF;
+ margin: 2px;
+ border: 2px solid #009296;
+ -moz-border-radius-topleft: 5px;
+ -moz-border-radius-topright: 5px;
+ -webkit-border-top-left-radius: 5px;
+ -webkit-border-top-right-radius: 5px;
+}
+
+header nav a {
+ float: left;
+ color: #333;
+ text-decoration: none;
+ padding: 7px 10px 6px;
+ border-bottom: 3px solid #F0EFEF;
+}
+
+/* Middle
+-----------------------------------------------------------------------------*/
+
+section {
+ width: 946px;
+ margin-top: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ padding: 5px;
+ background-color: #F2F2F2;
+}
+
+section:after {
+ content: '.';
+ display: block;
+ clear: both;
+ visibility: hidden;
+ height: 0;
+}
+
+#container {
+ width: 100%;
+ float: left;
+ overflow: hidden;
+}
+
+#content {
+ margin: 0 199px;
+ padding: 15px 15px 1px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ height: 1%;
+ background-color: #FFF;
+}
+
+#content h2 {
+ font: 24px/1 Arial, Tahoma;
+ margin: 0 0 18px;
+ color: #333;
+}
+
+#content h2 a {
+ color: #333;
+ text-decoration: none;
+ text-shadow: 2px 1px 2px #CCC;
+}
+
+#content h2 a:hover {
+ color: #009296;
+ text-decoration: underline;
+ text-shadow: none;
+}
+
+#content .entry h2,
+#content .entry h3,
+#content .entry h4,
+#content .entry h5,
+#content .entry h6 {
+ font: 24px/1 Arial, Tahoma;
+ margin: 25px 0 18px;
+ color: #333;
+ text-shadow: 2px 1px 2px #CCC;
+}
+
+#content .entry h3 {font-size: 22px;}
+
+#content .entry h4 {font-size: 20px;}
+
+#content .entry h5 {font-size: 18px;}
+
+#content .entry h6 {font-size: 16px;}
+
+#content h3 {
+ color: #333;
+ font-size: 22px;
+ font-weight: normal;
+ line-height: 1;
+ text-shadow: 2px 1px 2px #CCC;
+ margin: 0 0 28px;
+}
+
+/* Sidebars
+-----------------------------------------------------------------------------*/
+
+aside {
+ float: left;
+ width: 199px;
+ position: relative;
+ font-size: 14px;
+}
+
+#left {
+ margin-left: -100%;
+}
+
+#right {
+ margin-left: -200px;
+}
+
+aside h3 {
+ line-height: 35px;
+ color: #009296;
+ font-size: 14px;
+ text-transform: uppercase;
+ text-shadow: 1px 1px 1px #DDD;
+ height: 35px;
+ padding-left: 10px;
+}
+
+aside#right h3 {
+ color: #009296;
+}
+
+aside ul {list-style-position: inside;
+list-style-image: url(images/redarrow.gif);}
+
+aside li {
+ color: #696969;
+ padding: 4px 6px 5px 5px;
+}
+
+aside a {
+ color: #6E7761;
+ text-decoration: none;
+}
+
+.box {
+ padding: 0 0 5px;
+}
+
+.inner {
+ margin-left: 10px;
+ margin-right: 10px;
+ overflow: hidden;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #009296;
+ padding: 5px;
+ margin-top: -7px;
+ margin-bottom: 10px;
+}
+
+
+/* Footer
+-----------------------------------------------------------------------------*/
+
+footer {
+ background: #F2F2F2;
+ font-size: 11px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border: 1px solid #AEB0AD;
+ padding: 5px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+#copyright {
+ font: 10px/16px Tahoma, Arial;
+ text-align: right;
+ color: #333;
+ padding: 22px 10px 0 0;
+}
+
+#copyright span {
+ display: block;
+ text-transform: uppercase;
+}
+
+#copyright a {
+ color: #6E7761;
+ text-decoration: none;
+}
+
+#copyright a:hover { color: #009296;}
projects / treecutter.git / commitdiff
