{% include "header" %}

{% include "course_version_outdated_alert", courses: courses.enrolled %}
{% include "sub_navigation" %}
<main class="np-main np-courses np-subpage-container np-max-width">
  <div class="page-title">
    Explore all lessons
  </div>
  <p style="text-align: center;">All lessons are under 4 minutes long.</p>
  
{% include "subheader_search" %}
  {% include "courses_index", class: "col-xs-12 col-sm-6 col-lg-4 np-stretch-content" %}
</main>
{% include "footer" %}

<style>
.page-title {
    color: #1b3e4f !important;
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    line-height: 1.5rem !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }
</style>