Current File : /home/vedfinancials/public_html/footer.php
<?php 
include 'superadmin/cn.php';

if(isset($_POST['submit']))
{
//   print_r($_POST);
//   die();
 
    date_default_timezone_set('Asia/Kolkata');
$curdate= date('d-m-Y H:i');

     $name= addslashes($_POST['name']);
     $email= addslashes($_POST['email']);
      $number= addslashes($_POST['number']);
     $loantype= addslashes($_POST['loantype']);
   
      
 $sql = "INSERT INTO `enquiries`(`name`, `number`, `date`) VALUES ('".$name."','".$number."','".$curdate."') ";
//  echo $sql;exit;
$result = $con->query($sql);



if($result){ 
echo '<script>
                    document.addEventListener("DOMContentLoaded", function () {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: "top-end",
                            showConfirmButton: false,
                            timer: 1000,
                            timerProgressBar: true,
                            didOpen: (toast) => {
                                toast.addEventListener("mouseenter", Swal.stopTimer);
                                toast.addEventListener("mouseleave", Swal.resumeTimer);
                                
                            },
                            customClass: {
                    container: "success-toast-container", // Add a custom class
                },
                        });
 
                        Toast.fire({
                            icon: "success",
                            title: "Submitted successful",
                        });

                        // Redirect to index.php after the toast
                        setTimeout(function() {
                            window.location.href = "thank-you.php";
                        }, 200);
                    });
                </script>';}
  else
      {  echo '<script>
                    document.addEventListener("DOMContentLoaded", function () {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: "top-end",
                            showConfirmButton: false, 
                            timer: 3000,
                            timerProgressBar: true,
                            didOpen: (toast) => {
                                toast.addEventListener("mouseenter", Swal.stopTimer);
                                toast.addEventListener("mouseleave", Swal.resumeTimer);
                            },
                        });

                        Toast.fire({
                            icon: "error",
                            title: "Not Submitted",
                        });
                    });
                 </script>';
          
      }      

}
?>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<footer>
        <section class="footer__area-common">
            <div class="container">
                <div class="footer__main">
                    <div class="footer__grid">
                        <div class="footer__widget">
                            <div class="footer__logo mb-30">
                                <a href="index.html">
                                    <img src="assets/imgs/logo-1.png" alt="logo not found">
                                </a>
                            </div>
                            <div class="footer__content">
                                <p>VED Financials is one of the leading loan services providers in Pune, India. We offer a wide range of loan products to suit the needs of individuals and businesses.</p>
                                
                            </div>
                        </div>
                        <div class="footer__widget">
                            <div class="footer__widget-title">
                                <h5>Useful Links</h5>
                            </div>
                            <div class="footer__link">
                                <ul>
                                    <li><a href="privacy-policy.php">Privacy Policy</a></li>
                                    <li><a href="terms-and-conditions.php">Terms & Conditions</a></li>
                                    <!--<li><a href="loan-calculator.php">Loan Calculator</a></li>-->
                                    
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="footer__widget">
                            <div class="footer__widget-title">
                                <h5>Our Services</h5>
                            </div>
                            <div class="footer__link">
                                <ul>
                                    <?php
 include("superadmin/cn.php"); 
        $sqlf ="SELECT * FROM `services` LIMIT 6";
        $runf =mysqli_query($con,$sqlf);
        $i=1;
        while($rowf = $runf->fetch_assoc()) {
            
        
        ?>
                                    <li><a href="service-details.php?id=<?php echo $rowf['id']; ?>"><?php echo $rowf['name']; ?></a></li>
                                    <?php } ?>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="footer__widget">
                            <div class="footer__widget-title">
                                <h5>Contact Us</h5>
                            </div>
                            <div class="footer__short-info">
                                <div class="info-icon">
                                    <span><i class="fa-solid fa-envelope"></i></span>
                                </div>
                                <div class="info-content">
                                    <p><a href="mailto:info@vedfinancials.com"><span>info@vedfinancials.com</span></a></p>
                                </div>
                                
                            </div>
                            <br>
                            <div class="footer__short-info">
                                <div class="info-icon">
                                    <span><i class="fa-solid fa-phone"></i></span>
                                </div>
                                <div class="info-content">
                                    <p><a href="tel:+91-9850732215"><span>+91-9850732215</span></a></p>
                                </div>
                                
                            </div>
                            <br>
                            <div class="footer__short-info">
                                <div class="info-icon">
                                    <span><i class="fa-solid fa-phone"></i></span>
                                </div>
                                <div class="info-content">
                                    <p><a href="tel:+91-9764904777"><span>+91-9764904777</span></a></p>
                                </div>
                                
                            </div>
                            <br>
                            <div class="footer__short-info">
                                <div class="info-icon">
                                    <span><i class="fa-solid fa-map-marker"></i></span>
                                </div>
                                <div class="info-content">
                                    <p><a href="#"><span>1305, Solus Business Park, Hiranandani Estate, Thane (W), Mumbai - 400607</span></a></p>
                                </div>
                                
                            </div>
                            <br>
                            <div class="footer__short-info">
                                <div class="info-icon">
                                    <span><i class="fa-solid fa-map-marker"></i></span>
                                </div>
                                <div class="info-content">
                                    <p><a href="https://maps.app.goo.gl/QAVpBx5sDzQdnxaX7"><span>Office No. 3 , First Floor, Jeevangad Bldg, Lane No.14 , Prabhat Road, Pune – 411004</span></a></p>
                                </div>
                                
                            </div>
                            <br>
                            <div class="footer__social">
                                <a href="https://www.facebook.com/VEDFinancial77"><i class="fa-brands fa-facebook"></i></a>
                                <a href="https://www.instagram.com/vedfinancials77/"><i class="fa-brands fa-instagram"></i></a>
                               
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer__bottom">
                    <div class="footer__copyright">
                        <p>Copyright © <?php echo date("Y");?> All Rights Reserved. Made With❤️ in भारत by <a href="https://www.dnmediaz.com/">DN Mediaz</a></p>
                    </div>
                    <div class="footer__conditions">
                        <ul>
                            <li><a href="faq.php">FAQ</a></li>
                            <li><a href="contact.php">Contact Us</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </footer>
    <style>
        .sidebar-contact{
  position:fixed;
  top:50%;
  left:-350px;
  transform:translateY(-50%);
  width:350px;
  height:auto;
  padding:40px;
  background:#fff;
  box-shadow: 0 20px 50px rgba(0,0,0,.5);
  box-sizing:border-box;
  transition:0.5s;
  z-index:9999;
}
.sidebar-contact.active{
  left:0;
}
.sidebar-contact input,
.sidebar-contact textarea{
  width:100%;
  height:36px;
  padding:5px;
  margin-bottom:10px;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.5);
  outline:none;
  color:#000;
}
.sidebar-contact h2{
  margin:0 0 20px;
  padding:0;
}
.sidebar-contact textarea{
  height:60px;
  resize:none;
}
.sidebar-contact input[type="submit"]{
  background:#00bcd4;
  color:#fff;
  cursor:pointer;
  border:none;
  font-size:18px;
}
.toggle{
  position:absolute;
  height:48px;
  width:48px;
  text-align:center;
  cursor:pointer;
  background:#f00;
  top:0;
  right:-48px;
  line-height:48px;
}

@media(max-width:768px)
{
  .sidebar-contact{
    width:100%;
    height:100%;
    left:-100%;
    z-index:9999;
  }
  .sidebar-contact .toggle{
    top:50%;
    transform:translateY(-50%);
    transition:0.5s;
  }
  .sidebar-contact.active .toggle
  {
    top:0;
    right:0;
    transform:translateY(0);
  }
  .scroll{
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content{
    padding:50px 50px;
  }
}
    </style>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" >
   
     <script   src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <div class="sidebar-contact">
    <div class="toggle">
      
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="30" height="30" fill="#fff">
<g>
	<g>
		<path d="M346,319c-5.522,0-10,4.477-10,10v69c0,27.57-22.43,50-50,50H178.032c-5.521,0-9.996,4.473-10,9.993l-0.014,19.882
			l-23.868-23.867c-1.545-3.547-5.081-6.008-9.171-6.008H70c-27.57,0-50-22.43-50-50V244c0-27.57,22.43-50,50-50h101
			c5.522,0,10-4.477,10-10s-4.478-10-10-10H70c-38.598,0-70,31.402-70,70v154c0,38.598,31.402,70,70,70h59.858l41.071,41.071
			c1.913,1.913,4.47,2.929,7.073,2.929c1.287,0,2.586-0.249,3.821-0.76c3.737-1.546,6.174-5.19,6.177-9.233L188.024,468H286
			c38.598,0,70-31.402,70-70v-69C356,323.477,351.522,319,346,319z"/>
	</g>
</g>
<g>
	<g>
		<path d="M366.655,0h-25.309C261.202,0,196,65.202,196,145.346s65.202,145.345,145.345,145.345h25.309
			c12.509,0,24.89-1.589,36.89-4.729l37.387,37.366c1.913,1.911,4.469,2.927,7.071,2.927c1.289,0,2.589-0.249,3.826-0.762
			c3.736-1.548,6.172-5.194,6.172-9.238v-57.856c15.829-12.819,28.978-29.012,38.206-47.102
			C506.687,190.751,512,168.562,512,145.346C512,65.202,446.798,0,366.655,0z M441.983,245.535
			c-2.507,1.889-3.983,4.847-3.983,7.988v38.6l-24.471-24.458c-1.904-1.902-4.458-2.927-7.07-2.927c-0.98,0-1.97,0.145-2.936,0.442
			c-11.903,3.658-24.307,5.512-36.868,5.512h-25.309c-69.117,0-125.346-56.23-125.346-125.346S272.23,20,341.346,20h25.309
			C435.771,20,492,76.23,492,145.346C492,185.077,473.77,221.595,441.983,245.535z"/>
	</g>
</g>
<g>
	<g>
		<path d="M399.033,109.421c-1.443-20.935-18.319-37.811-39.255-39.254c-11.868-0.815-23.194,3.188-31.863,11.281
			c-8.55,7.981-13.453,19.263-13.453,30.954c0,5.523,4.478,10,10,10c5.522,0,10-4.477,10-10c0-6.259,2.522-12.06,7.1-16.333
			c4.574-4.269,10.552-6.382,16.842-5.948c11.028,0.76,19.917,9.649,20.677,20.676c0.768,11.137-6.539,20.979-17.373,23.403
			c-8.778,1.964-14.908,9.592-14.908,18.549v24.025c0,5.523,4.478,10,10,10c5.523,0,10-4.477,9.999-10v-23.226
			C386.949,148.68,400.468,130.242,399.033,109.421z"/>
	</g>
</g>
<g>
	<g>
		<path d="M363.87,209.26c-1.86-1.86-4.44-2.93-7.07-2.93s-5.21,1.07-7.07,2.93c-1.86,1.86-2.93,4.44-2.93,7.07
			c0,2.64,1.071,5.22,2.93,7.08c1.86,1.86,4.44,2.92,7.07,2.92s5.21-1.06,7.07-2.92c1.86-1.87,2.93-4.44,2.93-7.08
			C366.8,213.7,365.729,211.12,363.87,209.26z"/>
	</g>
</g>
<g>
	<g>
		<path d="M275,310H64c-5.522,0-10,4.477-10,10s4.478,10,10,10h211c5.523,0,10-4.477,10-10S280.522,310,275,310z"/>
	</g>
</g>
<g>
	<g>
		<path d="M282.069,368.93C280.21,367.07,277.63,366,275,366s-5.21,1.07-7.07,2.93c-1.861,1.86-2.93,4.44-2.93,7.07
			s1.07,5.21,2.93,7.07c1.86,1.86,4.44,2.93,7.07,2.93s5.21-1.07,7.069-2.93c1.861-1.86,2.931-4.43,2.931-7.07
			C285,373.37,283.929,370.79,282.069,368.93z"/>
	</g>
</g>
<g>
	<g>
		<path d="M235.667,366H64c-5.522,0-10,4.477-10,10s4.478,10,10,10h171.667c5.523,0,10-4.477,10-10S241.189,366,235.667,366z"/>
	</g>
</g>
<g>
	<g>
		<path d="M210,254H64c-5.522,0-10,4.477-10,10s4.478,10,10,10h146c5.523,0,10-4.477,10-10S215.522,254,210,254z"/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

    </div>
    <h4 style="color:#000">Contact Us</h4>
    <div class="scroll">
    <form action="" method="post">
        
            <label>Name</label>
                                                    <input type="text" placeholder="Enter Name" name="name" required style="padding:10px;">
                                               
       <label>Phone Number</label>
      <input type="text" name="number" placeholder="Phone Number" required style="padding:10px;" id="numericInput" oninput="validateInput(this)" maxlength="10">
     
    <button type="submit" name="submit" class="bd-gradient-btn">Submit Now<span><i class="fa-regular fa-angle-right"></i></span></button>
    </form>
    </div>
  </div>
  <script>
function validateInput(input) {
  // Remove non-numeric characters
  input.value = input.value.replace(/[^0-9]/g, '');

  // Limit the length to 10 characters
  if (input.value.length > 10) {
    input.value = input.value.slice(0, 10);
  }
}
</script>
   <script>
        $(document).ready(function(){
  $('.toggle').click(function(){
    $('.sidebar-contact').toggleClass('active')
    $('.toggle').toggleClass('active')
  })
})
    </script>
    
     <style>
       
.adminActions {
  position: fixed;
  bottom: 35px; left: 35px;
}

  .adminButton {
    height: 60px;
    width: 60px;
    background-image: var(--bd-gradient-1);
    border-radius: 50%;
    display: block;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
  }

    .adminButton i {
      font-size: 22px;
    }

  .adminButtons {
    position: absolute;
    width: 100%;
    bottom: 120%;
    text-align: center;
  }

    .adminButtons a {
      display: block;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      text-decoration: none;
      margin: 10px auto 0;
      line-height: 1.15;
      color: #fff;
      opacity: 0;
      visibility: hidden;
      position: relative;
      box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3);
    }

      .adminButtons a:hover {
        transform: scale(1.05);
      }

      .adminButtons a:nth-child(1) {background-color: #000; transition: opacity .2s ease-in-out .3s, transform .15s ease-in-out;}
      .adminButtons a:nth-child(2) {background-color: #000; transition: opacity .2s ease-in-out .25s, transform .15s ease-in-out;}
      .adminButtons a:nth-child(3) {background-color: #000; transition: opacity .2s ease-in-out .2s, transform .15s ease-in-out;}
      .adminButtons a:nth-child(4) {background-color: #000; transition: opacity .2s ease-in-out .15s, transform .15s ease-in-out;}

      .adminActions a i {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
      }

  .adminToggle {
    -webkit-appearance: none;
    position: absolute;
    border-radius: 50%;
    top: 0; left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 2;
    transition: box-shadow .2s ease-in-out;
    box-shadow: 0 3px 5px 1px rgba(51, 51, 51, .3);
  }

    .adminToggle:hover {
      box-shadow: 0 3px 6px 2px rgba(51, 51, 51, .3);
    }

    .adminToggle:checked ~ .adminButtons a {
      opacity: 1;
      visibility: visible;
    }
    </style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <div class="adminActions">
	<input type="checkbox" name="adminToggle" class="adminToggle" />
	<a class="adminButton" href="#!"><i class="fa fa-share-alt"></i></a>
	<div class="adminButtons">
		<a href="https://www.facebook.com/VEDFinancial77" title="Follow Us On Facebook"><i class="fa fa-facebook"></i></a>
		<a href="https://www.instagram.com/vedfinancials77/" title="Follow Us On Instagram"><i class="fa fa-instagram"></i></a>
		
		<a href="tel:+91-9764904777" title="Call Us"><i class="fa fa-phone"></i></a>
		
		<a href="https://maps.app.goo.gl/anmTTBndusne42Vs6" title="Locate Us"><i class="fa fa-map-marker"></i></a>
		
		
	
	</div>
</div>