
<!DOCTYPE html>
<html lang="en">

<head>

	<title>Contact Us</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="author" content="Maxfundz" />
	<meta name="description" content="Maxfund, helps send money swiftly and securely to suppliers 
	and partners across the globe. From Nigeria to destinations like China, Dubai, and beyond — 
	experience reliable transfers for your business needs.">
	<meta name="keywords" content="The best real estate in abuja.">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- FAVICON AND TOUCH ICONS -->
	<link rel="shortcut icon" href="../assets/images/maxIcon.png" type="image/x-icon">
	<link rel="icon" href="../assets/images/website_images/maxIcon.png" type="image/x-icon">
	<link rel="apple-touch-icon" sizes="152x152" href="../assets/images/maxIcon.png">
	<link rel="apple-touch-icon" sizes="120x120" href="../assets/images/maxIcon.png">
	<link rel="apple-touch-icon" sizes="76x76" href="../assets/images/maxIcon.png">
	<link rel="apple-touch-icon" href="../assets/images/maxIcon.png">
	<link rel="icon" href="../assets/images/maxIcon.png" type="image/x-icon">
	<link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="../css/style.css" id="theme" rel="stylesheet">

	<!-- font awesome cn -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gotham-fonts@1.0.0/dist/gotham-fonts.min.css">
	<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    
    <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>


	<style>
		.navbarstyle {
			box-shadow: 0 2px 5px 0 #D3D3D3;
			background-color: white;
		}

		.navbar-brandimg {
			width: 205px;
			padding: 0.4%;
			margin-left: 6%;
		}

		.navbar-nav-style {
			margin-left: 10%;
		}

		.fform {
			margin-right: 4%;
		}

		.dotted-img {
			width: 120px;
			margin-top: 14%;
			margin-left: -11%;
		}

		.dotted-imgsec {
			width: 120px;
			margin-top: 2%;
			margin-left: 47%;
		}

		.aftwriteup {
			margin-left: 8%;
			margin-top: 6%;
			font-size: 17px;
			color: #3A3A3A;
		}

		.appbtn {
			border: 2px solid #007bff;
			width: 180px;
			border-radius: 10px;
			padding: 2%;
			font-weight: 550;
		}

		.startbtn {
			background-color: #007bff;
			color: white;
			width: 150px;
			border-radius: 10px;
			padding: 2%;
			font-size: 16px;
		}

		.startbtn:hover {
			color: white;
		}

		.btndiv {
			margin-left: 8%;
			margin-top: 9%;
			font-size: 17px;
		}

		.containerimg {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0%;
		}

		.containerimg img {
			width: 120%;
			height: auto;
		}

		.home .home-text h1 {
			font-size: 35px;
			font-weight: 600;
			margin-left: 8%;
		}

		.home .home-text p {
			overflow: hidden;
		}

		.home .home-text p span {
			font-size: 30px;
			font-weight: 600;
			margin-left: 8%;
			display: inline-block;
			display: none;
		}

		.home .home-text p span.text-in {
			display: block;
			animation: textIn .5s ease;
		}

		.home .home-text p span.text-out {
			animation: textOut .5s ease;
		}

		@keyframes textIn {
			0% {
				transform: translateY(100%);
			}

			100% {
				transform: translateY(0%);
			}
		}

		@keyframes textOut {
			0% {
				transform: translateY(0%);
			}

			100% {
				transform: translateY(-100%);

			}
		}

		

		.featuretxt {
			color: #3A3A3A;
			margin-top: 10px;
			font-size: 21px;
			font-weight: 500;
			margin-left: 10%;
		}

		@media screen and (max-width: 767px) {
			.navbarstyle {
				box-shadow: none;
				background-color: white;
				width: 100%;
			}

			.navbar-brandimg {
				width: 30%;
				margin-left: 0%;
			}

			.navbar-nav-style {
				margin-left: 0%;
			}

			.startbtn {
				margin-top: 10px;
				width: 180px;
			}

			.featuretxt {
				font-size: 10px;
			}
		}

		@media only screen and (min-width: 768px) and (max-width:912px) {
			.navbarstyle {
				box-shadow: none;
				background-color: white;
				width: 100%;
			}

			.navbar-brandimg {
				width: 30%;
				margin-left: 0%;
			}

			.navbar-nav-style {
				margin-left: 0%;
			}
		}

		select:focus,
		input:focus,
		textarea:focus,
		button:focus {
			outline: none;
			border: none;
		}

		.image-container {
			display: flex;
			margin-left: 30%;
		}

		.image-container img {
			position: relative;
			margin-right: -45px;
		}

		.image-container img:last-child {
			margin-right: 0;
		}

		.image-container img:nth-child(1) {
			z-index: 6;
		}

		.image-container img:nth-child(2) {
			z-index: 5;
			left: -23px;
		}

		.image-container img:nth-child(3) {
			z-index: 4;
			left: -35px;
		}

		.image-container img:nth-child(4) {
			z-index: 3;
			left: -62px;
		}

		.image-container img:nth-child(5) {
			z-index: 2;
			left: -84px;
		}

		.image-container img:nth-child(6) {
			z-index: 1;
			left: -100px;
		}
		
		.bg-image {
          position: relative;
          background-image: url('../assets/images/case1.jpg'); /* Replace with your image path */
          background-size: cover;
          background-position: center;
          height: 100%; /* Adjust height as needed */
          border-top-left-radius: 200px;
          overflow: hidden; /* Ensures the overlay follows the border radius */
        }
        
       .bg-image::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.7); /* Increase the alpha value here for more opacity */
          border-top-left-radius: 200px;
          z-index: 1;
        }
        
        .dis {
          position: relative;
          z-index: 2; /* Ensures content is above the overlay */
        }
        
        
         .responsive-map{
                overflow: hidden;
                padding-bottom:390px;
                position:relative;
                height:600px;
                }
                .responsive-map iframe{
                left:0;
                top:0;
                height:600px;
                width:100%;
                position:absolute;
                }
        
        

	</style>

</head>

<body>

	<main>

			<!--==============================================-->
			<!---===============Heaader Section===============-->
			<?php include '../includes/page-header.php';?>
            <!--==============================================-->
			<!---===============Heaader Section===============-->

			<div style="width: 100%;">

                <!--============================-->
                <!--=========Hero Banner Section-->     
                    <div class="aboutHerobanner pb-5">
                        
                        <div class="container-fluid mb-5 aboutHerobannerOverlay" >
                            <div class="row">
                                <div class="col-12">
                                    <div align="center" >
                                        <h1 class="pageAbt_Text">Contact Us</h1>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                <!--============================-->
                <!--=========Hero Banner Section-->
                
                
                <div class="container-fluid bg-image pb-5" style="margin-top: 100px; margin-bottom: 0px;">
                    <div class="row dis">
                        
                        <div class="col-lg-6 col-md-6 col-sm-6 shadow-sm" >
                            
                           <h1 style="color: white; margin-left: 40px; font-weight: 800; margin-top: 150px;">
                               Get in Touch with  <span style="color: #E4B533;">Maxfund:</span> <br> Your Trusted Partner in Global Transfers
                            </h1>
                           <h6 style="color: white; margin-left: 40px; margin-top: 20px;">
                               Whether you have questions, need assistance with a transaction, or are ready to explore our services,
                               the Maxfund team is here to help! Reach out to us today, and experience seamless support, tailored 
                               solutions, and a commitment to your financial success.
                               
                            </h6>
                           
                           <div style="margin-left: 40px; margin-top: 100px;">
                               
                               <div class="textwidget pt-2 mb-3" style="color: #fff; font-size: 18px; display: flex; align-items: center; font-family: 'Gotham', Arial, sans-serif;">
                                    <i class="fa-solid fa-location-dot" style="font-size: 25px; margin-right: 10px;"></i> 
                                    <span>
                                        <p style="margin: 0; font-weight: bold;">Address:</p>
                                        <small>Road 4, House 2038, Treasure View Estate, Asokoro, Abuja, Nigeria.</small>
                                    </span>
                                </div>
                            
                                <div class="row mt-3">
                                    <!-- Phone Section -->
                                    <div class="col-lg-6 ">
                                        <div class="textwidget mb-3 d-flex align-items-center" style="color: #fff; font-size: 18px; font-family: 'Space Grotesk', Arial, sans-serif;">
                                            <i class="fa-solid fa-phone" style="font-size: 25px; margin-right: 10px;"></i> 
                                            <span>
                                                <p style="margin: 0; font-weight: bold;">Phone:</p>
                                                <small>08023475637, 08023475637</small>
                                            </span>
                                        </div>
                                    </div>
                                    
                                    <!-- Email Section -->
                                    <div class="col-lg-6">
                                        <div class="textwidget d-flex align-items-center" style="color: #fff; font-size: 18px; font-family: 'Space Grotesk', Arial, sans-serif;">
                                            <i class="bx bx-envelope" style="font-size: 25px; margin-right: 10px;"></i> 
                                            <span>
                                                <p style="margin: 0; font-weight: bold;">Email:</p>
                                                <small>info@maxfundgroup.com</small>
                                            </span>
                                        </div>
                                    </div>
                                </div>

                            
                               
                           </div>
                           
                           
                        </div>
                      
                      
                        <div class="col-lg-6 col-md-6 col-sm-6 shadow-sm" style="background-color: #f9f9f9; padding: 50px; border-radius: 10px;">
                            <form id="contactForm p-4">
                                
                                <h1 class="mb-3">Send a Mail</h1>
                                
                                <div class="mb-3">
                                    <label for="firstname" class="form-label fw-bold">First Name:</label>
                                    <input type="text" class="form-control" id="firstname" required>
                                    <div class="invalid-feedback">Please enter your first name.</div>
                                </div>
                    
                                <div class="mb-3">
                                    <label for="lastname" class="form-label fw-bold">Last Name:</label>
                                    <input type="text" class="form-control" id="lastname" required>
                                    <div class="invalid-feedback">Please enter your last name.</div>
                                </div>
                    
                                <div class="mb-3">
                                    <label for="phonenumber" class="form-label fw-bold">Phone Number:</label>
                                    <input type="tel" class="form-control" id="phonenumber" required pattern="^[0-9]+$" title="Please enter a valid phone number.">
                                    <div class="invalid-feedback">Please enter a valid phone number.</div>
                                </div>
                    
                                <div class="mb-3">
                                    <label for="subject" class="form-label fw-bold">Subject:</label>
                                    <input type="text" class="form-control" id="subject" required>
                                    <div class="invalid-feedback">Please enter the subject.</div>
                                </div>
                    
                               
                                <div class="mb-3">
                                    <label for="message" class="form-label fw-bold">Message:</label>
                                    <textarea class="form-control" id="message" rows="4" required></textarea>
                                    <div class="invalid-feedback">Please enter your message.</div>
                                </div>
                    
                                <div class="d-grid gap-2">
                                    <button class="btn fw-bold text-white" id="submitContactForm" style="background-color: black;" type="submit">Submit</button>
                                </div>
                            </form>
                        </div>
                        
                    </div>
                </div>
                
                
                <div class="container-fluid">
                    <div class="row ">
                        <div class="col-12 ">
                            <div class="responsive-map">
                                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d3151.8354345092426!2d7.4947544!3d9.0683468!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sng!4v1730464709938!5m2!1sen!2sng" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                            </div>
                           
                        </div>
                    </div>
                </div>
                
                
                
               

				

<script>
    // Function to validate the form and handle form submission
document.getElementById("submitContactForm").addEventListener("click", function(event){
    event.preventDefault();  // Prevent the default form submission

    // Get the form
    var form = document.getElementById("contactForm");

    // Check if the form is valid
    if (form.checkValidity() === false) {
        // Add bootstrap validation classes
        form.classList.add('was-validated');
        return;
    }

    // Collect form data if valid
    var firstName = document.getElementById("firstname").value;
    var lastName = document.getElementById("lastname").value;
    var phoneNumber = document.getElementById("phonenumber").value;
    var subject = document.getElementById("subject").value;
    var location = document.getElementById("location").value;
    var message = document.getElementById("message").value;

    // Format the message for WhatsApp with asterisks around field names
    var whatsappMessage = `Contact Us Form Submission:
    *First Name:* ${firstName}
    *Last Name:* ${lastName}
    *Phone Number:* ${phoneNumber}
    *Subject:* ${subject}
    *Location:* ${location}
    *Message:* ${message}`;

    // WhatsApp API link (replace with your WhatsApp number)
    var whatsappNumber = "2347063859559";  // Your WhatsApp number in international format
    var whatsappUrl = `https://wa.me/${whatsappNumber}?text=${encodeURIComponent(whatsappMessage)}`;

    // Open WhatsApp with the pre-filled message
    window.open(whatsappUrl, '_blank');
});

</script>

			</div>

			<!--============================-->
			<!--======Contact Us Section====-->
			<?php // include '../includes/contact-us.php';?>
			<!--============================-->
			<!--======Contact Us Section====-->
		
		</main>
		<!-- Footer Start -->
		<?php include '../includes/footer.php';?>
		<!-- Footer End -->

	
	<!-- Js Files -->
	<!-- ============================================================== -->
	<script src="../js/global.js"></script>
	<script src="../assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

	
</body>

</html>
