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

<head>

	<title>Work In Europe</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>
	
	<style>
	    


   /* Hero Section Styling */
        .hero-section {
        
          padding: 100px 0;
        }
        
        /* Landscape iPad Video Container */
        .ipad-video-container {
          display: flex;
          justify-content: center;
          align-items: center;
        }
        
        .ipad-frame {
          position: relative;
          width: 1200px;
          height: 550px; /* Landscape orientation */
          background: #333;
          border-radius: 5px;
          overflow: hidden;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* iPad Top and Bottom Elements */
        .ipad-frame::before {
          content: '';
          position: absolute;
          top: 10px;
          left: 50%;
          transform: translateX(-50%);
          width: 40px;
          height: 4px;
          background-color: #555;
          border-radius: 10px;
        }
        
        .ipad-frame::after {
          content: '';
          position: absolute;
          bottom: 15px;
          left: 50%;
          transform: translateX(-50%);
          width: 30px;
          height: 30px;
          background-color: #444;
          border-radius: 50%;
        }
        
        /* Video Styling */
        .video {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 10px;
        }
      
            
            
            /* Responsive Adjustments */
            @media (max-width: 768px) {
              .cta-button {
                font-size: 1rem;
                padding: 12px 25px;
              }
            }

        
        .reg-btn {
        	font-size: 30px;
    
        	color: #fff;
        	font-family: 'Montserrat', sans-serif;
        	text-transform: capitalize;
        	font-weight: bold;
        	border-radius: 7px;
        	border: 1px solid #9e1700;
        	border-bottom: 5px solid #9e1700;
        	display: inline-block;
        	padding: 20px 45px;
        	text-align: center;
        	background: #f83515;
            background: -moz-linear-gradient(top, #f83515 0%, #d62203 100%);
            background: -webkit-linear-gradient(top, #f83515 0%,#d62203 100%);
            background: linear-gradient(to bottom, #f83515 0%,#d62203 100%);
        	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f83515', endColorstr='#d62203',GradientType=0 );
        	-moz-transition: all 0.3s ease;
        	-o-transition: all 0.3s ease;
        	-webkit-transition: all 0.3s ease;
        	-ms-transition: all 0.3s ease;
        	transition: all 0.3s ease;
        	
        }
        .reg-btn:hover {
        	background: #9e1700;
            color: #fff;
        }
        
        .reg-btn span {
        	display: block;
        	font-size: 15px;
        	font-weight: 600;
        	text-transform: none;
        	font-style: italic;
        }
        
        
                    
            /* Responsive Adjustments */
            @media (max-width: 1024px) {
              .reg-btn {
                font-size: 24px;
                padding: 25px 45px;
              }
            }
            
            @media (max-width: 768px) {
              .reg-btn {
                font-size: 20px;
                padding: 20px 40px;
              }
            }
            
            @media (max-width: 480px) {
              .reg-btn {
                font-size: 18px;
                padding: 15px 30px;
              }
              .reg-btn span {
                font-size: 14px;
              }
            }
            
            .responsive-map{
                overflow: hidden;
                padding-bottom:390px;
                position:relative;
                height:0;
                }
                .responsive-map iframe{
                left:0;
                top:0;
                height:400px;
                width:100%;
                position:absolute;
                }
     
	</style>

</head>

<body>

	<main style="background-color: #f8f9fa;">

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

                <div class="container" style="margin-top: 50px;">
                    
                    <div class="row">
                        <div class="col-lg-10">
                            <h1 style="font-family: 'Ubuntu', sans-serif;">Work In Europe</h1>
                         
                        </div>
                        <div class="col-lg-2">
                            <a href="javascript:history.back()" class="btn btn-outline-danger border border-1 tebHeroBtnHot" style="font-family: 'Ubuntu', sans-serif; padding: 13px 40px 13px 30px; border-radius: 0px;" type="button">
                                <i class="fa-solid fa-arrow-left"></i> Back
                            </a>
                        </div>
                    </div>
                    
			    </div>
			    
			    
			    <section class="property-hero hero-section text-center py-5" style=" margin-top: -50px; " role="banner">
                    <div class="container">
                       
                        <!-- iPad Landscape Video Container -->
                         <div class="ipad-video-container mt-4 mb-3">
                            <div class="ipad-frame"> 
                                <img src="../assets/images/Package1.png" style="height: 600px; object-fit: cover;" class="card-img-top zoom" style="" alt="...">
                                
                            </div>
                        </div>  
                        
                        <div class="row g-3 mt-4">
                            
                             <div class="col-3">
                                  <img src="../assets/images/euro2.jpeg" data-bs-toggle="modal" data-bs-target="#galleryImage" class="d-block w-100 property_gallery_img" alt="...">
                             </div>
                             <div class="col-3">
                                  <img src="../assets/images/euro4.jpg" data-bs-toggle="modal" data-bs-target="#galleryImage" class="d-block w-100 property_gallery_img" alt="...">
                             </div>
                             <div class="col-3">
                                  <img src="../assets/images/euro1.jpg" data-bs-toggle="modal" data-bs-target="#galleryImage" class="d-block w-100 property_gallery_img" alt="...">
                             </div>
                             <div class="col-3">
                                  <img src="../assets/images/euro3.webp" data-bs-toggle="modal" data-bs-target="#galleryImage" class="d-block w-100 property_gallery_img" alt="...">
                             </div>
                             
                         </div>
                    </div>
                </section>
                
                
                <div class="container">
                    <div class="row">
                      
                        <div class="col-lg-12 pb-5">
                            <div class="card p-5">
                                <div style="display: flex; justify-content: space-between; align-items: center;">
                                    <h5 style="font-family: 'Ubuntu', sans-serif;">
                                      WORK IN EUROPE!
                                    </h5>
                                    <h2 style="font-family: 'Ubuntu', sans-serif; font-weight: 600; color: red; margin: 0;">
                                      
                                    </h2>
                                </div>
                                <hr>
                                <div class="row mt-1">
                                    <div class="col-12 ">
                                        <p style="margin: 0; color: gray; font-size: 1.01em; color: #343a40; font-family: 'Montserrat', sans-serif;">
                                           Start a new life in top Schengen countries with job guarantees, visa support, and accommodation.
                                        </p>
                                       
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                        
                         <div class="col-lg-12 pb-5">
                            <div class="card p-5">
                                <h5 align="left" style="font-family: 'Ubuntu', sans-serif;">Package Highlights:</h5>
                                <hr>
                               <div class="row g-4 mt-1">
                                    <div class="col-1 d-none d-md-block">
                                        <div align="right">
                                            <img width="40" height="40" src="https://img.icons8.com/pastel-glyph/128/checked--v3.png" style="color: blue;" alt="checked--v3"/>
                                       </div>
                                    </div>
                                    <div class="col-10">
                                        <p style="margin: 0; color: gray; font-size: 1em; color: #343a40; font-family: 'Montserrat', sans-serif;">
                                          <b>100% Guaranteed Visa</b> – All applicants get full visa assistance and support for smooth approval.
                                        
                                        </p>
                                    </div>
                                    <div class="col-1 "></div>
                                    
                                    
                                    <div class="col-1 d-none d-md-block">
                                        <div align="right">
                                            <img width="40" height="40" src="https://img.icons8.com/pastel-glyph/128/checked--v3.png" style="color: blue;" alt="checked--v3"/>
                                       </div>
                                    </div>
                                    <div class="col-10">
                                        <p style="margin: 0; color: gray; font-size: 1em; color: #343a40; font-family: 'Montserrat', sans-serif;">
                                          <b> 100% Guaranteed Job</b> – Pre-arranged job offers in hospitality, logistics, manufacturing, and more.
                                          
                                        </p>
                                    </div>
                                    <div class="col-1 "></div>
                                    
                                    <div class="col-1 d-none d-md-block">
                                        <div align="right">
                                            <img width="40" height="40" src="https://img.icons8.com/pastel-glyph/128/checked--v3.png" style="color: blue;" alt="checked--v3"/>
                                       </div>
                                    </div>
                                    <div class="col-10">
                                        <p style="margin: 0; color: gray; font-size: 1em; color: #343a40; font-family: 'Montserrat', sans-serif;">
                                          <b>Accommodation Available</b> – Affordable and safe housing options for your stay.
                                          
                                        </p>
                                    </div>
                                    <div class="col-1 "></div>
                                    
                                    
                                    <div class="col-1 d-none d-md-block">
                                        <div align="right">
                                            <img width="40" height="40" src="https://img.icons8.com/pastel-glyph/128/checked--v3.png" style="color: blue;" alt="checked--v3"/>
                                       </div>
                                    </div>
                                    <div class="col-10">
                                        <p style="margin: 0; color: gray; font-size: 1em; color: #343a40; font-family: 'Montserrat', sans-serif;">
                                          <b>Valid Work Permit</b> – Legally approved work permit for long-term employment.
                                          
                                    </div>
                                    <div class="col-1 "></div>
                                    
                                    <div class="col-1 d-none d-md-block">
                                        <div align="right">
                                            <img width="40" height="40" src="https://img.icons8.com/pastel-glyph/128/checked--v3.png" style="color: blue;" alt="checked--v3"/>
                                       </div>
                                    </div>
                                    <div class="col-10">
                                        <p style="margin: 0; color: gray; font-size: 1em; color: #343a40; font-family: 'Montserrat', sans-serif;">
                                          <b> Processing Time:</b> Only 3 months
                                          
                                    </div>
                                    <div class="col-1 "></div>
                                    
                                </div>
                            </div>
                        </div>
                        
                        <div class="d-flex justify-content-center pb-5">
                            <button class="reg-btn" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
                               Book a Reservation !!! <span>Get Instant Access to your Dream Holiday</span>
                            </button>
                        </div>
                    
                        <div class="col-lg-12 pb-5">
                            <div class="card p-5">
                                <h5 align="left" style="font-family: 'Ubuntu', sans-serif;">Why Travel with Zoe Exquisite Consult Ltd?:</h5>
                                <hr>
                                 <div class="row mt-1">
                                    <div class="col-12 ">
                                        
                                        
                                        
                                        <ul style="margin: 0; line-height:180%; padding-top: 20px; color: gray; font-size: 1.01em; color: #343a40; font-family: 'Montserrat', sans-serif;">
                                          <li>Experienced Nigerian-based education and migration consultants</li>
                                          <li>Professional visa application support</li>
                                          <li>Verified job listings with reliable European employers</li>
                                          <li>Airport pick-up and resettlement guidance</li>
                                          <li> No hidden fees or false promises</li>
                                        </ul> 
                                        
                                        
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    
                      
                    </div>
                </div>

            
			    
			     <!--============Gallery Modal==========->
		    <!-- Modal -->
                <div class="modal fade" id="galleryImage" tabindex="-1" aria-labelledby="galleryImageLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            
                              <div class="modal-body">
                                
                                <h4 style="font-family: 'Montserrat', sans-serif;">Holiday Gallery</h4>
                                <br>
                               
                               <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
                                    <div class="carousel-inner">
                                         <div class="carousel-item">
                                          <img src="../assets/images/euro2.jpeg" class="d-block w-100 property-gallery-carousel-image" alt="...">
                                        </div>
                                        <div class="carousel-item active">
                                          <img src="../assets/images/hoilday3.webp" class="d-block w-100 property-gallery-carousel-image" alt="...">
                                        </div>
                                        <div class="carousel-item">
                                          <img src="../assets/images/euro4.jpg" class="d-block w-100 property-gallery-carousel-image" alt="...">
                                        </div>
                                        <div class="carousel-item">
                                          <img src="../assets/images/euro1.jpg" class="d-block w-100 property-gallery-carousel-image" alt="...">
                                        </div>
                                         <div class="carousel-item">
                                          <img src="../assets/images/euro3.webp" class="d-block w-100 property-gallery-carousel-image" alt="...">
                                        </div>
                                    </div>
                                  
                                  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                                    <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="#carouselExampleControls" data-bs-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Next</span>
                                  </button>
                                  
                                  
                                </div>
                               
                               
                              </div>
                              
                              <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" style="background: #001219; padding: 7px 25px 7px 25px;">Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            <!--============Gallery Modal==========->
		    <!-- Modal -->
		  
			
			 <!--============Book Inspection Modal==========->
			 <!-- Modal -->
            <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                         <div class="modal-header d-flex flex-column align-items-center">
                            <h1 class="modal-title fs-5 text-center" style="font-family: 'Montserrat', sans-serif; font-size: 30px !important; font-weight: 800;" id="staticBackdropLabel">
                              Book Inspection
                            </h1>
                            <button type="button" class="btn-close position-absolute end-0 me-3" data-bs-dismiss="modal" aria-label="Close"></button>
                          </div>
                          <div class="modal-body">
                              <h4 class="mt-3 pl-3">Fill out the form to Proceed</h4>
                              
                                <form class="p-3 ">
                                    
                                    <div class="mb-3">
                                        <label class="form-label">Title: </label>
                                        <select class="form-select mb-3" aria-label=".form-select-lg example">
                                          <option selected>Select your Title</option>
                                          <option value="Mr">Mr</option>
                                          <option value="Mrs">Mrs</option>
                                          <option value="Miss">Miss</option>
                                          <option value="Dr">Dr</option>
                                          <option value="Prof.">Prof</option>
                                        </select>
                                    </div>
                                    <div class="mb-3">
                                        <label for="name" class="form-label">First Name:</label>
                                        <input type="text" class="form-control" id="" aria-describedby="textHelp">
                                       
                                    </div>
                                    <div class="mb-3">
                                        <label for="name" class="form-label">Last Name:</label>
                                        <input type="text" class="form-control" id="" aria-describedby="textHelp">
                                       
                                    </div>
                                    <div class="mb-3">
                                        <label for="exampleInputEmail1" class="form-label">Email address</label>
                                        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
                                       
                                    </div>
                                        
                                    <div class="mb-3">
                                        <label for="phone" class="form-label">Whatsapp No.</label>
                                        <br>
                                        <input type="tel" id="phone" class="form-control" placeholder="Enter your number">
                                    </div>

                                 
                                </form>
                          </div>
                          <div class="modal-footer justify-content-center">
                            <button type="button" class="btn btn-primary reg-btn  px-4 py-2"  style="width: 100%;" data-bs-dismiss="modal">
                                Submit
                            </button>
                        </div>

                    </div>
                 </div>
            </div>
            <!--============Book Inspection Modal==========->
		
			<!--============================-->
			<!--======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>

	    <script>
           const phoneInputField = document.querySelector("#phone");
           const phoneInput = window.intlTelInput(phoneInputField, {
              initialCountry: "ng",  // Set Nigeria as the default
              separateDialCode: true,
              utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"
           });
        </script>
	<!-- Js Files -->
	<!-- ============================================================== -->
	<script src="../js/global.js"></script>
	<script src="../assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

	
</body>

</html>
