<footer class="bg-violet position-relative">

    <div class="container pt-5">
        <div class="row">
            <div class="col-lg-7">
                <img src="images/logo.png" class="logo" alt="logo footer">
                <div class="contact row">
                    <div class="col-lg-6 text-white"><i class="fas fa-map-marker-alt me-2"></i>Row House No 11, Being
                        Addictive
                        Chaitanya Hou. Soc, Senapati Bapat Rd, opp. JW MARRIOTT HOTEL, Gokhalenagar, Pune, Maharashtra
                        411016</div>
                    <div class="col-lg-3 text-white">
                        <h5 class="col text-yellow">Get In Touch:</h5>
                        +91
                        9049310008
                    </div>
                    <div class="col-lg-3 text-white">
                        <h5 class="col text-yellow">Connect With Us:</h5>
                        <ul class="d-flex text-whie">
                            <li class="text-white me-2"> <a href="#" class="text-white"><i
                                        class="fab fa-facebook-f"></i></a>
                            </li>
                            <li class="text-white me-2"> <a href="#" class="text-white"><i
                                        class="fab fa-instagram"></i></a>
                            </li>
                            <li class="text-white me-2"> <a href="#" class="text-white"><i
                                        class="fas fa-envelope"></i></a>
                            </li>
                    </div>

                </div>
                <div class="row widgets mt-3">
                    <div class="col-lg-4 text-white">
                        <h5 class="col text-yellow">Get Started</h5>
                        <a href="#" class="text-white">Order The Cheese Box</a> <br>
                        <a href="#" class="text-white">Gift a Cheese Box</a> <br>
                        <a href="#" class="text-white">Get The App</a></p>
                        </ul>
                    </div>
                    <div class="col-lg-4 text-white">
                        <h5 class="col text-yellow">Get Help</h5>
                        <a href="#" class="text-white">FAQ's</a> <br>
                        <a href="#" class="text-white">Contact Us</a> <br>
                        <a href="#" class="text-white">Client Review</a>
                    </div>
                    <div class="col-lg-4 text-white">
                        <h5 class="col text-yellow">Get More</h5>

                        <a href="#" class="text-white">Privacy Policy</a> <br>
                        <a href="#" class="text-white">Terms of Service</a> <br>
                        <a href="#" class="text-white">We're Hiring</a>

                    </div>
                </div>
            </div>

            <div class=" col-lg-5  shipping">
                <h5 class="text-white">Let’s <strong>Co-Create</strong><br>Some Reel Magic</h5>
                <!-- <a href="#" class="text-yellow">read about shipping costs</a> -->
            </div>
            <!-- <div class="col-xl-6 col-lg-6 col-md-12 shipping">
                 <h5 class="col text-yellow">We’re <strong>shipping</strong><br> all over the world</h5>
                 <a href="#" class="text-white">read about shipping costs</a>
            </div> -->
        </div>

    </div><!-- /.container -->
    <div class="lower-footer mt-5 bg-darkvio">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col text-center text-white py-3">
                    Designed and Developed By Being Addictive
                </div>
            </div>
        </div>
    </div><!-- /.lower-footer -->

</footer>
<!-- Footer End -->


<!-- Copyright Start -->
<!-- <div class="container-fluid bg-dark copyright py-4 mb-5 mb-lg-0">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6 text-md-start text-center mb-3 mb-md-0 text-white">
                &copy; <?= date('Y'); ?> Symbiosis Skills and
                Professional University
            </div>
            <div class="col-lg-6 text-md-end text-center">
                <p class="mb-0  text-white">Designed & Developed by Being Addictive</p>
            </div>
        </div>
    </div>
</div> -->
<!-- Copyright End -->


<!-- Back to Top -->
<a href="#" class="btn btn-lg bg-light text-dark btn-lg-square rounded-circle back-to-top"><i
        class="bi bi-arrow-up"></i></a>
<!-- <a href="https://docs.google.com/forms/d/1gW5roKnUEk9ewU4vrxomH8zUHv1ItkOai8YYUDFQqRA/viewform?pli=1&pli=1&edit_requested=true)"
    target="_blank" class="btn c_btn px-4 right_button bg-red py-2">
   sectioter Now
</a> -->
<button type="button" class="btn c_btn px-4 right_button bg-red py-2" data-bs-toggle="modal"
    data-bs-target="#contactModal">
    Open Contact Form
</button>

<!-- Contact Modal -->
<div class="modal form-modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content text-white rounded-4">
            <form class="p-5">
                <div class="modal-header border-0">
                    <h5 class="modal-title text-white" id="contactModalLabel">Contact Form</h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>

                <div class="modal-body pt-0">

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="firstName" class="form-label">First Name</label>
                            <input type="text" class="form-control" id="firstName" placeholder="Enter first name">
                        </div>
                        <div class="col-md-6">
                            <label for="lastName" class="form-label">Last Name</label>
                            <input type="text" class="form-control" id="lastName" placeholder="Enter last name">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="phoneNumber" class="form-label">Phone Number</label>
                        <input type="tel" class="form-control" id="phoneNumber" placeholder="Enter phone number">
                    </div>

                    <div class="mb-3">
                        <label for="address" class="form-label">Address</label>
                        <textarea class="form-control" id="address" rows="2" placeholder="Enter address"></textarea>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="city" class="form-label">City</label>
                            <input type="text" class="form-control" id="city" placeholder="Enter city">
                        </div>
                        <div class="col-md-6">
                            <label for="state" class="form-label">State</label>
                            <input type="text" class="form-control" id="state" placeholder="Enter state">
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="message" class="form-label">Message</label>
                        <textarea class="form-control" id="message" rows="3"
                            placeholder="Write your message here"></textarea>
                    </div>
                </div>

                <div class="modal-footer d-flex justify-content-center border-0">
                    <button type="submit" class="btn register-now text-white py-2 px-3 mt-3">Submit</button>
                </div>
            </form>
        </div>
    </div>
</div>


<!-- <a href="images/Conference_schedule.pdf" download="Conference Schedule"
    class="btn c_btn2 download_btn px-4 right_button2 bg-green py-2">
    Conference Schedule
</a> -->