DH_Alumni/index.php

<?php
require_once 'general.php';

returnHeader();

?>

<div class="relative flex flex-wrap">
    <div class="w-full relative">
        <div class="md:mt-6">
            <div class="hero container max-w-screen-lg mx-auto pb-10 flex justify-center">
                <img src="https://max-emden.net/iserv/logo/logo.jpg" class="w-2/4" alt="Logo Max-Windmüller Gymnasium"/>
            </div>
            <div class="text-center text-black font-semibold">
                Beschreibender Text
            </div>
        </div>

        <form action="submit.php" method="post" class="mt-8">
            <div class="mx-auto max-w-lg">

                <div class="py-1">
                    <label class="px-1 text-sm text-gray-600" for="name">Name</label>
                    <input type="text" name="name" id="name" required class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
                    border-gray-300 placeholder-gray-600
                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
                </div>

                <div class="py-1">
                    <label class="px-1 text-sm text-gray-600" for="email">E-Mail Adresse</label>
                    <input type="email" name="email" id="email" required class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
                    border-gray-300 placeholder-gray-600
                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
                </div>

                <div class="py-1">
                    <label class="px-1 text-sm text-gray-600" for="year">Jahrgang</label>
                    <select name="year" id="year" required class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
                    border-gray-300 placeholder-gray-600
                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
                        <?php
                        for ($i = 1970; $i < date("Y"); $i++) {
                            ?>
                            <option><?php echo $i ?></option>
                            <?php
                        }
                        ?>
                    </select>
                </div>

                <div class="py-1">
                    <label class="px-1 text-sm text-gray-600" for="birthday">Geburtstag</label>
                    <input type="date" name="birthday" id="birthday" required class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
                    border-gray-300 placeholder-gray-600
                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
                </div>

                <div class="py-1">
                    <label class="px-1 text-sm text-gray-600" for="vocation">Tätigkeit</label>
                    <textarea name="vocation" id="vocation" required class="text-md block px-3 py-2 rounded-lg w-full bg-white border-2
                    border-gray-300 placeholder-gray-600
                    shadow-md focus:placeholder-gray-500 focus:bg-white focus:border-gray-600 focus:outline-none">
                    </textarea>
                </div>

                <div class="flex justify-start">
                    <label class="block text-gray-500 font-bold my-4 flex items-center">
                        <input class="leading-loose text-pink-600 top-0" type="checkbox" id="terms" name="terms" required/>
                        <span class="ml-2 text-sm py-2 text-gray-600 text-left">Ich akzeptiere hiermit
                                          <a href="https://max-emden.de/wordpress/impressum/" target="_blank"
                                             class="font-semibold text-black border-b-2 border-gray-200 hover:border-gray-500">
                                            die Datenschutzerklärung.</a>
                                    </span>
                    </label>
                </div>

                <button class="mt-3 text-lg font-semibold
                                    bg-gray-800 w-full text-white rounded-lg
                                    px-6 py-3 block shadow-xl hover:text-white hover:bg-black" type="submit">
                    Eintragen
                </button>
                <br>

            </div>

        </form>
    </div>
</div>

<?php

returnFooter();