芝麻web文件管理V1.00

489495df

编辑当前文件:/home3/mandnweb/mariananjie.co.uk/contact.php

<?php 
$page_title = "Contact Us - Professional Business Coach";
$keywords = 'Get in touch with Professional Business coach, business coach';
$meta_description = 'The Professional business coach in UK that you can trust. Get the best coach for your business, contact us for more details and we will get back to you.';
$active = 6;
require 'partials/head.php' ?>
</head>
<body>

<?php require 'partials/header.php'; ?>

<div class="main-content">
	<div class="page-header-section">								
		<div class="about-inner" style="background-image: url('/images/blue-header-bg.jpg');">
			<div class="overlay-primary-bg1 d-none"></div>	
			<div class="container z-index-3 is-relative">
				<div class="col-sm-12 ">
					<div class="inner d-flex justify-content-center flex-column is-light-transparent animation-element slide-left">									
						<h1 class="mb-1 slider-title height-auto text-white">Contact</h1>									
					</div>
				</div>
			</div>
		</div>				
	</div>

<div class="inner-content relative" style="z-index: 10;">
		
		<section class="section-row pb-5" style="background-color: #f3f3f3; ">
			<div class="container mb-5">
				<div class="text-center">
					<h1 class="section-title heading">We’d love to hear about your business needs.</h1>
					<p>To help us get an idea of what you need, please fill in this contact form and we’ll get right back to you.</p>
				</div>
			</div>
			<div class="container mb-5">
				<div class="row">
					<div class="col-12 col-sm-6 animation-element slide-left mobile-mb-4">
						<div class="mb-3" style="max-width: 320px;">
							<label><b style="font-weight: 800;">Our Location:</b></label>
							<p>Suite 4B Avebury House, 55 Newhall Street Birmingham West Midlands B3 3RB</p>
                            
						</div>
						<div class="mb-3">
							<label><b style="font-weight: 800;">Call Us:</b></label>
							<p><a href="tel:01213894649">0121 389 4649</a></p>
						</div>
						<div class="mb-3">
							<label><b style="font-weight: 800;">Whatsapp no:</b></label>														
							<p>
								<a href="https://wa.me/07484912822" class="font-semibold text-black"><i class="fa-brands fa-whatsapp md-size-icon color-secondary"></i> <span >07484912822 </span></a>
							</p>
						</div>
						<div class="mb-3">
							<label><b style="font-weight: 800;">Email Us:</b></label>
							<p><a href="mailto:info@mariananjie.com">info@mariananjie.com / mariana@mariananjie.com</a></p>
						</div>
						<div>
							<ul class="list-unstyled socials mb-0 color-primary " >
								<li><a href="https://www.facebook.com/https://www.instagram.com/MARIANANJIE/" class="border-50px"><i class="fab fa-facebook-f"></i></a></li>
								<li><a href="https://twitter.com/https://www.instagram.com/MARIANANJIE/" class="border-50px second2"><i class="fab fa-twitter"></i></a></li>
								<li><a href="https://instagram.com/https://www.instagram.com/MARIANANJIE/" class="border-50px second2"><i class="fab fa-instagram"></i></a></li>	
                                <li><a href="https://www.linkedin.com/company/mariananjie" class="border-50px second2"><i class="fa-brands fa-linkedin-in"></i></a></li>						
								<li><a href="https://www.youtube.com/channel/UCx2DuhDQipndkPl5QLtyGEA" class="border-50px second2"><i class="fab fa-youtube"></i></a></li>
								<li><a href="https://snapchat.com/add/MARIANANJIE" class="border-50px second2"><i class="fa-brands fa-snapchat"></i></a></li>
								
							</ul>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="mt-4 mb-4 text-center loader hidden"><img loading="lazy" width="149" height="96" src="images/loader.gif" alt="loading" /></div>
  						<div class="notif-message"></div>
						<form action="sendmail.php" method="POST" id="contactForm">
								<input type="hidden" name="form_type" value="1">
								<div class="form-group">
								    <label for="name">Name</label>
								    <input type="text" class="form-control" name="name" id="name" >
								</div>
								<div class="form-group">
								    <label for="email">Email</label>
								    <input type="email" class="form-control" name="email" id="email" >
								</div>								
								<div class="row">
									<div class="col-12 col-sm-6">
										<div class="form-group">
											<label for="phone">Phone</label>
											<input type="text" class="form-control" name="phone" id="phone">
										</div>
									</div>
									<div class="col-12 col-sm-6">
										<div class="form-group">
											<label for="services">Services</label>
											<select class="form-control" name="services">
												<option value="Personal Growth">Personal Growth</option>
												<option value="Career Ambition">Career Ambition</option>
												<option value="Business Coach">Business Coach</option>
												<option value="Business Startup">Business Startup</option>
												<option value="Workshops">Workshops</option>
												<option value="Training and Development">Training & Development</option>
												<option value="others">Others</option>
											</select>
										</div>
									</div>
								</div>	
								
								<div class="form-group">
								    <label for="phone">Message</label>
								    <textarea class="form-control" name="message" rows="6" id="message"></textarea>
								</div>
								<div class="mb-3">
									<div class="g-recaptcha" data-sitekey="6LfF5FMpAAAAAH6zzRhkMhaspqXkBX30FcajhKY4"></div>
								</div>
								<div>
									<input type="submit" name="submit" class="primary-btn force-btn" value="Submit">
								</div>
							
						</form>
					</div>
					
				</div>
			</div>			
		</section>
	</div>
</div>

<?php //require 'partials/widgets.php'; ?>

<?php $remove_form = 1; require 'partials/footer.php'; ?>
<?php require 'partials/foot.php'; ?>
<script type="text/javascript">
	$("#contactForm").submit(function(e) {
		var recaptcha = $("#g-recaptcha-response").val();
		if(recaptcha === ""){
			e.preventDefault();
			alert("Please Check Recaptcha.");
			return false;
		}

e.preventDefault(); // avoid to execute the actual submit of the form.

var form = $(this);
		var url = form.attr('action');
		form.siblings('.notif-message').empty();
		form.siblings('.loader').show();
		form.hide();
		
		$.ajax({
			type: "POST",
			url: url,
			data: form.serialize(),
			success: function(data){
		
				form.siblings('.loader').hide();
				// reset the form           
				form.siblings('.notif-message').append('<div class="success-notif notif text-center">Thank you for contacting us. We will get back to you as soon as possible.</div>');

form[0].reset();
				// location.reload();
			
			},
			error:function(data){
				form.siblings('.loader').hide();
				form.siblings('.notif-message').append('<div class="error-notif text-center">Something went wrong. ' + data.message + '</div>');
				form.show();
			}
			})
		    
	});
</script>
</body>

</html>