Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
98 lines (91 sloc) 5.08 KB
<!DOCTYPE html>
<html><head>
<title>Notes Plus</title>
<meta charset="UTF-8">
<meta name="description" content="" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script type="text/javascript" src="js/prettify.js"></script> <!-- PRETTIFY -->
<script type="text/javascript" src="js/kickstart.js"></script> <!-- KICKSTART -->
<link rel="stylesheet" type="text/css" href="css/kickstart.css" media="all" /> <!-- KICKSTART -->
<link rel="stylesheet" type="text/css" href="style.css" media="all" /> <!-- CUSTOM STYLES -->
</head><body><a id="top-of-page"></a><div id="wrap" class="clearfix">
<!-- ===================================== END HEADER ===================================== -->
<ul class="menu">
<li class="current"><a href="">Tag1</a></li>
<li><a href="">Tag2</a></li>
<li><a href="">Tag3</a></li>
<li><a href="">Tag4</a></li>
<li><a href="">Tag5</a>
<ul>
<li><a href=""><span class="icon blue">G</span>Sub Item</a></li>
<li><a href=""><span class="icon blue">A</span>Sub Item</a>
<ul>
<li><a href=""><span class="icon">Z</span>Sub Item</a></li>
<li><a href=""><span class="icon red">k</span>Sub Item</a></li>
<li><a href=""><span class="icon red">J</span>Sub Item</a></li>
<li><a href=""><span class="icon red">=</span>Sub Item</a></li>
</ul>
</li>
<li class="divider"><a href=""><span class="icon">T</span>li.divider</a></li>
</ul>
</li>
</ul>
<div class="col_12">
<div class="col_7">
<h4>How are you ?</h4>
<textarea id="textarea1" placeholder="input please..."></textarea>
<div class="right">
<button>Post to Facebook wall <span class="icon social blue">f</span></button>
</div>
<ul class="alt">
<li>Zume <br/> tation ullamcorper suscipit lobortis</li>
<li>Zume <br/> Nam liber tempor cum soluta nobis</li>
<li>Zume <br/> imperdiet doming id quod mazim</li>
<li>Zume <br/> suscipit lobortis nisl ut aliquip ex</li>
<li>Zume <br/> tation ullamcorper suscipit lobortis</li>
<li>Zume <br/> Nam liber tempor cum soluta nobis</li>
<li>Zume <br/> imperdiet doming id quod mazim</li>
<li>Zume <br/> suscipit lobortis nisl ut aliquip ex</li>
<li>Zume <br/> tation ullamcorper suscipit lobortis</li>
<li>Zume <br/> Nam liber tempor cum soluta nobis</li>
<li>Zume <br/> imperdiet doming id quod mazim</li>
<li>Zume <br/> suscipit lobortis nisl ut aliquip ex</li>
</ul>
</div>
<div class="col_5">
<h4>Your Recently Notes</h4>
<h5>xxx found a good idea!</h5>
<img class="align-left" src="http://placehold.it/100x100/75CC00/ffffff.png&text=100x100" width="100" height="100" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat.</p>
<h5>My life gets happier!</h5>
<img class="align-right" src="http://placehold.it/100x100/E49800/ffffff.png&text=100x100" width="100" height="100" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat.</p>
<h5>My life gets happier!</h5>
<img class="align-left" src="http://placehold.it/100x100/E4247E/ffffff.png&text=100x100" width="100" height="100" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat.</p>
<h5>Help me?</h5>
<img class="align-right" src="http://placehold.it/100x100/00C6E4/ffffff.png&text=100x100" width="100" height="100" />
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor
in hendrerit in vulputate velit esse molestie consequat.</p>
</div>
</div>
<!-- ===================================== START FOOTER ===================================== -->
<div class="clear"></div>
<div id="footer">
&copy; Copyright 2011-2012 All Rights Reserved. This website was built with <a href="http://www.99lime.com">HTML KickStart</a>
<a id="link-top" href="#top-of-page">Top</a>
</div>
</div><!-- END WRAP -->
</body></html>
You can’t perform that action at this time.