<div class="section section-hero section-colorful-bg">
  {% include navbar.html %}
  <div class="index-page__header">
    <div class="img-container">
      <img src='{{site.baseurl}}/assets/img/home/t-o-2@3x.png' alt='Hero' class="header-shapes-hero" />
    </div>
    <div class="text-container">
        <h1>DRY and maintainable <strong>Terraform</strong> code.</h1>
        <span class='subtitle'>
          Terragrunt is a thin wrapper that provides extra tools for
          keeping your configurations DRY, working with multiple
          Terraform modules, and managing remote state.
        </span>
        <a href="{{site.baseurl}}/docs#getting-started" class='btn btn-white btn-lg'>Get Started</a>
        <div class="header-shapes-bottom"></div>
    </div>
  </div>
  <div class='header-bg'>
    <img src='{{site.baseurl}}/assets/img/home/t-o-1@3x.png' alt='Shape' class="header-shapes-top" />
  </div>
</div>
