index.html

---
layout: default
---
<section class="text-gray-600 body-font">
  <div class="container px-5 py-24 mx-auto">
      <div class="flex flex-wrap w-full mb-20">
          <div class="lg:w-2/3 w-full mb-6 lg:mb-0">
              <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-gray-900">Jekymail is a Jekyll Based Static Site Generator Tweaked for HTML Emails. Styles built with TailwindCSS.</h1>
              <div class="h-1 w-20 bg-yellow-500 rounded"></div>
          </div>
      </div>
  <div class="flex flex-wrap">
      {% for email in site.emails reversed limit:include.limit %}
      <div class="xl:w-1/3 md:w-1/2 p-4">
          <div class="bg-gray-100 p-6 rounded-lg">
              <img class="h-40 rounded w-full object-cover object-center mb-6" src="https://www.fillmurray.com/720/400" alt="content">
              <h2 class="text-lg text-gray-900 font-medium title-font mb-4">{{ email.title }}</h2>
              <p class="leading-relaxed text-base">{{ email.intro }}</p>
              <a class="text-yellow-500 inline-flex items-center mt-4" href="{{ email.url }}">Check Me Out
                  <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
                      <path d="M5 12h14M12 5l7 7-7 7"></path>
                  </svg>
              </a>
          </div>
      </div>
      {% endfor %}
  </div>
</section>