Use of the coral ui - markup from http://dev.day.com/docs/en/cq/current/touch-ui/coral-ui/index.html
A Pen by Chris Pilsworth on CodePen.
Use of the coral ui - markup from http://dev.day.com/docs/en/cq/current/touch-ui/coral-ui/index.html
A Pen by Chris Pilsworth on CodePen.
<head> | |
<link rel="stylesheet" href="http://dev.day.com/docs/en/cq/current/touch-ui/coral-ui/css/cui.css"> | |
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script> | |
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | |
<script src="http://dev.day.com/docs/en/cq/current/touch-ui/coral-ui/js/CUI.js"></script> | |
</head> | |
<body> | |
<header class="top"> | |
<div class="logo"> | |
<img src="http://dev.day.com/docs/en/cq/current/touch-ui/coral-ui/images/theme/cloudui.png" alt="DMS logo"> | |
</div> | |
<nav class="main"> | |
<a href="#" class="selected">Home</a> | |
<a href="#">Activities</a> | |
<a href="#">Admin</a> | |
</nav> | |
<div class="drawer"> | |
<div class="badge">5</div> | |
</div> | |
</header> | |
<!-- page --> | |
<div class="page" role="main"> | |
<!-- rail --> | |
<div class="rail right" role="complementary"> | |
<div class="wrap"> | |
<section> | |
<h4>News Feed</h4> | |
</section> | |
<section> | |
<h4>Revised asset ready for review</h4> | |
<div class="smallText greyText lightText">Modified yesterday by Rob Cobourn</div> | |
<p class="smallText">I created a new segment thing for the Chance campaign because we left out the Foursquare that will be checking in at Olympic events.</p> | |
</section> | |
</div> | |
</div> | |
<div class="content"> | |
<!-- label/well --> | |
<strong>Label</strong> | |
<section class="well"> | |
Content goes here. | |
</section> | |
</div> | |
</div> | |
</body> |