<?php include('header.php') ?>

    <div class="hero_wrapper inner">
        <img src="images/hero3.jpg" alt="">
        <div class="content_area">
            <div class="container d-flex justify-content-center flex-column">
                <h1>Contact Us</h1>
                <ul class="breadcrumb d-flex">
                    <li><a href="index.php">Home</a></li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="inner_wrapper pt pb">
        <div class="container">
            <div class="contact_us_wrapper">
                <div class="row">
                    <div class="col-md-5">
                        <h3>যোগাযোগের তথ্য</h3>
                        <ul class="contact_list">
                            <li><a href="mailto:gyaniguru.jmc@gmail.com"><i class="fa-solid fa-envelope"></i> gyaniguru.jmc@gmail.com</a></li>
                            <li><a href="tel:+918967117994"><i class="fa-solid fa-phone"></i>+91 89671 17994</a></li>
                        </ul>
                        <ul class="social_wrapper d-flex align-items-center ">
                            <li><a href="https://www.youtube.com/@IndianYogaAndSpirituality" target="_blank"><i class="fa-brands fa-youtube"></i></a></li>
                            <li><a href="https://www.facebook.com/people/Gyani-Guru-by-JMC/100088674096474/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
                            <li><a href="https://www.instagram.com/gyanigurujmc/?igshid=MzNlNGNkZWQ4Mg%3D%3D" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
                            <li><a href="https://api.whatsapp.com/send?phone=918967117994" target="_blank"><i class="fa-brands fa-whatsapp"></i></a></li>
                        </ul>
                    </div>
                    <div class="col-md-7">
                        <div class="main_form_wrapper">
                            <form method="post" action="mailto:rahullooksforward@hmail.com" method="POST">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <input type="text" name="name" required placeholder="* Please type your name" class="input_panel">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="email" name="email" required placeholder="* Please type your email" class="input_panel">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="subject" placeholder="Please type your subject" class="input_panel">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" name="phone_no" required placeholder="* Please exter your phone no" class="input_panel">
                                    </div>
                                    <div class="col-sm-12">
                                        <textarea name="" name="body" class="input_panel" placeholder="Please describe your valuable comment"></textarea>
                                    </div>
                                    <div class="col-sm-12">
                                        <input type="submit" 
                                        data-sitekey="6LfT1dkmAAAAAIlOSsjMHn0HsQ5EAkvVTKOckEgM" 
                                        data-callback='onSubmit' 
                                        data-action='submit' 
                                        onclick="onSubmit(token)" 
                                        value="Submit">
                                    </div>
                                    <div class="g-recaptcha brochure__form__captcha" data-sitekey="6LfT1dkmAAAAAIlOSsjMHn0HsQ5EAkvVTKOckEgM"></div>
                                </div>
                            </form>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

   <?php include('footer.php') ?>
   <script>
    document.addEventListener("DOMContentLoaded", function() {
        var secondMenuItem = document.querySelector('.mobile_menu .menu_list li:nth-child(6)');
        secondMenuItem.classList.add('current_menu_item');
        var secondMenuItem2 = document.querySelector('.slicknav_nav .menu_list li:nth-child(6)');
        secondMenuItem2.classList.add('current_menu_item');
    });
</script>