<div class="md:flex border-b border-slate pb-6">
  <div class="md:w-1/4 mb-4">
    <h3 class="text-2xl">{{ v.name }}</h3>
    <p>Released {{ v.release_date|date:"n/j/y" }}</p>
  </div>
  <div class="md:w-3/4">
    <p>{{ v.description }}</p>
    <div class="mt-5 max-w-md sm:flex md:mt-8">
      <div class="rounded-md shadow">
        <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-orange text-base font-medium rounded-md text-orange md:py-4 md:text-lg md:px-10"> Download </a>
      </div>
      <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3">
        <a href="{% url 'version-detail' v.slug %}" class="w-full flex items-center justify-center px-8 py-3 border border-steel text-base font-medium rounded-md text-orange md:py-4 md:text-lg md:px-10"> Version Details > </a>
      </div>
    </div>
  </div>
</div>
