Sha256: e3a3734c380966caca4f412de6aa7b75a5bad8f110fe786d2a878cf60858de11
Contents?: true
Size: 1.24 KB
Versions: 31
Compression:
Stored size: 1.24 KB
Contents
<div class="l-section">
<p><code>.hero_simple</code> aims to simplify our hero treatments by providing a simple, high-contrast block for text, and the ability to easily include a colorful header without requiring an image.</p>
<p><strong>Keep your hero text short and clear.</strong> There will be plenty of room below the hero for details, where they're more likely to be effective.</p>
<p>Check out the <%= link_to "Hero Simple Full Screen Demos", demo_link('hero_simple') %> for visual reference.</p>
</div>
<hr>
<div class="hero_simple hero_simple-sample">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 text-center color_block-trans-secondary hero_simple-block">
<h1 class="page-title color-white hero_simple-shadow">Now presenting .hero_simple</h1>
<h2 class="page-title color-white hero_simple-shadow hero_simple-subheading">With bonus <code>.color_block_trans</code> for easy implentation.</h2>
<%= link_to 'Primary Action', "#hero_simple", class: 'btn btn-lg btn-primary hero_simple-block-cta', title: "Primary Action" %>
<%= link_to 'Learn More', "#", class: 'btn btn-lg btn-artisan btn-inverse hero_simple-block-cta ', title: "Learn More" %>
</div>
</div>
</div>
</div>
Version data entries
31 entries across 31 versions & 1 rubygems