{% include "header" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
    <div style="margin-bottom:100px">
        <h1> Learning Paths </h1>
        <h3 style="color:#486776; font-weight:normal"> Review all of the learning paths on the HackerRank Academy</h3>
    </div>
    <div class="np-catalog-courses row row-with-thumbnails">
        {% for learning_path in learning_paths.available %}
            <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
                {% include "cards_learning_path" with learning_path %}
            </div>
        {% endfor %}
    </div>
</main>
{% include "footer" %}