Untitled

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Bestelformulier</title>
<link rel="stylesheet" href="styles/varkenswangetjes.css"></link>
</head>

<body>
<div class="container">
     <img src="fotos/header.png">
        <ul id="nav">
          <li><a href="index.html">Home</a></li>
          <li><a href="recept.html">Recept</a></li>
          <li><a href="bestelformulier.html">Bestelformulier</a></li>
       </ul>


    <h1>Bestel Formulier</h1>
    <div class="tekst">
        <form action="#" method="get">
            <fieldset>
                <legend>Persoonlijk gegevens</legend>
                <p>
                    <label for="Naam">Uw naam</label><br>
                    <input id="Naam" type="text" name="txtName" value="" placeholder="Naam"><br>
                    <label for="Voornaam">Uw Voornaam</label><br>
                    <input id="Voornaam" type="text" name"txtname" value="" placeholder="Voornaam"><br>
                </p>

                <p>
                    <label for="Adres">Uw adres</label><br>
                    <input id="adres" type"text" name="adres" value="" placeholder="Straatnaam + Nummer"><br>
                </p>

                <p>
                    <input id="gemeente" type"text" name"adres" value"" placeholder="Postcode + Gemeente"><br>
                </p>

                <p>
                    <label for="txtEmail1">Uw e-mailadres</label><br>
                    <input id="txtemail1" type="E-mail" name="txtEmail" value="" placeholder="a@b.c">
                </p>

                <p>
                    <label for="lever_datum">Lever datum:</label>
                    <input type="date" name="lever_datum"/>
                </p>

                <p>Voormiddag/Namiddag:
                    <select name="Voormiddag/nammidag">
                        <option value="Voormiddag">Voormiddag</option>
                        <option value="Namiddag">Namiddag</option>
                    </select>
                </p>
                <p>Hoe heb je ons leren kennen:
                    <select name="leren kennen">
                        <option value="Google">Google</option>
                        <option value="vriend">Mond-aan-mond reclame</option>
                        <option value="reclame">Reclame</option>
                        <option value="email">E-mail</option>
                        <option value="andere">Andere (schrijf bij de opmerking hoe)</option>
                    </select>

                </p>
                <p>Aantal personen:
                    <select name="Aantalpersonen">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                     </select>
                </p>

                <p>
                    <label for="txtOpm">Uw Opmerking</label><br>
                    <textarea id="txtOpm" name="opmerking" value="" placeholder="Geef hier uw tekst in" cols="30" rows="5"></textarea>
                </p>

                <p>
                    <button type="submit" name="send" value="send" formaction="http://www.arteveldehogeschool.be/campusGDM/olivpa/formulieren.php">Stuur mijn formulier op</button>
                    <button type="reset" name="reset" value="reset">Wis dit formulier</button>
                </p>

        </form>
    </div>
         <footer>
            <div>
                <p>&copy; 2014 Arteveldehogeschool - Jonatan Moerman - 1GDMDb1 - Webdesign I - <a href="#" target="_blank">Productiedossier</a></p>
            </div>
        </footer>

</body>
</html>