<%= 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">JESEM CIEKAW</a>

      </div>
      <!--<div class="col-6 col-12-medium imp-medium">

        <a href="#" class="bordered-feature-image">
        -->
          <iframe width="520" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0" class="col-6 col-12-medium imp-medium">
          </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>
