{% include "header" %}

<div style="margin:auto;" class="col-xs-12 col-sm-6">
  {% if learning_paths.available.any? %}
    {% for learning_path in learning_paths.available %}
      {% if learning_path.name == "Gusto Payroll Certification" %}
        {% include "cards_learning_path" with learning_path %}
      {% elsif learning_path.name == "Elective: Benefits 101" or learning_path.name == "Elective: HR 101"%}
        {% include "cards_learning_path" with learning_path %}
      {% endif %}
    {% endfor %}
  {% endif %}
</div>

<div>
  {% if courses.enrolled.any? %}
    <div class="row row-with-thumbnails">
      {% for course in courses.enrolled %}
        {% if course.properties.content == "Bookkeeping_Accounting" %}
          <div class="col-xs-12 col-sm-6 col-lg-4">
            {% include "cards_course" with course %}
          </div>
        {% endif %}
      {% endfor %}
    </div>
  {% endif %}
</div>

{% include "footer" %}

<style>

.col-xs-12.col-sm6.col-lg-4 {
  padding-left: 50px;
  padding-right: 50px;
}

</style>