95 lines
2.9 KiB
Plaintext
95 lines
2.9 KiB
Plaintext
<%= content_for :banner do %>
|
|
<div id="banner">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6 col-12-medium">
|
|
|
|
<!-- Banner Copy -->
|
|
<p>We do something really useful, important, ąśżźćłóŁÓĆŚŻŹĄĘę and unique. Learn all about it here ...</p>
|
|
<a href="#" class="button-large">Go on, click me!</a>
|
|
|
|
</div>
|
|
<div class="col-6 col-12-medium imp-medium">
|
|
|
|
<!-- Banner Image -->
|
|
<a href="#" class="bordered-feature-image">
|
|
<iframe width="420" height="315" src="https://www.youtube.com/watch?v=_yiHuFr5Gx8">
|
|
</iframe>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<section id="content">
|
|
<div class="container">
|
|
<div class="row aln-center">
|
|
<div class="col-4 col-12-medium">
|
|
|
|
<!-- Box #1 -->
|
|
<section>
|
|
<header>
|
|
<h2>Who We Are</h2>
|
|
<h3>A subheading about who we are</h3>
|
|
</header>
|
|
<a href="#" class="feature-image"><img src="images/pic05.jpg" alt="" /></a>
|
|
<p>
|
|
Duis neque nisi, dapibus sed mattis quis, rutrum accumsan magna sed.
|
|
Suspendisse eu varius nibh. Suspendisse vitae magna eget odio amet mollis
|
|
justo facilisis quis. Sed sagittis amet lorem ipsum.
|
|
</p>
|
|
</section>
|
|
|
|
</div>
|
|
<div class="col-4 col-6-medium col-12-small">
|
|
|
|
<!-- Box #2 -->
|
|
<section>
|
|
<header>
|
|
<h2>What We Do</h2>
|
|
<h3>A subheading about what we do</h3>
|
|
</header>
|
|
<ul class="check-list">
|
|
<li>Sed mattis quis rutrum accum</li>
|
|
<li>Eu ąśżźćłóŁÓĆŚŻŹĄĘę lorem</li>
|
|
<li>Magna eget odio amet mollis justo</li>
|
|
<li>Facilisis quis sagittis mauris</li>
|
|
<li>Amet tellus gravida lorem ipsum</li>
|
|
</ul>
|
|
</section>
|
|
|
|
</div>
|
|
<div class="col-4 col-6-medium col-12-small">
|
|
|
|
<!-- Box #3 -->
|
|
<section>
|
|
<header>
|
|
<h2>What People Are Saying</h2>
|
|
<h3>And a final subheading about our clients</h3>
|
|
</header>
|
|
<ul class="quote-list">
|
|
<li>
|
|
<img src="images/pic06.jpg" alt="" />
|
|
<p>"Neque nisidapibus mattis"</p>
|
|
<span>Jane Doe, CEO of UntitledCorp</span>
|
|
</li>
|
|
<li>
|
|
<img src="images/pic07.jpg" alt="" />
|
|
<p>"Lorem ipsum consequat!"</p>
|
|
<span>John Doe, President of FakeBiz</span>
|
|
</li>
|
|
<li>
|
|
<img src="images/pic08.jpg" alt="" />
|
|
<p>"Magna veroeros amet tempus"</p>
|
|
<span>Mary Smith, CFO of UntitledBiz</span>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|