index.njk

---
nav: true
title: BUILD
hideNewsletter: true
---

<section class="container p-0 mb-4 bg-orange text-white">

  {% rwdImg "/_assets/img/build/build-index-banner.jpg", "" , "100vw", "block w-full" %}

  <div class="px-4 md:px-16 bg-orange">
    <div class="border-b-2 border-white py-4 md:py-8">

      <img src="/_assets/misc/build22.svg" style="" alt="Kingdom Code BUILD" class="-mt-16 w-[33%] max-w-[150px] mb-4 md:-mt-" />

      <p class="text-2xl leading-relaxed max-w-screen-md md:text-4xl md:leading-relaxed">
        {{ intro }}
      </p>
    </div>

    <div class="py-4">
      <p>Join us at the next BUILD…</p>
      <a href="/build/{{ nextYear }}" class="inline-block text-lg underline pb-2 md:text-2xl">
        {{ nextDate }} 👉
      </a>
      </div>
  </div>
</section>

<section class="container mb-4 border-2 border-mint p-4 md:p-16 md:grid md:grid-cols-2 md:gap-16">
  <div class="flex justify-center flex-col">
    <p class="text-2xl font-bold mb-4">Stay in touch</p>
    <p>Sign up to the newsletter to hear more about BUILD, other Kingdom Code events, news and resources.</p>
  </div>

  <form class="pt-4 md:pt-0" action="https://kingdomcode.us11.list-manage.com/subscribe/post?u=0faea843d029399bef7962992&amp;id=686a0f7b4b" method="post" target="_blank">

    <div style="position: absolute; left: -5000px;" aria-hidden="true">
      <input type="text" name="b_0faea843d029399bef7962992_686a0f7b4b" tabindex="-1" value="">
    </div>

    <div class="mb-2">
      <label for="mce-FNAME" class="block text-sm">First name:</label>
      <input type="text" value="" name="FNAME" class="w-full p-2 border border-mint" id="mce-FNAME" placeholder="First name" required />
    </div>

    <div class="mb-2">
      <label for="mce-LNAME" class="block text-sm">Last name:</label>
      <input type="text" value="" name="LNAME" class="w-full p-2 border border-mint" id="mce-LNAME" placeholder="Family name" required />
    </div>

    <div class="mb-2">
      <label for="mce-EMAIL" class="block text-sm">Email address:</label>
      <input type="email" value="" name="EMAIL" class="w-full p-2 border border-mint" id="mce-EMAIL" placeholder="Email address" required />
    </div>

    <div class="">
      <input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="mt-4 inline-block border bg-mint border-mint rounded p-2 uppercase text-white cursor-pointer hover:bg-transparent hover:text-mint transition-colors">
    </div>

  </form>
</section>

{# {% set blogListingTag = 'build' %}
{% set blogListingLimit = 4 %}
{% include "blocks/blogListing.njk" %} #}