  <span class="icon">
    <i class="fas fa-graduation-cap"></i>
  </span>
  <span>
    Enroll in the free course
  </span>
</a>
{% endcapture %}

{%
  include docs/components/hero.html
  color="videos"
  icon="fas fa-play-circle"
  title="**Video** tutorials"
  subtitle="Learn Bulma with free interactive Scrimba tutorials"
  content=hero_content
%}

{% for video in page.videos %}
  <div class="bd-video">
    <div class="bd-video-info">
      <h2 class="title">
        {{ video.title }}
      </h2>

      <p