{% include "header" %}
{% include "homepage_recommended" %}
{% include 'homepage_courses_list' %}

{% comment %}<button data-tf-popup="nHcG5W6g" data-tf-open="time" data-tf-open-value="2000" data-tf-auto-close data-tf-iframe-props="title=Academy Brand names" data-tf-medium="snippet" style="all: unset;font-family :Helvetica,Arial,sans-serif; display: none; max-width: 100%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; background-color: #0445AF; color: #FFFFFF; font-size: 20px; border-radius: 25px;padding: 0 33px; font-weight: bold; height: 50px; cursor: pointer; line-height: 50px; text-align: center;margin: 0; text-decoration: none;">
    Launch me
</button> {% endcomment %}

<div class="homepage">
    {% include 'homepage_latest' %}
    {% include "homepage_beginning" %}
</div>
    {% include 'homepage_opinions' %}
<div class="homepage" style="padding-bottom: 150px">
    {% include 'homepage_popular' %}

</div>
{% include "footer" %}

<style>
    .homepage {
        padding: 0 4%;
    }
    .opinions {
        position: relative;
        left: 0;
        width: 100%;
        margin: 50px 0;
    }
    @media only screen and (min-width: 1800px) {
        .homepage {
            padding: 0 10%;
        }
    }
</style>
<script src="//embed.typeform.com/next/embed.js"></script>