107 lines
5.5 KiB
PHP
107 lines
5.5 KiB
PHP
<div id="get-in-touch-page" class="popup-container">
|
||
|
||
|
||
<span id="close-btn" class="close-btn"><i class="fa-solid fa-xmark text-18 text-black"></i></span>
|
||
|
||
<div class="popup-container-inside ">
|
||
<div class="row">
|
||
<div class=" col-md-9 ">
|
||
<div class="inside1">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class=" col-md-3 ">
|
||
<div class="inside2">
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="inside-content">
|
||
<div class="row">
|
||
<div class=" col-md-7 " data-custom-animations="true"
|
||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||
<div
|
||
class="w-full p-30 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all mr-50 sm:mr-0">
|
||
|
||
<div class=" pt-10">
|
||
<h4 class="text-ter text-46">
|
||
Get in <span class="text-brand">touch</span>
|
||
</h4>
|
||
<h5 class="font-medium text-20">Book your <span class="font-bold">FREE
|
||
consultation </span>with Certified Counsellors</h5>
|
||
</div>
|
||
|
||
<form action="">
|
||
|
||
|
||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||
name="" id="" placeholder=" Name">
|
||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10 border-bottom" type="text"
|
||
name="" id="" placeholder=" Address">
|
||
|
||
<div class="flex justify-between items-center ">
|
||
|
||
<input class="w-60percent mb-10 rounded-6 py-15 text-14 px-10" type="email" name=""
|
||
id="" placeholder="Your Email">
|
||
<input class="w-30percent mb-10 rounded-6 py-15 text-14 px-10" type="number"
|
||
inputmode="numeric" name="" id="" placeholder="Contact">
|
||
</div>
|
||
|
||
<input class="w-full mb-10 rounded-6 py-15 text-14 px-10" type="text" name="" id=""
|
||
placeholder="Language Test Score (ilets overall: 7.0 )">
|
||
<input class="w-full mb-20 rounded-6 py-15 text-14 px-10" type="text" name="" id=""
|
||
placeholder="Recent Education Qualification">
|
||
<input class="mb-20" type="checkbox">
|
||
<label class="text-14 mb-20" for="">I accept the terms & conditions</label>
|
||
<button
|
||
class=" w-full py-10 bg-sec text-white rounded-10 text-16 border-0 button-hover">
|
||
<i class="fa-solid fa-paper-plane text-white text-16 pr-5"></i>
|
||
Send Message</button>
|
||
</form>
|
||
<div class="flex gap-40 py-30">
|
||
<div class="flex gap-30 items-center">
|
||
<i class="fa-solid fa-phone-volume text-black text-24"></i>
|
||
<div class="flex flex-col gap-5">
|
||
<h4 class="text-16 text-black">Phone</h4>
|
||
<a class="text-16 text-brand" href="tel+977-1234567890">+977-1234567890</a>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-30 items-center">
|
||
<i class="fa-solid fa-envelope text-black text-24"></i>
|
||
<div class="flex flex-col gap-5">
|
||
<h4 class="text-16 text-black">E-MAIL</h4>
|
||
<a class="text-16 text-brand"
|
||
href="mailto:info@raffles.com">info@raffles.com</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class=" col-md-5 map" data-custom-animations="true"
|
||
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
||
<iframe
|
||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.375435225042!2d85.32120487546732!3d27.70569227618345!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1907f7e2f099%3A0x517cd88424589879!2sRaffles%20Educare!5e0!3m2!1sen!2snp!4v1743144326514!5m2!1sen!2snp"
|
||
width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
|
||
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|