123 lines
4.6 KiB
PHP
123 lines
4.6 KiB
PHP
<?php
|
|
/**
|
|
* Template Name: contact page
|
|
|
|
*/
|
|
get_header(); ?>
|
|
<section class="section-top" >
|
|
<div class="container">
|
|
<div class="col-lg-10 offset-lg-1 text-center">
|
|
<div class="section-top-title">
|
|
<h1>Get In Touch</h1>
|
|
<ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li class="ms-1"> / Contact</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="contact_area pt-0 overflow-hidden">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
|
|
<div class="section-title section-title111" style="opacity: 1; transform: none; will-change: auto;">
|
|
<h2>Do you have any Query?<br>Submit Your message.</h2>
|
|
</div>
|
|
<!-- Contact Form Section -->
|
|
<div class="col-lg-7 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
|
|
<div class="contact">
|
|
<form class="form" method="post" action="<?php echo esc_url(admin_url('admin-post.php')); ?>">
|
|
|
|
<?php wp_nonce_field('contact_form_nonce', 'contact_nonce'); ?>
|
|
<input type="hidden" name="action" value="submit_contact_form">
|
|
|
|
<div class="row">
|
|
|
|
<div class="form-group col-md-6">
|
|
<label>Name</label>
|
|
<input type="text" name="name" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
<label>Your Email</label>
|
|
<input type="email" name="email" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
<label>Your Contact Number</label>
|
|
<input type="text" name="contact_number" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
<label>Your Subject</label>
|
|
<input type="text" name="subject" class="form-control" required>
|
|
</div>
|
|
|
|
<div class="form-group col-md-12">
|
|
<label>Your Message</label>
|
|
<textarea rows="6" name="message" class="form-control" required></textarea>
|
|
</div>
|
|
|
|
<div class="col-md-12">
|
|
<button type="submit" class="view-events-btn">
|
|
<i class="fa-regular fa-paper-plane"></i> Send Message
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-sm-12 col-xs-12" style="opacity: 1; transform: none; will-change: auto;">
|
|
<div class="contact-section">
|
|
<!-- Google Map Section -->
|
|
<div class="map-container">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d349918.929166137!2d25.607028971741746!3d44.426763482132836!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40b20f8d4e9c22b3%3A0xe381d77b3f7bcf7d!2z0KDQvtCy0YDQsdGB0YLQuCDQu9Gf0YHQutCw!5e0!3m2!1sen!2sus!4v1588903576721!5m2!1sen!2sus"
|
|
allowfullscreen
|
|
aria-hidden="false"
|
|
tabindex="0">
|
|
</iframe>
|
|
</div>
|
|
|
|
<!-- Footer Section -->
|
|
|
|
</div>
|
|
</div>
|
|
<div class="contact-info">
|
|
<div class="contact-item">
|
|
<a href="mailto:needhelp@company.com">
|
|
<i class="fa-solid fa-envelope"></i>
|
|
<div class="data">
|
|
<span>needhelp@company.com</span>
|
|
<span>needhelp@company.com</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="contact-item">
|
|
<a href="tel:+90840938334">
|
|
<i class="fa-solid fa-phone"></i>
|
|
<div class="data">
|
|
<span>+90840938334</span>
|
|
<span>+977-9843484384</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="contact-item">
|
|
<a href="mailto:needhelp@company.com">
|
|
<i class="fa-solid fa-location-dot"></i>
|
|
<div class="data">
|
|
<span>Birgunj-15</span>
|
|
<span>Birgunj, Parsa</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<?php get_footer(); ?>
|