Mini Shell
<?php require_once('function-file.php');
require_once('function-menu.php');
require_once('function-testo-footer.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Home | Lanka Virtual Academy</title>
<?php commoncss();?>
<style>.margin-bot20{margin-bottom:20px;}.box{ border:1px solid #ddd;padding: 10px;}</style>
</head><!--/head-->
<body class="homepage">
<?php headermenu();?>
<section id="contact-info">
<div class="center">
<h2>How to Reach Us?</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
<div class="gmap-area">
<div class="container">
<div class="row">
<div class="col-sm-5 text-center">
<div class="gmap">
<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3959.6068176327476!2d80.53269231385204!3d7.055400318710788!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zN8KwMDMnMTkuNCJOIDgwwrAzMicwNS42IkU!5e0!3m2!1sen!2sin!4v1466144903621"></iframe>
</div>
</div>
<div class="col-sm-7 map-content">
<ul class="row">
<li class="col-sm-6">
<address>
<h5>Head Office</h5>
<p>1537 Flint Street <br>
Tumon, MP 96911</p>
<p>Phone:670-898-2847 <br>
Email Address:info@domain.com</p>
</address>
<address>
<h5>Zonal Office</h5>
<p>1537 Flint Street <br>
Tumon, MP 96911</p>
<p>Phone:670-898-2847 <br>
Email Address:info@domain.com</p>
</address>
</li>
<li class="col-sm-6">
<address>
<h5>Zone#2 Office</h5>
<p>1537 Flint Street <br>
Tumon, MP 96911</p>
<p>Phone:670-898-2847 <br>
Email Address:info@domain.com</p>
</address>
<address>
<h5>Zone#3 Office</h5>
<p>1537 Flint Street <br>
Tumon, MP 96911</p>
<p>Phone:670-898-2847 <br>
Email Address:info@domain.com</p>
</address>
</li>
</ul>
</div>
</div>
</div>
</div>
</section> <!--/gmap_area -->
<section id="contact-page">
<div class="container">
<div class="center">
<h2>Drop Your Message</h2>
<p class="lead">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="row contact-wrap">
<div class="status alert alert-success" style="display: none;text-align: center"></div>
<form action="#" method="post" id="contact">
<div class="col-sm-5 col-sm-offset-1">
<div class="form-group">
<label>Name *</label>
<input type="text" name="name" class="form-control" required>
</div>
<div class="form-group">
<label>Email *</label>
<input type="email" name="email" class="form-control" required>
</div>
<div class="form-group">
<label>Phone</label>
<input type="number" name="phone" class="form-control">
</div>
</div>
<div class="col-sm-5">
<div class="form-group">
<label>Subject *</label>
<input type="text" name="subject" class="form-control" required>
</div>
<div class="form-group">
<label>Message *</label>
<textarea name="message" id="message" required class="form-control" rows="8"></textarea>
</div>
<div class="form-group">
<button type="submit" name="submit" class="btn btn-primary btn-lg" required="required">Submit Message</button>
</div>
</div>
</form>
</div><!--/.row-->
</div><!--/.container-->
</section><!--/#contact-page-->
<?php testofooter(); newssletter(); ?>
<?php footer(); commonjs();?>
<script>
$('#contact').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'sendemail.php',
data: $('form').serialize(),
success: function (data) {
$(".alert-success").show();
$(".alert-success").html("Thank you for your message! We will respond to you as soon as possible");
$(".form-control").val('');
}
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0