Exhibitor Application Form

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Exhibitor Application Form</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://platform.idos.events/front/css/iziToast.min.css" rel="stylesheet"> <style> .form-panel { padding: 30px; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; margin-top: 30px; } .form-panel-kucuk { padding: 10px; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; margin:10px auto; } .form-group label { font-weight: bold; } </style> </head> <body> <div class="container mt-5"> <div class="row justify-content-center"> <div class="col-lg-10"> <div class="form-panel"> <img src="https://platform.idos.events/front/upload/fuar/banner76.jpg" class="img-fluid" alt=""> </div> <div class="form-panel-kucuk text-center"> <a href="http://" class="btn btn-success" >Exhibition Web Page</a> </div> <div class="form-panel"> <h2 class="text-center mb-4">Exhibitor Application Form</h2> <form action="https://platform.idos.events/Marketplace/exhibitorApplication/76" method="post" class="needs-validation" novalidate>  <input type="hidden" name="fuar_id" value="76"> <div class="row g-5">  <div class="col-md-6">  <div class="mb-3"> <label for="companyName" class="form-label">Company Name</label> <input type="text" class="form-control" id="companyName" name="companyName" required> <div class="invalid-feedback">Company Name is required.</div> </div>  <div class="mb-3"> <label for="name" class="form-label">Your Name</label> <input type="text" class="form-control" id="name" name="name" required> <div class="invalid-feedback">Your Name is required.</div> </div>  <div class="mb-3"> <label for="email" class="form-label">Email</label> <input type="email" class="form-control" id="email" name="email" required> <div class="invalid-feedback">A valid Email is required.</div> </div>  <div class="mb-3"> <label for="contactNumber" class="form-label">Contact Number</label> <input type="text" class="form-control" id="contactNumber" name="contactNumber" required> <div class="invalid-feedback">Contact Number is required.</div> </div>  <div class="mb-3"> <label class="form-label">Options</label><br> <div class="form-check"> <input class="form-check-input" type="radio" name="optionSelected" id="readyToBook" value="Ready to book my space" required> <label class="form-check-label" for="readyToBook">Ready to book my space</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="optionSelected" id="lookingForInfo" value="Looking for more information" required> <label class="form-check-label" for="lookingForInfo">Looking for more information</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="optionSelected" id="sponsorshipOpportunities" value="Looking for sponsorship opportunities" required> <label class="form-check-label" for="sponsorshipOpportunities">Looking for sponsorship opportunities</label> </div> <div class="invalid-feedback">Please select an option.</div> </div> </div>  <div class="col-md-6">  <div class="mb-3"> <label class="form-label">Designation</label><br> <div class="form-check"> <input class="form-check-input" type="radio" name="designation" id="exportManager" value="Export Manager" required> <label class="form-check-label" for="exportManager">Export Manager</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="designation" id="salesManager" value="Sales Manager" required> <label class="form-check-label" for="salesManager">Sales Manager</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="designation" id="eventManager" value="Event Manager" required> <label class="form-check-label" for="eventManager">Event Manager</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="designation" id="companyOwner" value="Company Owner" required> <label class="form-check-label" for="companyOwner">Company Owner</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="designation" id="other" value="Other" required> <label class="form-check-label" for="other">Other</label> </div> <div class="invalid-feedback">Please select your designation.</div> </div>  <div class="mb-3"> <label class="form-label">Requested Stand Type</label><br> <div class="form-check"> <input class="form-check-input" type="radio" name="standType" id="equippedSpace" value="Equipped Space" required> <label class="form-check-label" for="equippedSpace">Equipped Space</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="standType" id="spaceOnly" value="Space Only" required> <label class="form-check-label" for="spaceOnly">Space Only</label> </div> <div class="invalid-feedback">Please select a stand type.</div> </div>  <div class="mb-3"> <label for="standSize" class="form-label">Requested Stand Size (in sqm)</label> <input type="number" class="form-control" id="standSize" name="standSize" required> <div class="invalid-feedback">Please provide a stand size.</div> </div>  <div class="mb-3"> <label for="captcha" class="form-label">Verification Code</label><br> <img src="https://platform.idos.events/front/captcha/1732370423.5537.jpg" style="width: 180px; height: 50px; border: 0;" alt=" " />  <input type="text" class="form-control mt-2" name="captchaWord" id="captchaWord" placeholder="Enter verification code" required> <div class="invalid-feedback">Please complete the CAPTCHA.</div> </div> </div> </div>  <div class="text-center"> <button type="submit" class="btn btn-primary">Send Application</button> </div> </form> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://platform.idos.events/front/js/iziToast.min.js"></script> <script> // Bootstrap 5 form validation (function () { 'use strict' // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.querySelectorAll('.needs-validation') // Loop over them and prevent submission Array.prototype.slice.call(forms) .forEach(function (form) { form.addEventListener('submit', function (event) { if (!form.checkValidity()) { event.preventDefault() event.stopPropagation() } form.classList.add('was-validated') }, false) }) })() </script> </body> </html>

CINXE.COM

Exhibitor Application Form