{% extends "_default/base.html" %}
{% block content %}

<div class="container sm:pxi-0 mx-auto min-h-screen pt-24 mt-5">
  <div class="flex flex-row flex-wrap items-center mx-4 sm:mx-0">
    <div class="w-full md:w-5/6 md:pl-8 lg:pl-0">
      <h3 class="
          uppercase
          leading-none
          text-bold
           text-gray-800
          font-black font-heading
        ">
        {{ page.title }}
      </h3>
    </div>
  </div>
  <section class="post-content mx-auto relative font-serif text-gray-700">
    <div class="mt-6 mb-8 text-gray-900">{{ page.content | safe }}</div>
    <button class="
        inline-block
        bg-green-500
        text-sm
        learn-button
        hover:bg-green-600
        px-8
        py-2
        mr-2
        my-0
        shadow
        rounded-full
        active--exact active
      ">
      <a href="{{page.extra.link}}" target="_blank" aria-current="page">
        {{ page.extra.button }}
      </a>
    </button>
  </section>
</div>
{% endblock content %}