<div class="box">
  <h2 class="box-headline" id="header10">Community</h2>
{% for main in site.pages %}
{% if main.series == 'homepagebottom' %}
<div class="{{main.style}} container-fluid wow fadeInDown">
<div class="row">
     <div class="col-md-1">
            <i class="{{main.imagename}}"></i>
          </div>
    <div class="col-md-2">

     <a href= "{{main.accesslink}}" target="_blank"><h4>{{main.title}}</h4></a>
     </div>
     <div class="col-md-7">
    <section>{{ main.content }}</section>
 </div>
</div>
</div>
{% endif %}

{% if main.series == 'homepageAddProjects' %}
    <div id = "zoo" class="box">
        <div class="row">

           <div class="col-md-12 page-header pull-left">
      <h2>Projects/Products using hawkBit</h2>
</div>



        <div class="container-fluid">

        <!--table class="table table-striped table-condensed">
            <thead>
            <tr>
              <th>Name</th>
              <th>Description</th>
              <th>License</th>
              <th>Author(s)</th>
            </tr></thead>
            <tbody>

             {{ main.content }}
          </tbody><tfoot></tfoot></table-->
          <br>
          <p align = "center"><img src="{{ base }}/img/companies_logo.jpg" class="box-img img-responsive"></p>

        </div>
        </div>
        <hr>
{% endif %}
{% endfor %}

</div>
