<?php  include('header.php') ?>
                
      <section class="relative pt-16 overflow-hidden pb-16"><div class="relative z-10 container mx-auto px-4">
      
        <div class="flex flex-wrap -m-6">
          <div class="w-full p-6">
            <div class="md:max-w-xl text-center mx-auto">
              <h2 class="mb-4 font-heading font-bold text-6xl sm:text-7xl text-white text-blue-500 mb-7">Ready to get started?</h2>
              <p class="text-lg text-white text-blue-500" contenteditable="false">Thank you for verifying that you are a student.</p><div class="text-red-500">Just a few more steps to be one of the first to be notified</div><p></p><br><br><div class="flex flex-wrap max-w-md mx-auto -m-2 mb-5">
              <div class="w-full p-2">
                <input class="w-full px-5 py-3.5 text-gray-500 bg-gray-200 outline-none border border-gray-200 focus:ring-2 text-sm placeholder-gray-400" type="text" placeholder="Full name" name="full-name"></div>
              <div class="w-full p-2">
                <input class="w-full px-5 py-3.5 text-gray-500 bg-gray-200 outline-none border border-gray-200 focus:ring-2 text-sm placeholder-gray-400" type="text" placeholder="Personal Email Address" name="email"></div>
              <div class="w-full p-2">
                <input class="w-full px-5 py-3.5 text-gray-500 bg-gray-200 outline-none border border-gray-200 focus:ring-2 text-sm placeholder-gray-400" type="text" placeholder="University Name" name="University Name" contenteditable="false"></div>
              <div class="flex items-center pt-4 pb-4">
                <input id="link-checkbox" type="checkbox" value="" class="w-4 h-4 text-blue-500 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"><label for="link-checkbox" class="ml-2 text-sm dark:text-gray-300 text-blue-500">I agree to receive product updates</label>
              </div>
              <div class="flex items-center pb-4">
                <input id="link-checkbox" type="checkbox" value="" class="w-4 h-4 text-blue-500 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"><label for="link-checkbox" class="ml-2 text-sm text-blue-500 dark:text-gray-300">Yes, I agree with your <a href="#" class="text-blue-600 dark:text-blue-500 hover:underline">terms and conditions</a>.</label>
              </div>
              <div class="w-full p-2">
                <div class="group relative">
                  <div class="absolute top-0 left-0 w-full h-full opacity-0 group-hover:opacity-50 transition duration-300 ease-in-out tracking-px uppercase"></div>
                  <button class="p-1 w-full font-heading font-medium text-base text-white overflow-hidden">
                    <div class="relative py-4 px-9 bg-red-500 overflow-hidden">
                      <div class="absolute top-0 left-0 transform -translate-y-full group-hover:-translate-y-0 h-full w-full transition ease-in-out duration-500 bg-blue-500 tracking-px uppercase"></div>
                      <p class="relative z-10 uppercase tracking-px font-medium">JOIN THE WAITLIST</p>
                    </div>
                  </button>
                </div>
              </div>
              </div>
      
            </div>
          </div>
        </div>
        </div>
      </section>
                
      <?php  include('footer.php') ?>

