Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
170 lines (160 sloc) 9 KB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Panoramic - Templating for kicks</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/2.5.1/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">
<link rel="stylesheet" href="css/panoramic.css" type="text/css">
<link rel="stylesheet" type="text/css" href="http://www.hedgerwow.com/360/dhtml/css_stretched_box/chrome.css" />
</head>
<body>
<div id="doc" class="yui-t5">
<div id="hd">
<div id="logo">
<h1><a href="/">Panoramic Template</a></h1>
<p id="company-slogan">Templating style</p>
</div><!-- /#logo -->
<div id="nav" class="rounded-corners">
<div class="hd"></div>
<ul class="bd">
<li class="selected"><a href="/">Home</a></li>
<li><a href="/about/">About Us</a></li>
<li><a href="/products/">Products</a></li>
<li class="last"><a href="/contact/">Contact Us</a></li>
</ul>
</div>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<div id="content">
<h2>Just to get you started</h2>
<p><a href="http://wwww.yahoo.com/s/969928"><img width="154" height="115" alt="Stratotanker refueling a plane (NPR/JJ Sutherland)" src="http://l.yimg.com/a/i/ww/news/2008/10/13/101308plane.jpg"/></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce orci lorem, convallis ac, imperdiet eu, lacinia sed, erat. In hac habitasse platea dictumst. Maecenas tincidunt, lorem sit amet gravida tempus, elit orci <a href="#">accumsan enim</a>, quis facilisis leo nunc aliquet mauris. <strong>Vivamus nec neque</strong>. Duis euismod. Vivamus aliquet ante et quam. Aenean hendrerit sem et neque. Fusce tortor. Sed enim tortor, rutrum at, <em>facilisis vel</em>, elementum at, erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
<p>Sed sollicitudin dictum nisl. Aliquam <a href="#">pulvinar interdum dolor</a>. In faucibus tempor tortor. Suspendisse potenti. Phasellus et nunc. Ut vitae augue. Vestibulum at leo in augue dignissim posuere. Donec dignissim purus nec dolor. Donec ac <strong>quam id quam pulvinar</strong> blandit. Suspendisse ultrices nulla sit amet mauris. Pellentesque faucibus nunc et tellus. Mauris placerat tellus vel ipsum. Ut augue lacus, consequat pulvinar, aliquet et, pulvinar a, velit. Nullam ligula velit, mollis non, dignissim et, volutpat a, purus.</p>
<p>
<code>Sed sollicitudin dictum nisl.
Aliquam. In faucibus tempor tortor. Suspendisse potenti
Phasellus et nunc. Ut vitae augue.
Vestibulum at leo in augue dignissim posuere.</code>
</p>
<h2>Nam risus risus</h2>
<p>Egestas nec, ultrices elementum, egestas nec, felis. <a href="#">Suspendisse nec turpis</a> et lacus placerat bibendum. Nunc fringilla adipiscing urna. Phasellus auctor. Nullam ullamcorper enim eget diam. Vestibulum egestas dolor ut neque. Suspendisse vulputate, lectus ac porttitor rhoncus</p>
<ul>
<li>Fringilla</li>
<li>Adipiscing</li>
<li>Urna</li>
</ul>
<h3>nisl odio mattis ligula</h3>
<p>Eget euismod nulla lorem at enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam dapibus rutrum metus. Integer pede. In sed ligula. Phasellus cursus nulla ac est. Sed dictum. In interdum tellus sit amet sem.</p>
<div class="post-meta">
<ul>
<li><strong>Category:</strong> <a href="http://www.carbonsilk.com/category/development/" title="View all posts in development" rel="category tag">development</a></li>
<li><strong>Tags:</strong> <a href="http://www.carbonsilk.com/tag/application/" rel="tag">application</a>, <a href="http://www.carbonsilk.com/tag/framework/" rel="tag">framework</a>, <a href="http://www.carbonsilk.com/tag/moneyio/" rel="tag">moneyio</a>, <a href="http://www.carbonsilk.com/tag/performance/" rel="tag">performance</a>, <a href="http://www.carbonsilk.com/tag/salary/" rel="tag">salary</a></li>
<li><strong>Posted:</strong> August 1, 2008 @ 10:07 am<a href="http://www.carbonsilk.com/wp-admin/post.php?action=edit&amp;post=30" title="Edit post"> Edit This</a></li>
<li><strong>Comments:</strong> </li>
</ul>
</div>
<div id="comments">
<div id="comment-list">
<h3>2 Comments</h3>
<ol>
<li>
<ul class="comment" id="comment-1">
<li class="gravatar">
<img src="http://www.gravatar.com/avatar.php?gravatar_id=default_gravatar.gif" alt="" />
</li>
<li class="user">
<a href='http://www.carbonsilk.com'>James Broad</a>
</li>
<li class="date">
August 14, 2008 @ <a href="#comment-1">12:04 pm</a>
</li>
<li class="content">
<p>Euismod nulla lorem at enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam dapibus rutrum metus. Integer pede. In sed ligula. Phasellus cursus nulla ac est. Sed dictum. In interdum tellus sit amet sem.</p>
</li>
</ul>
</li>
<li>
<ul class="comment" id="comment-2">
<li class="gravatar">
<img src="http://www.gravatar.com/avatar.php?gravatar_id=default_gravatar.gif" alt="" />
</li>
<li class="user">
<a href='#site' rel='external nofollow'>Person Name</a>
</li>
<li class="date">
September 21, 2008 @ <a href="#comment-2">8:27 am</a>
</li>
<li class="content">
<p>Egestas nec, ultrices elementum, egestas nec, felis. <a href="#">Suspendisse nec turpis</a> et lacus placerat bibendum. Nunc fringilla adipiscing urna. Phasellus auctor. Nullam ullamcorper enim eget diam. Vestibulum egestas dolor ut neque. Suspendisse vulputate, lectus ac porttitor rhoncus</p>
</li>
</ul>
</li>
</ol>
</div><!-- /#comment-list -->
<div id="post-form">
<h3>Post your comment</h3>
<form id="respond" method="post" action="#">
<p>
<input type="text" tabindex="1" size="22" value="" id="author" name="author"/>
<label for="author"><span class="help-text">Name (required)</span></label>
</p>
<p>
<input type="text" tabindex="2" size="22" value="" id="email" name="email"/>
<label for="email"><span class="help-text">Mail (will not be published) (required)</span></label>
</p>
<p>
<input type="text" tabindex="3" size="22" value="" id="url" name="url"/>
<label for="url"><span class="help-text">Website</span></label>
</p>
<p>
<strong>XHTML:</strong> You can use these tags:
<span id="comment-tags">&lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt;</span>
</p>
<p>
<textarea tabindex="4" rows="10" id="comment" name="comment"></textarea>
</p>
<p>
<input type="submit" value="Submit Comment" tabindex="5" id="submit" name="submit"/>
<input type="hidden" value="10" name="comment_post_ID"/>
</p>
</form>
</div><!-- /#post-form -->
</div><!-- /comments -->
</div>
</div>
</div>
</div>
<div class="yui-b">
<div id="extra-info">
<h3>A bit about Panoramic</h3>
<p>A template designed for you, lovingly created by <a href="http://www.carbonsilk.com/">James Broad</a>.</p>
<h3>Categories</h3>
<ul>
<li><a href="/category/conference/" title="View all posts filed under conference">conference</a></li>
<li><a href="/category/design/" title="View all posts filed under design">design</a></li>
<li><a href="/category/development/" title="View all posts filed under development">development</a></li>
<li><a href="/category/efficiency/" title="View all posts filed under efficiency">efficiency</a></li>
</ul>
<h3>You may also like</h3>
<ul>
<li><a href="http://www.carbonsilk.com">Carbon Silk</a></li>
</ul>
<h3>Social Stuff</h3>
<dl>
<dt>Email:</dt>
<dd><a href="mailto:jb@carbonsilk.com">jb@carbonsilk.com</a></dd>
</dl>
</div>
</div>
</div>
<div id="ft">
<ul>
<li>&copy; James Broad 2008</li>
<li><!-- Leave this here --><a href="http://www.carbonsilk.com">Design by Carbon Silk</a><!-- Leave this here --></li>
</ul>
</div>
</div>
</body>
</html>