<!--Début du CONTACT-->
    <div class="container">
      <div  class="contact" id="for-more-information">
        <p><b>FOR MORE INFORMATION</b></p>
        <form class="needs-validation" novalidate>
          <div class="form-row">
            <div class="col-md-4 mb-3">
              <label for="validationCustom01">First name</label>
              <input type="text" class="form-control" id="validationCustom01" placeholder="First name"  required>
              <div class="valid-feedback">
                Looks good!
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validationCustom02">Last name</label>
              <input type="text" class="form-control" id="validationCustom02" placeholder="Last name" required>
              <div class="valid-feedback">
                Looks good!
              </div>
            </div>
            <div class="col-md-4 mb-3">
              <label for="validationCustomUsername">Username</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text" id="inputGroupPrepend">@</span>
                </div>
                <input type="text" class="form-control" id="validationCustomUsername" placeholder="Username" aria-describedby="inputGroupPrepend" required>
                <div class="invalid-feedback">
                  Please choose a username.
                </div>
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="col-md-6 mb-3">
              <label for="validationCustom03">City</label>
              <input type="text" class="form-control" id="validationCustom03" placeholder="City" required>
              <div class="invalid-feedback">
                Please provide a valid city.
              </div>
            </div>
            <div class="col-md-3 mb-3">
              <label for="validationCustom04">State</label>
              <input type="text" class="form-control" id="validationCustom04" placeholder="State" required>
              <div class="invalid-feedback">
                Please provide a valid state.
              </div>
            </div>
          </div>
          <div class="form-row ">
            <br><div class="form-group col-md-4 col form-row">
            <br> <label for="inputoption">Whatever</label>
            <select id="inputoption" class="form-control ">
              <option selected>Choose...</option>
              <option>Wedding</option>
              <option>Baby Shower</option>
              <option>Birthday Parties</option>
              <option>Parties</option>
              <option>Funerals</option>
              <option>Other</option>
            </select>
            <label for="inputwhere">Wherever</label>
            <input id="inputwhere"type="text" class="form-control" placeholder="Where">
            <label for="inputwhenever">Whenever</label>
              <input id="inputwhenever" type="text" class="form-control" placeholder="DD/MM/YY">
            <div class="form-group" >
              <label for="comment">If it's an Other Event please describ it bellow</label>
              <textarea class="form-control" id="comment" rows="3"></textarea>
            </div>
            </div>
          </div>
          <div>
            <button class="btn-purple" type="submit">Submit</button>
          </div>
        </form>

        <script>
          // Example starter JavaScript for disabling form submissions if there are invalid fields
          (function() {
            'use strict';
            window.addEventListener('load', function() {
              // Fetch all the forms we want to apply custom Bootstrap validation styles to
              var forms = document.getElementsByClassName('needs-validation');
              // Loop over them and prevent submission
              var validation = Array.prototype.filter.call(forms, function(form) {
                form.addEventListener('submit', function(event) {
                  if (form.checkValidity() === false) {
                    event.preventDefault();
                    event.stopPropagation();
                  }
                  form.classList.add('was-validated');
                }, false);
              });
            }, false);
          })();
        </script>
      </div>
    </div>
    <!--Fin du contact-->