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

<head>

	<title>The Management</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="author" content="ZOE EXQUISITE" />
	<meta name="description" content="Zoe Exquisite Consults offers expert travel and visa assistance, 
	including flight bookings, visa processing, passport services, accommodation, tours, airport pickups, 
	and travel consulting. Plan your journey with ease!">
	<meta name="keywords" content="The best Travel Agent in Nigeria.">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<!-- FAVICON AND TOUCH ICONS -->
	<link rel="shortcut icon" href="../assets/images/zoeIcon.png" type="image/x-icon">
	<link rel="icon" href="../assets/images/website_images/zoeIcon.png" type="image/x-icon">
	<link rel="apple-touch-icon" sizes="152x152" href="../assets/images/zoeIcon.png">
	<link rel="apple-touch-icon" sizes="120x120" href="../assets/images/zoeIcon.png">
	<link rel="apple-touch-icon" sizes="76x76" href="../assets/images/zoeIcon.png">
	<link rel="apple-touch-icon" href="../assets/images/zoeIcon.png">
	<link rel="icon" href="../assets/images/zoeIcon.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;
		}
	</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">The Management</h1>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                <!--============================-->
                <!--=========Hero Banner Section-->
                
                
                	<!--============================-->
    			<!--==OUR TEAM==-->
    			<div class="trustedby pb-5 pt-5" >
    				<div class="container">
    					<div  class="row pt-2 pb-2">
                            <div class="col-lg-12">
                                <p align="center" class="core-value">
                                  Meet The Management Board</p>
                                <h1 align="center" style="font-family: 'Ubuntu', sans-serif;">The Management</h1>
                            </div>
                            <div class="col-lg-2"></div>
                            <div class="col-lg-8">
                                
                            </div>
                            <div class="col-lg-2"></div>
                        </div
                        
                        <div class="row" >
                            <div class="col-12">
                               
                                <div class="row g-4 pt-5">
                                   <div class="col-lg-6 col-md-6 col-sm-12">
                                        <a href="#" style="text-decoration: none; color: black">
                                            <div class="card zoom-card zoom border-0" style="width: 100%; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;">
                                                
                                                <div class="card-body">
                                                    
                                                    <div align="center">
                                                        
                                                        <img style="width: 100%; margin-top: 10px; object-fit: cover; height: 450px; border-radius: 10px;" src="../assets/images/madam1.jpg" alt="Zoe Exquisite Consults">
                                                       
                                                    </div>
                                                    
                                                    <h5 class="card-title mt-4" align="center" style="font-family: 'Gotham', Arial, sans-serif; font-weight: 600;">Franca Obasi</h5>
                                                   
                                                    <p class="card-text" style="font-size: 13.5px; text-align: center; font-family: 'Space Grotesk' !important; font-weight: 400;">
                                                      Founder/CEO. Zoe Exquisite
                                                    </p>
                                                    
                                                   
                                                    
                                                </div>
                                            </div>
                                        </a>
                                   </div>
                                   
                                    <div class="col-lg-6 col-md-6 col-sm-12">
                                        
                                   </div>
                                   
                                 
                               </div>
                                 
                            </div>
                        </div>
                        
    				</div>
    			</div>
    			<!--============================-->
    			<!--==OUR TEAM==--> 

    		
    		
    	    	<!--============================-->
			<!--==Testimonials==-->
		
			 <section class="py-3 bg-light" style="margin-top: 30px;" id="testimonials">
                <div class="container">
                    <h1 class="text-center mb-4 pt-5" style="font-family: 'Ubuntu', sans-serif;">Testimonials</h1>
                    <p class="text-center mb-5" style="font-family: 'Space Grotesk' !important; color: black; padding: 0px 50px 20px 50px;">
                        See what our Prestigious clients say about their Zoe Exquisite Travels.
                    </p>
                    
                    <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            
                            <!-- Testimonial 1 -->
                            <div class="carousel-item active">
                                <div class="row justify-content-center">
                                    <div class="col-lg-10">
                                        <div class="card border-0 shadow-sm p-5 text-center">
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <img style="width: 250px; height: 250px; border-radius: 20px;" src="../assets/images/client1.jpg" alt="Zoe Exquisite Client Photo">
                                                </div>
                                                <div class="col-lg-8">
                                                    <p class="card-text" style="font-family: 'Space Grotesk' !important;">
                                                        "Our family had always dreamed of a perfect getaway, and Zoe Exquisite Consults made it a reality! From securing our visas 
                                                        and booking our flights to arranging a breathtaking stay in Madagascar, they handled everything seamlessly. 
                                                        They found us the best beachfront resort, organized guided tours to explore the stunning wildlife, and even ensured 
                                                        smooth airport pickups. The attention to detail and personalized service made our trip stress-free and truly unforgettable. 
                                                        Thanks to Zoe Exquisite Consults, we had the adventure of a lifetime!"
                                                    </p>
                                                    <h5 class="mt-3" style="font-family: 'Ubuntu', sans-serif;">– The Chris Eze Family</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Testimonial 2 -->
                            <div class="carousel-item">
                                <div class="row justify-content-center">
                                    <div class="col-lg-10">
                                        <div class="card border-0 shadow-sm p-5 text-center">
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <img style="width: 250px; height: 250px; border-radius: 20px;" src="../assets/images/client2.jpg" alt="Zoe Exquisite Client Photo">
                                                </div>
                                                <div class="col-lg-8">
                                                    <p class="card-text" style="font-family: 'Space Grotesk' !important;">
                                                        "Visiting my husband in Australia felt like an overwhelming process until I found Zoe Exquisite Consults. 
                                                        From visa application to flight booking, they handled every detail with professionalism and care. 
                                                        They guided me through the paperwork, ensured my documents were in order, and even secured a great 
                                                        flight deal that fit my schedule. Their support didn’t stop there—they helped me with accommodation 
                                                        options and made sure my arrival was stress-free. Thanks to Zoe Exquisite Consults, I was able to reunite
                                                        with my husband without any worries. I’m truly grateful for their exceptional service!"
                                                    </p>
                                                    <h5 class="mt-3" style="font-family: 'Ubuntu', sans-serif;">— Amara O.</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- Testimonial 3 -->
                            <div class="carousel-item">
                                <div class="row justify-content-center">
                                    <div class="col-lg-10">
                                        <div class="card border-0 shadow-sm p-5 text-center">
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <img style="width: 250px; height: 250px; border-radius: 20px;" src="../assets/images/client3.jpg" alt="Zoe Exquisite Client Photo">
                                                </div>
                                                <div class="col-lg-8">
                                                    <p class="card-text" style="font-family: 'Space Grotesk' !important;">
                                                        "My brother and I had always dreamed of studying in Europe, but the visa process seemed 
                                                        complicated—until we found Zoe Exquisite Consults. From the moment we got our admission 
                                                        letters to securing our student visas for Austria, they guided us every step of the way. 
                                                        They helped us prepare the necessary documents, provided expert advice on proof of funds, 
                                                        and ensured our applications were flawless. Within weeks, our visas were approved! Thanks to
                                                        their professionalism and support, we are now in Austria, pursuing our studies stress-free. 
                                                        Zoe Exquisite Consults truly made our dream come true!"
                                                    </p>
                                                    <h5 class="mt-3" style="font-family: 'Ubuntu', sans-serif;">– David & Sarah I.</h5>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        
                        <!-- Carousel Controls -->
                        <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev" aria-label="Previous">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Previous</span>
                        </button>
                        <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next" aria-label="Next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="visually-hidden">Next</span>
                        </button>
                        
                        <!-- Carousel Indicators -->
                        <div class="text-center mt-4">
                            <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button>
                            <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                            <button type="button" data-bs-target="#testimonialCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
                        </div>
                        
                    </div>
                </div>
            </section>

			<!--============================-->
			<!--==Testimonials==--> 
                
                
			</div>

			<!--============================-->
			<!--======Contact Us Section====-->
			<?php include '../includes/page-contact.php';?>
			<!--============================-->
			<!--======Contact Us Section====-->
		
		</main>
		<!-- Footer Start -->
		<?php include '../includes/footer.php';?>
		<!-- Footer End -->
    <script>
        function sendToWhatsApp() {
            const title = document.getElementById('title').value;
            const name = document.getElementById('name').value;
            const email = document.getElementById('email').value;
            const whatsapp = document.getElementById('whatsapp').value;
            const alertBox = document.getElementById('formAlert');
        
            if (!name || !email || !whatsapp || title === "Select your Title") {
              alertBox.style.display = 'block';
              return;
            }
        
            alertBox.style.display = 'none'; // hide alert if fields are filled
        
            const message = `Hello, my name is ${title} ${name}.%0AEmail: ${email}%0AWhatsApp: ${whatsapp}.%0A%0AI would like to book a consultation.`;
            const phoneNumber = "2347063953090"; // Replace leading 0 with 234
        
            const url = `https://wa.me/${phoneNumber}?text=${message}`;
            window.open(url, '_blank');
        }
        </script>
	
	<!-- Js Files -->
	<!-- ============================================================== -->
	<script src="../js/global.js"></script>
	<script src="../assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

	
</body>

</html>
