{% include "header"
  , color: "var(--nintex--color--deep-purple)"
  , text_color: "white"
  , text_en_US: homepage.headline
  , text_es: "Bienvenido a Nintex University"
  , text_fr: "Bienvenue à Nintex University"
  , text_de: "Willkommen bei Nintex University"
  , text_en_GB: "Welcome to Nintex University"
  , text_nl: "Welkom bij Nintex University"
  , text_pt_BR: "Bem-vindo ao Nintex University"
  , subtitle_en_US: homepage.subheadline
  , subtitle_es: "Explora cursos adaptados, rutas de aprendizaje guiadas y exámenes de certificación diseñados para ayudarte a embarcarte rápidamente y dominar la plataforma Nintex con confianza."
  , subtitle_fr: "Explorez des cours adaptés, des parcours d'apprentissage guidés et des examens de certification conçus pour vous aider à embarquer rapidement et maîtriser la plateforme Nintex avec confiance."
  , subtitle_de: "Explore tailored courses, guided learning paths, and certification exams designed to help you onboard quickly and master the Nintex platform with confidence."
  , subtitle_en_GB: "Explore tailored courses, guided learning paths, and certification exams designed to help you onboard quickly and master the Nintex platform with confidence."
  , subtitle_nl: "Ontdek aangepaste cursussen, geleide leerpaden en certificeringsexamens ontworpen om je snel aan boord te helpen en de Nintex-platform met vertrouwen te beheersen."
  , subtitle_pt_BR: "Explore cursos adaptados, caminhos de aprendizagem guiados e exames de certificação projetados para ajudar você a embarcar rapidamente e dominar a plataforma Nintex com confiança."
  , button_text_en_US: 'Learn how to Get Started'
  , button_text_es: 'Aprender cómo empezar'
  , button_text_fr: 'Apprendre comment commencer'
  , button_text_de: 'Lernen, wie man beginnt'
  , button_text_en_GB: 'Learn How to Get Started'
  , button_text_nl: 'Leer hoe je kunt beginnen'
  , button_text_pt_BR: 'Aprender como começar'
  , button_link: 'https://vimeo.com/1123384951?share=copy' %}
<main class="np-main np-homepage">
  {% include "sub_navigation" %}
  {% if courses.featured.any? %}

    <div class="nintex-fw-container">
      <div class="np-homepage-featured-text">
        <div class="nintex-headline">
          <span class="lang-en-US">
          {{ homepage.featured_courses_headline }}
          </span>
          <span class="lang-es">
            Cursos destacados
          </span>
          <span class="lang-fr">
            Cours en vedette
          </span>
          <span class="lang-de">
            Beliebte Kurse
          </span>
          <span class="lang-en-GB">
            {{ homepage.featured_courses_headline }}
          </span>
          <span class="lang-nl">
            Populaire cursussen
          </span>
          <span class="lang-pt-BR">
            Cursos populares
          </span>
        </div>
        {% comment %} <div class="nintex-subheadline">
          <span class="lang-en-US">
            {{ homepage.featured_courses_subheadline }}
          </span>
          <span class="lang-es">
            Comienza directamente con nuestros cursos más populares y recomendados. Estos cursos están seleccionados para ayudarte a desarrollar las habilidades que necesitas para ser más exitoso con Nintex.
          </span>
          <span class="lang-fr">
            Commencez directement avec nos cours les plus populaires et recommandés. Ces cours sont sélectionnés pour vous aider à construire les compétences dont vous avez besoin pour réussir plus rapidement avec Nintex.
          </span>
          <span class="lang-de">
            Beginnen Sie direkt mit unseren beliebtesten und empfohlenen Kursen. Diese Kurse sind ausgewählt, um Ihnen zu helfen, die Fähigkeiten zu entwickeln, die Sie benötigen, um schneller erfolgreich mit Nintex zu sein.
          </span>
          <span class="lang-en-GB">
            {{ homepage.featured_courses_subheadline }}
          </span>
          <span class="lang-nl">
            Begin met direct met onze populaire en aanbevolen cursussen. Deze cursussen zijn handgeselecteerd om je te helpen de vaardigheden die je nodig hebt om sneller succesvol met Nintex te zijn.
          </span>
          <span class="lang-pt-BR">
            Comece diretamente com nossos cursos mais populares e recomendados. Esses cursos são selecionados para ajudar você a desenvolver as habilidades que você precisa para ser mais bem-sucedido com o Nintex.
          </span>
        </div> {% endcomment %}
      </div>
      {% if courses.featured.any? %}
        <div class="row">
          {% for course in courses.featured %}
            <div class="col-xs-12 col-sm-4 nintex-card-stretch">
              {% include "cards_course_nintex" with course %}
            </div>
          {% endfor %}
        </div>
        <div class="nintex-btns-container">
        <a href="/app/catalog" class="nintex-text-button">
          <span class="lang-en-US">
            View more
          </span>
          <span class="lang-es">
            Ver más
          </span>
          <span class="lang-fr">
            Voir plus
          </span>
          <span class="lang-de">
            Mehr anzeigen
          </span>
          <span class="lang-en-GB">
            View more
          </span>
          <span class="lang-nl">
            Meer bekijken
          </span>
          <span class="lang-pt-BR">
            Ver mais
          </span>
          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M9.71402 2L8.2998 3.41421L13.0927 8.20711L8.2998 13L9.71402 14.4142L15.9211 8.20711L9.71402 2Z"
                fill="white"></path>
            </svg>
          </a>
        </div>
      {% endif %}
    </div>
  {% endif %}
  {% include "new_courses" %}
  {% include "homepage_paths" %}
  {% if current_school.properties.show_testimonials == true %}
    {% include "customer_testimonials" %}
  {% endif %}
  {% include "homepage_faqs" %}
</main>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    const sections = document.querySelectorAll(".np-main.np-homepage>div, .np-main.np-homepage>nav");
    for(let i = 0; i < sections.length; i++) {
      if(i%2 == 1) {
        sections[i].classList.add("nintex-ivory-bg");
      }
    }
  });
</script>
{% include "footer" %}