Skip to content

Instantly share code, notes, and snippets.

@cpilsworth

cpilsworth/Coral-UI-Test.markdown

Last active August 29, 2015 14:00
Show Gist options
  • Save cpilsworth/11506583 to your computer and use it in GitHub Desktop.
Save cpilsworth/11506583 to your computer and use it in GitHub Desktop.
Download ZIP
A Pen by Chris Pilsworth.
Raw
index.html
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment