1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / etteodyr / www /
Filename : contact-us.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>ET TECH X</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">Contact-Us</h2>
            </div>
        </div>
    </section>
    <section>
        <div class="container mb-5">
            <div class="row align-items-center pt-30px">
                <div class="col-lg-7 ml-auto">
                    <div class="card card-item">
                        <div class="card-body">
                            <form method="post" onsubmit="return validateCaptcha()" class="row" action="actions/contact_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-5">
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="about-me" role="tabpanel" aria-labelledby="about-me-tab">
                            <div class="card card-item hover-s mx-3">
                                <div class="card-body">
                                    <h5 class="pb-1"><strong>Hyderabad:</strong></h5>
                                    <p class="section__desc">EDU EXPO GLOBAL PVT LTD</p>
                                    <p class="section__desc">Plot No: 47, Road Number 4A, Golden Tulip Estate, Raghavendra Colony, Kondapur, Telangana 500084 India</p>
                                    <p class="section__desc">+91-9346407359</p>
                                    <p class="section__desc">info@ettechx.com</p>


                                </div>
                            </div>
                        </div><!-- end tab-pane -->

                    </div>

                    <div class="tab-content pt-10px" id="myTabContent">
                        <div class="tab-pane fade show active" id="about-me" role="tabpanel" aria-labelledby="about-me-tab">
                            <div class="card card-item hover-s mx-3">
                                <div class="card-body">
                                    <h5 class="pb-1"><strong>Noida:</strong></h5>
                                    <p class="section__desc">EDU EXPO GLOBAL PVT LTD</p>
                                    <p class="section__desc">B-820, 8th Floor, Tower-B, Noida One IT Park, Sector 62, Noida-201</p>
                                    <p class="section__desc">+91-120-2975517 +91-8130990660</p>
                                    <p class="section__desc">info@ettechx.com</p>


                                </div>
                            </div>
                        </div><!-- end tab-pane -->

                    </div>

                </div>

            </div>

            <div class="row pb-3">


                <div class="col-lg-6 mt-2">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7611.3975997356265!2d78.3484493!3d17.4741246!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb90d518ed008d%3A0xe51d8decbba88c76!2sBrainfeed%20Educational%20Magazine!5e0!3m2!1sen!2sin!4v1715673449950!5m2!1sen!2sin" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>


                </div><!-- end col-lg-7 -->
                <div class="col-lg-6 mt-2">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d97006.57743133318!2d77.27649088640678!3d28.617760547392365!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfdee78435895%3A0xf1fb31ac0639db0!2sS%20D%20Promo%20Media%20Private%20Limited!5e0!3m2!1sen!2sin!4v1715673424636!5m2!1sen!2sin" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

                </div>
            </div><!-- end row -->
        </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>