<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><title>Aloha Editor Demo</title><meta name="description" content="Aloha Editor Demo"><meta name="author" content="Aloha Editor Team">
<script type="text/javascript" src="app/js/demo-app-load.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML elements --><!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head><body>
<div class="topbar">
<div class="fill">
<div class="container">
<span class="aloha-editor-demo-editable"><a class="brand" href="#">Aloha Editor Demo</a></span>
<ul class="nav" id="navigation">
<li class="active"><a href="./">Home</a></li>
<li><a href="./">Sitemap</a></li>
</ul>
<a id="edit-page" href="#"><span class="label notice">Edit</span></a>
<a id="save-page" href="#"><span class="label warning">Save</span></a>
</div>
</div>
</div>
<div class="container">
<div id="aloha-loading" class="alert-message notice">
<p>Loading Aloha Editor</p>
</div>
<!-- Main hero unit for a primary marketing message or call to action -->
<div id="data-head" class="hero-unit aloha-editor-demo-editable">
<h1>Aloha, world!</h1>
<p>This is a demo application using Aloha Editor to edit content using contentEditables</p>
<p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<p><a class="btn primary large">Learn more »</a></p>
</div>
<!-- Example row of columns -->
<div class="row">
<div id="data-1" class="span-one-third aloha-editor-demo-editable">
<h2>Heading one</h2>
<p>Edit this text.</p>
<p><a class="btn" href="#">View details »</a></p>
</div>
<div id="data-2" class="span-two-thirds aloha-editor-demo-editable"><h2>Heading two</h2><p>Edit this text.</p>
<a class="btn" href="#">View details »</a>
</div>
</div>
<div id="footer"><p>Aloha Editor Demo</p>
</div><!-- /container -->
</body></html>