index.html

---
layout: home
# articles:
#   excerpt_type: html
---
<script src="https://cdn.tailwindcss.com/3.0.0"></script>

<!-- <p align="center">
<img class="rounded-lg shadow-lg object-cover object-center" src="https://user-images.githubusercontent.com/19698023/177466163-29601bdb-da7f-4426-affd-f7c451e41844.png" alt="dartmouth college" width="592" height="688">
</p> -->

<div
    class="p-12 text-center relative overflow-hidden bg-no-repeat bg-cover h-96 lg:h-screen"
    style="background-image: url('https://user-images.githubusercontent.com/19698023/177466163-29601bdb-da7f-4426-affd-f7c451e41844.png')">
    <div
      class="absolute top-0 right-0 bottom-0 left-0 w-full h-full overflow-hidden bg-fixed"
      style="background-color: rgba(2, 56, 53, 0.7)">
      <div class="flex justify-center items-center h-full">
        <div class="text-white">
          <h2 class="font-semibold text-4xl mb-4" style="color: white">
            EDIT ML Virtual Conference
          </h2>
          <h4 class="font-semibold text-xl mb-6" style="color: white">
            Learn about innovative work from our EDIT ML Summer intern presenters.
          </h4>
          <a
            class="inline-block px-7 py-3 mb-1 border-2 border-gray-200 text-gray-200 font-medium text-sm leading-snug uppercase rounded hover:bg-black hover:bg-opacity-5 focus:outline-none focus:ring-0 transition duration-150 ease-in-out"
            href="/EDIT_AI_virtual_conference/presenters"
            role="button"
            data-mdb-ripple="true"
            data-mdb-ripple-color="light">Listen to our presenters</a>
          <br>
          <a
            class="inline-block px-7 py-3 mb-1 border-2 border-gray-200 text-gray-200 font-medium text-sm leading-snug uppercase rounded hover:bg-black hover:bg-opacity-5 focus:outline-none focus:ring-0 transition duration-150 ease-in-out"
            href="/EDIT_AI_virtual_conference/about"
            role="button"
            data-mdb-ripple="true"
            data-mdb-ripple-color="light">Summer program information</a>
        </div>
      </div>
    </div>
  </div>