{% for section in site.collections.sections.docs %}
{% if section.name == "about" %}
{% assign name = section.name %}
<section class="jumbotron" id="{{ name }}">
    <div class="container">
        <h2 class="text-center">{{ section.title }}</h2>
        {% include quote.html %}
        <div class="row lead text-center">
            {{ section.content }}
        </div>
        <div class="row">
            <div class="about col-lg-6 col-sm-push-6 col-sm-6">
                <ul class="list-group lead">
                  {% for example in section.examples %}
                    <li class="list-group-item">{{ example }}</li>
                  {% endfor %}
                </ul>
            </div>
            <div class="col-lg-5 col-sm-pull-6  col-sm-6">
                <img class="img-responsive" src="img/{{ section.image.file }}" alt="{{ section.image.alt }}">
            </div>
        </div><!--.row-->
        <div class="row">
            <p class="lead text-center">{{ section.jump }}</p>
        </div><!--.row-->
    </div><!--.container-->
</section><!--/#about-->
{% endif %}
{% endfor %}


{% for section in site.collections.sections.docs %}
{% if section.name == "about" %}
{% assign name = section.name %}
<section class="jumbotron" id="{{ name }}">
    <div class="container">
        <h2 class="text-center">{{ section.title }}</h2>
        {% include quote.html %}
        <div class="row lead text-center">
            {{ section.content }}
        </div>
        <div class="row">
            <div class="col-sm-6">
              <div class="embed-responsive embed-responsive-4by3">
                <iframe class="embed-responsive-item" src="{{ section.video }}"></iframe>
              </div>
            </div>
            <div class="about col-sm-6">
                <ul class="list-group lead">
                  {% for example in section.examples %}
                    <li class="list-group-item">{{ example }}</li>
                  {% endfor %}
                </ul>
            </div>
        </div><!--.row-->
        <div class="row">
            <p class="lead text-center">{{ section.jump }}</p>
        </div><!--.row-->
    </div><!--.container-->
</section><!--/#about-->
{% endif %}
{% endfor %}


Embed youtube video instead of the stock photo.
Embed youtube video instead of the stock photo.
