1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / etteodyr / www /
Filename : exhibitor-registration.php
back
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="author" content="TechyDevs">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>ettechx</title>

    <!-- Google fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com/">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&amp;display=swap" rel="stylesheet">

    <!-- Favicon -->
    <link rel="icon" sizes="16x16" href="images/favicon-.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>


    <!-- inject:css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/line-awesome.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/bootstrap-select.min.css">
    <link rel="stylesheet" href="css/fancybox.css">
    <link rel="stylesheet" href="css/tooltipster.bundle.css">
    <link rel="stylesheet" href="css/animated-headline.css">
    <link rel="stylesheet" href="css/style.css">
    <!-- end inject -->

    <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N69BNS6P');</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J3EWQL213G"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-J3EWQL213G');
</script>
<!-- End Google Tag analytics -->
</head>
<body>
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N69BNS6P"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<?php include_once("include/header.php");?>
        <!-- end breadcrumb-content -->
        <!-- <section class="breadcrumb-area section-padding image-banner3">
            <div class="overlay"></div>
            <div class="container">
                <div class="breadcrumb-content d-flex flex-wrap align-items-center justify-content-between">
                    <div class="section-heading">
                        <h2 class="section__title text-white">Exhibitor Registration</h2>
                    </div>
                    <ul class="generic-list-item generic-list-item-white generic-list-item-arrow d-flex flex-wrap align-items-center">
                        <li><a href="index">Home</a></li>
                        <li><a href="exhibitor-registration">Exhibitor Registration</a></li>
                    </ul>
                </div>
            </div>
        </div>
        </section> -->
        <!-- end breadcrumb-content -->
    <section>
    <div class="container mt-3">
         <div class="section-heading text-center mt-5">
            <h2 class="section__title">EXHIBITOR'S ENQUIRY</h2>
        </div>
</div>
</section>
<section>
    <div class="container mb-5">
        <div class="row align-items-center pt-30px">
        <div class="col-lg-6 ml-auto">
                <div class="card card-item">
                <div class="card-body">
                        <form method="post" onsubmit="return validateCaptcha()" class="row" action="actions/exhibitor_process" id="registrationForm" enctype="multipart/form-data">
                            <div class="input-box col-lg-6 col-md-6"">
                                <label class="label-text">Name</label>
                                <div class="form-group">
                                    <input type="text" name="name" placeholder="Enter Your Name" required>
                                </div>
                            </div>
                            <div class="input-box col-lg-6 col-md-6"">
                                <label class="label-text">Designation</label>
                                <div class="form-group">
                                    <select id="xy-name" name="designation" required>
                                        <option value="">Select Your Designation</option>
                                        <option value="Managing Director">Managing Director</option>
                                        <option value="Director">Director</option>
                                        <option value="Founder">Founder</option>
                                        <option value="CEO">CEO</option>
                                        <option value="CMO">CMO</option>
                                        <option value="Marketing Head">Marketing Head</option>
                                        <option value="National Sales Head">National Sales Head</option>
                                        <option value="Regional Sales Head">Regional Sales Head</option>
                                        <option value="Brand Manager">Brand Manager</option>
                                    </select>
                                    </div>
                            </div>
                            <div class="input-box col-lg-6 col-md-6"">
                                <label class="label-text">Mobile Number</label>
                                <div for="xy-mobile" class="form-group">
                                    <input type="tel" id="xy-mobile" name="mobile" placeholder="Enter Mobile Number" required>
                                </div>
                            </div>
                            <div class="input-box col-lg-6 col-md-6"">
                                <label class="label-text">Email Address</label>
                                <div class="form-group">
                                <input type="email" id="email" name="email" placeholder="Enter Your Email" required>
                                <div id="emailError" style="color: red; display: none;">Please enter a valid email</div> 
                             </div>
                            </div>
                            <script>
                                document.addEventListener('DOMContentLoaded', function () {
                                    const emailInput = document.getElementById('email');
                                    const emailError = document.getElementById('emailError');

                                    const validateEmail = () => {
                                        const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
                                        if (!emailPattern.test(emailInput.value)) {
                                            emailError.style.display = 'block';
                                            emailInput.setCustomValidity('Invalid email format');
                                        } else {
                                            emailError.style.display = 'none';
                                            emailInput.setCustomValidity('');
                                        }
                                    };

                                    emailInput.addEventListener('input', validateEmail);

                                    emailInput.addEventListener('invalid', function (event) {
                                        event.preventDefault();
                                        emailError.style.display = 'block';
                                    });
                                });
                            </script>

                            <div class="input-box col-lg-6 col-md-6"">
                                <label class="label-text">Institution/Organization </label>
                                <div class="form-group">
                                    <input type="text" name="institution" placeholder="Enter Your Organisation Name" required>
                                </div>
                            </div>
                            <div class="input-box col-lg-6 col-md-6">
                                <label class="label-text">City Name</label>
                                <div class="form-group">
                                    <input type="text" name="city" placeholder="Enter your City Name" required>
                                </div>
                            </div>
                            <div class="input-box col-lg-12">
                                <label class="label-text">Message</label>
                                <div class="form-group">
                                    <textarea id="message" name="message" placeholder="Write message"></textarea>
                                </div>
                            </div>
                            <div class="input-box col-lg-12">
                                <label id="captcha-challenge" class="label-text"></label>
                                <div class="form-group">
                                <input type="text" name="captcha_answer" placeholder="Answer" required>
                                </div>
                            </div>
                           
                            <div class="input-box col-lg-12" style="text-align: center;">
                                <button class="btn theme-btn" style=" width: 50%;" type="submit">Submit <i class="la la-arrow-right icon ml-1"></i></button>
                            </div>
                        </form>
                       


                    </div>
                </div><!-- end card -->
            </div><!-- end col-lg-5 -->
            <div class="col-lg-6 ml-auto">
                <div class="register-content">
                    <div class="section-heading text-center pb-20px">
                        <h2 class="section__title ">OUR PREVIOUS EXHIBITORS</h2>
                        </div><!-- end section-heading -->
                        <div class="img-box">
               <img src="image/33.png" alt="our mission image" class="img-fluid lazy rounded-rounded" style="">
             </div>

                   </div><!-- end register-content -->
            </div>
    </div>
    </div>
    </section>









<?php include_once("include/footer.php");?>


<!-- start scroll top -->
<div id="scroll-top">
    <i class="la la-arrow-up" title="Go top"></i>
</div>


<script>
document.getElementById("registrationForm").addEventListener("submit", function(event) {
    var isValid = true;
    var inputs = this.querySelectorAll("input");

    for (var i = 0; i < inputs.length; i++) {
        if (!inputs[i].value) {
            alert("Please fill out all fields.");
            isValid = false;
            break;
        }
    }

    if (!isValid) {
        event.preventDefault(); // Prevent form submission
    }
});
</script>


<!-- template js files -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.js"></script>
<script src="js/waypoint.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/jquery.lazy.min.js"></script>
<script src="js/datedropper.min.js"></script>
<script src="js/emojionearea.min.js"></script>
<script src="js/tooltipster.bundle.min.js"></script>
<script src="js/main.js"></script>
<script>
    $(document).ready(function() {
        $('#carouselExampleIndicators').carousel({ interval: 3000 }); // Change slide every 2 seconds
    });
</script>
<script>
let answer = 0; // Variable to store the correct answer

function generateCaptcha() {
    const num1 = Math.floor(Math.random() * 9) + 1; // Generate a random number between 1 and 9
    const num2 = Math.floor(Math.random() * 9) + 1; // Generate a second random number between 1 and 9
    answer = num1 + num2; // Perform addition
    document.getElementById('captcha-challenge').innerHTML = `What is ${num1} + ${num2}?`;
}

function validateCaptcha() {
    const userAnswer = document.querySelector('input[name="captcha_answer"]').value;
    if (parseInt(userAnswer) !== answer) {
        alert('Incorrect CAPTCHA answer. Please try again.');
        generateCaptcha(); // Regenerate the CAPTCHA if the answer is wrong
        return false;
    }
    return true;
}

function validateForm() {
    // Validate Name
    const name = document.getElementById('name').value;
    if (!name.match(/^[a-zA-Z ]+$/)) {
        alert('Name should only contain letters and spaces.');
        return false;
    }

   
    // Validate Email
    const email = document.getElementById('email').value;
    if (!email.match(/^\S+@\S+\.\S+$/)) {
        alert('Please enter a valid email address.');
        return false;
    }

   

    // Validate CAPTCHA
    return validateCaptcha();
}

window.onload = generateCaptcha; // Generate a CAPTCHA when the form is loaded
</script>
</body>

</html>