<!-- section 5 -->
<section class="best-mobile-section5 position-relative" id="contact">
    <div class="container">
        <div class="row g-3">
            <div class="col-md-6">
                <div class="mobile2-image-div position-relative">
                    <img src="<?=base_url()."assets/img/illustration.png.png"?>" class="mobile-image" alt="Mobile">
                </div>
            </div>
            <div class="col-md-6">
                <div class="best-mobile2-content">
                    <div class="best-mobile2-div">
                        <h2 class="best-mobile2-title">
                            Get In Touch
                        </h2>
                        <p class="best-mobile2-para">
                            It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
                        </p>
                        <form id="contactForm">
                            <div class="mb-3">
                                <label for="name" class="form-label">Name</label>
                                <input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
                            </div>
                            <div class="mb-3">
                                <label for="email" class="form-label">Email</label>
                                <input type="email" class="form-control" id="email" name="email" placeholder="Email" required>
                            </div>
                            <div class="mb-3">
                                <label for="phone" class="form-label">Phone</label>
                                <input type="text" class="form-control" id="phone" name="phone" placeholder="Phone" required>
                            </div>
                            <div class="mb-3">
                                <label for="message" class="form-label">Message</label>
                                <textarea class="form-control" id="message" name="message" placeholder="Message" rows="4" required></textarea>
                            </div>

                            <button type="submit" class="read-more-btn send-msg">Send Message</button>

                            <!-- <?php 
							// $response = "Message sent successfully!";
							// echo '<h2 class="best-mobile2-title response">' . $response . '</h2>';
							?> -->
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="footer-section">
    <div class="footer-content">
        <div class="footer-logo-div">
            <img src="<?=base_url()."assets/img/Logo@2x1.png"?>" class="footer-logo" alt="Logo">
        </div>
        <div class="footer-para-div">
            <p class="footer-para">
                Yahlove, the ultimate dating app, brings love and connection to
                a new level with its innovative podcast feature. Delight in meaningful
                conversations as you listen to engaging dating-themed podcasts, offering
                advice, success stories, and expert insights. Find your perfect match
                while enjoying the captivating world of love through the power of audio.
            </p>
        </div>
        <ul class="social-icons-list">
            <li class="social-icons-item">
                <a class="social-icons-atag" href="">
                    <img src="<?=base_url()."assets/img/Symbol.png"?>" class="icons-img" alt="Icon">
                </a>
            </li>
            <li class="social-icons-item">
                <a class="social-icons-atag" href="">
                    <img src="<?=base_url()."assets/img/Symbol1.png"?>" class="icons-img" alt="Icon">
                </a>
            </li>
            <li class="social-icons-item">
                <a class="social-icons-atag" href="">
                    <img src="<?=base_url()."assets/img/Symbol3.png"?>" class="icons-img" alt="Icon">
                </a>
            </li>
            <li class="social-icons-item">
                <a class="social-icons-atag" href="">
                    <img src="<?=base_url()."assets/img/Symbol4.png"?>" class="icons-img" alt="Icon">
                </a>
            </li>
        </ul>

        <div class="bottom-content-footer">
            <p class="copyright-para">Copyright © 2023 YehLove all right reserved</p>
        </div>
    </div>
</section>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="<?= base_url() . "/assets/js/script.js" ?>"></script>
</body>

</html>