Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
executable file 245 lines (209 sloc) 11.6 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>App Name</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="App Name app" />
<meta name="keywords" content="App Name" />
<link rel="stylesheet" type="text/css" href="css/reset.css" media="print,screen" />
<link rel="stylesheet" type="text/css" href="css/960.css" media="print,screen" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="print,screen" />
<link rel="stylesheet" type="text/css" href="css/nav.css" media="print,screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.message.css" media="print,screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript" src="jquery/jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery/plugins/jquery.tablehover.min.js"></script>
<script type="text/javascript">
/*
$(document).ready(function() {
$('.basetable').tableHover();
$("#openidform").hide();
$("#hideopenid").hide();
$("#showopenid").show();
$("#showopenid").click(function() {
$(this).hide();
$("#hideopenid").show();
$("#regularform").slideUp("slow", function(){
$('#openidform').slideDown('slow');
});
});
$("#hideopenid").click(function() {
$(this).hide();
$("#showopenid").show();
$("#openidform").slideUp("slow", function(){
$('#regularform').slideDown('slow');
});
});
});
*/
</script>
</head>
<body>
<div class="container_16 " id="content">
<div class="grid_12 " >
<div id="logo">
<h1><a href="#">App Name</a></h1>
<p>sub name or slogan</p>
</div>
</div>
<div class="grid_4" >
<div id="top">
<p><a href="#">John Smith</a> &middot; <a href="#">Logout</a></p>
<form id="search_engine" method="post" action="." accept-charset="UTF-8">
<p><input class="small-field" name="search_query" type="text" id="keywords" value="Search Keywords" onfocus="document.forms['search_engine'].keywords.value='';" onblur="if (document.forms['search_engine'].keywords.value == '') document.forms['search_engine'].keywords.value='Search Keywords';" />
<input class="small-btn" name="submit" type="submit" value="Search" /></p>
</form>
</div>
</div>
<div class="clear"></div>
<!-- sidebar form container -->
<div class="grid_16" id="" >
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Dashboard</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Account</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div class="grid_12" id="main">
<div id="">
<h2><a href="#">Aliquam metus turpis, luctus ac, sagittis eget h2</a></h2>
<p><img src="images/temp.jpg" alt="Car" />Suspendisse egestas fringilla odio. Donec lacinia tristique ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam blandit ultricies nisl. Nullam dapibus, mauris id scelerisque feugiat, sapien augue porta ipsum, ut blandit tellus enim vel mauris. <a href="#">Praesent</a> accumsan metus vel ipsum. Maecenas aliquam blandit mi. Pellentesque dolor magna, posuere vel, condimentum id, accumsan ac, diam. Phasellus vel leo. Aenean velit nisl, hendrerit eget, rutrum quis, lobortis nec, libero. Nulla venenatis, turpis eu vestibulum tincidunt, felis diam luctus velit, facilisis cursus mi ligula vitae nunc. Aenean velit nisl, hendrerit eget, rutrum quis, lobortis nec, libero. Nulla venenatis, turpis eu vestibulum tincidunt, felis diam luctus velit, facilisis cursus mi ligula vitae nunc. Aenean velit nisl, hendrerit eget, rutrum quis, lobortis nec, libero. Nulla venenatis, turpis eu vestibulum tincidunt, felis diam luctus velit, facilisis cursus mi ligula vitae nunc.</p>
<h3>Etiam blandit ultricies nisl h3</h3>
<p>Suspendisse egestas fringilla odio. Donec lacinia tristique ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam blandit ultricies nisl. Nullam dapibus, mauris id scelerisque feugiat, sapien augue porta ipsum, ut blandit tellus enim vel mauris. <a href="#">Praesent</a> accumsan metus vel ipsum. Maecenas aliquam blandit mi. Pellentesque dolor magna, posuere vel, condimentum id, accumsan ac, diam. Phasellus vel leo. Aenean velit nisl, hendrerit eget, rutrum quis, lobortis nec, libero. Nulla venenatis, turpis eu vestibulum tincidunt, felis diam luctus velit, facilisis cursus mi ligula vitae nunc. Aenean velit nisl, hendrerit eget, rutrum quis, lobortis nec, libero. Nulla venenatis, turpis eu vestibulum tincidunt, felis diam luctus velit, facilisis cursus mi ligula vitae nunc. Aenean velit nisl, hendrerit eget, rutrum quis, lobortis nec, libero. Nulla venenatis, turpis eu vestibulum tincidunt, felis diam luctus velit, facilisis cursus mi ligula vitae nunc.</p>
<h2>Login</h2>
<div class="positive_notice"><p>Positive <a href='#'>notice</a></p></div>
<div class="neutral_notice"><p>Neutral <a href='#'>notice</a></p></div>
<div class="negative_notice"><p>Negative <a href='#'>notice</a></p></div>
<form action="some_action" method="post" class="block">
<fieldset>
<ol>
<li><label for="user_session_login">Login</label> <a href="javascript:;" title="OpenID" id="showopenid" class='small' style="display:none;">login using OpenID</a>
<input class="default-field" id="user_session_login" name="user_session[login]" size="30" type="text" />
</li>
<li>
<label for="user_session_password">Password</label> <a href="#" class='small'>forgot?</a>
<input class="default-field" id="user_session_password" name="user_session[password]" size="30" type="password" />
</li>
<li>
<label for="mywishlist">Wish list</label>
<select name="mywishlist">
<option value=1>Honda</option>
<option value=1>Suzuki</option>
</select>
</li>
</ol>
<ol id='openidform'>
<li>
<label for="user_session_openid_identifier">Openid identifier</label> <a href="javascript:;" id="hideopenid" class='small' style="display:none;">login using standard user name / password</a>
<input class="default-field" id="user_session_openid_identifier" name="user_session[openid_identifier]" size="30" type="text" />
</li>
</ol>
<ol class='last'>
<li>
<input class="default-checkbox" id="user_session_remember_me" name="user_session[remember_me]" type="checkbox" value="1" /><input name="user_session[remember_me]" type="hidden" value="0" /><label for="user_session_remember_me">Remember me</label>
</li>
</ol>
<ol class="buttons">
<li><input class="default-btn" name="commit" type="submit" value="Login" /></li>
<li><a href="#">register</a></li>
</ol>
</fieldset>
</form>
<table class="basetable" cellpadding="0" cellspacing="0">
<tr>
<th>Project name</th>
<th>Company</th>
<th>Costs</th>
</tr>
<tr>
<td class="blue">Layout (re-design)</td>
<td class="blue">Builtit</td>
<td class="blue">1000.0</td>
<td class="yellow"><a href="#">Show</a></td>
<td class="yellow"><a href="#">Edit</a></td>
<td class="yellow"><a href="#">Destroy</a></td>
</tr>
<tr>
<td class="blue">Web CMS</td>
<td class="blue">Dropit</td>
<td class="blue">200.0</td>
<td class="yellow"><a href="#">Show</a></td>
<td class="yellow"><a href="#">Edit</a></td>
<td class="yellow"><a href="#">Destroy</a></td>
</tr>
</table>
</div>
<div id="line"></div>
<div id="left">
<h3>Previous Articles</h3>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Aenean velit nisl, hendrerit eget, rutrum quis, lobortis nec, libero. Nulla venenatis, turpis eu vestibulum tincidunt, felis diam luctus velit, facilisis</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
</ul>
</div>
<div id="right">
<div id="rl">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
</ul>
</div>
<div id="rr">
<ul>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer</a></li>
</ul>
</div>
<p class="border">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pretium mauris nec arcu. Integer at leo vel ipsum elementum sodales. Nam est quam, posuere non, feugiat nec, consectetuer ac, lectus. Aenean faucibus. Suspendisse euismod, leo ut pretium ornare, libero arcu malesuada ipsum, at convallis pede augue at arcu. Aliquam lacus massa, pellentesque sit amet, feugiat et, cursus volutpat, massa.</p>
</div>
<div id="footer">
<div id="fl">
<p>&copy; Copyright <a href="http://www.mymanufactory.com/">mymanufactory.com</a> &middot; Created by <a href="http://www.mymanufactory.com/">newman</a></p>
</div>
<div id="fr">
<h4>MyManufactory RSS</h4>
<ul>
<li><a href="http://www.mymanufactory.com/2009/1/16/zmiany">Zmiany...</a></li>
<li><a href="http://www.mymanufactory.com/2009/1/1/merb-is-rails-rails-is-merb">Merb is Rails, Rails is Merb</a></li>
</ul>
</div>
</div>
</div>
<div class="grid_4" id="main-right">
<div id="adv">
<p>Advertising</p>
</div>
<div id="shortnews">
<div class="news">
<h3><a href="#">Suspendisse odio orci</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pretium mauris nec arcu.</p>
</div>
<h3><a href="#">Nam tortor libero, dictum porta</a></h3>
<p>Aliquam lacus massa, pellentesque sit amet, feugiat et, cursus volutpat, massa. Integer nibh. Maecenas mattis ipsum a felis.</p>
<div class="important important-green">
<h3><a href="#">Nam tortor libero, dictum porta</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pretium mauris nec arcu. Integer at leo vel ipsum elementum sodales. Nam est quam, posuere non, feugiat nec, consectetuer ac, lectus. Aenean faucibus. Suspendisse euismod, leo ut pretium ornare, libero arcu malesuada ipsum, at convallis pede augue at arcu. Aliquam lacus massa, pellentesque sit amet, feugiat et, cursus volutpat, massa.</p>
</div>
<div class="important important-blue">
<h3><a href="#">Nam tortor libero, dictum porta</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut pretium mauris nec arcu. Integer at leo vel ipsum elementum sodales. Nam est quam, posuere non, feugiat nec, consectetuer ac, lectus. Aenean faucibus. Suspendisse euismod, leo ut pretium ornare, libero arcu malesuada ipsum, at convallis pede augue at arcu. Aliquam lacus massa, pellentesque sit amet, feugiat et, cursus volutpat, massa.</p>
</div>
</div>
</div> <!-- grid_4 right sidebar -->
</div> <!-- container_16 -->
</body>
</html>