File: /var/www/html/WPYadBatya/wp-content/themes/yad-batya/page-contact-us.php
<?php /* Template Name: Contact Us Page */
get_header();
?>
<section class="banner-space-wrap">
<div class="get-banner">
<div class="container custom-container">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="pagination">
<ul class="listing">
<li><a href="<?php echo esc_url(site_url()); ?>">Home</a></li>
<li><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 330 330">
<path
d="m250.606 154.389-150-149.996c-5.857-5.858-15.355-5.858-21.213.001-5.857 5.858-5.857 15.355.001 21.213l139.393 139.39L79.393 304.394c-5.857 5.858-5.857 15.355.001 21.213C82.322 328.536 86.161 330 90 330s7.678-1.464 10.607-4.394l149.999-150.004a14.996 14.996 0 0 0 0-21.213z">
</path>
</svg></li>
<li class="active"><a href="<?php echo esc_url(home_url('/get-involved')); ?>">Get Involved</a></li>
</ul>
</div>
<h1 class="title">Get <span>Involved</span></h1>
<p class="para">
Your wedding day will come and go, but may your love forever grow.
</p>
</div>
<div class="contact-write-wrap">
<a href="tel:7183774349">
<div class="contact-wrap">
<div class="ico-img">
<img src="<?php echo get_template_directory_uri(); ?>/img/phone-icon.svg" alt="">
</div>
<div class="txt">
<span>Contact us</span>
<span>718-377-4349</span>
</div>
<div class="ico-arrow">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 330 330">
<path
d="m250.606 154.389-150-149.996c-5.857-5.858-15.355-5.858-21.213.001-5.857 5.858-5.857 15.355.001 21.213l139.393 139.39L79.393 304.394c-5.857 5.858-5.857 15.355.001 21.213C82.322 328.536 86.161 330 90 330s7.678-1.464 10.607-4.394l149.999-150.004a14.996 14.996 0 0 0 0-21.213z" />
</svg>
</div>
</div></a>
<a href="mailto:info@yadbatya.org">
<div class="write-wrap">
<div class="ico-img">
<img src="<?php echo get_template_directory_uri(); ?>/img/msg-icon.svg" alt="">
</div>
<div class="txt">
<span>Write to us</span>
<span>info@yadbatya.org</span>
</div>
<div class="ico-arrow">
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 330 330">
<path
d="m250.606 154.389-150-149.996c-5.857-5.858-15.355-5.858-21.213.001-5.857 5.858-5.857 15.355.001 21.213l139.393 139.39L79.393 304.394c-5.857 5.858-5.857 15.355.001 21.213C82.322 328.536 86.161 330 90 330s7.678-1.464 10.607-4.394l149.999-150.004a14.996 14.996 0 0 0 0-21.213z" />
</svg>
</div>
</div></a>
</div>
</div>
</div>
</div>
</section>
<div class="form-wrap">
<img src="<?php echo get_template_directory_uri(); ?>/img/get-img-1.png" class="flower1" alt="">
<img src="<?php echo get_template_directory_uri(); ?>/img/get-img-2.png" class="flower2" alt="">
<form action="" class="form-container" id="volunteer-form" data-parsley-validate>
<div class="row">
<div class="col-md-6">
<div class="input-wrap">
<label for="fname" class="label-text">First Name<span class="red">*</span></label>
<input type="text" class="text" id="fname" name="fname" placeholder="Enter your first name" required data-parsley-error-message="Please enter your first name." maxlength="50">
</div>
</div>
<div class="col-md-6">
<div class="input-wrap">
<label for="lname" class="label-text">Last Name<span class="red">*</span></label>
<input type="text" class="text" id="lname" name="lname" placeholder="Enter your last name" required data-parsley-error-message="Please enter your last name." maxlength="50">
</div>
</div>
<div class="col-md-6">
<div class="input-wrap">
<label for="eemail" class="label-text">Email<span class="red">*</span></label>
<input type="email" class="text" id="eemail" name="email" placeholder="Enter your email" required data-parsley-error-message="Please enter your email." maxlength="100">
</div>
</div>
<div class="col-md-6">
<div class="input-wrap">
<label for="phnum" class="label-text">Phone Number<span class="red">*</span></label>
<input type="tel" class="text" id="phnum" name="phone" placeholder="Enter phone number" required
data-parsley-error-message="Please enter your phone number" maxlength="15"
pattern="[0-9]*" inputmode="numeric"
oninput="this.value = this.value.replace(/[^0-9]/g, '');" >
</div>
</div>
<div class="col-md-12">
<!-- <div class="input-wrap location">
<label for="location" class="label-text">Location/Address<span class="red">*</span></label>
<input type="text" class="text" id="location" fdprocessedid="w2ytr5" name="location" placeholder="Enter your location/address" required data-parsley-error-message="Location/Address is required." maxlength="200">
</div> -->
<div class="input-wrap location">
<label for="location" class="label-text">Location/Address <span class="red">*</span></label>
<div class="location-input-wrap">
<input type="text" class="text" id="location" placeholder="Enter your location/address"
fdprocessedid="w2ytr5" required data-parsley-trigger="blur" data-parsley-error-message="Please enter your location">
</div>
</div>
</div>
<div class="col-md-12">
<div class="head">
<span class="txt">Select the area you want to volunteer<span class="red">*</span></span>
</div>
<div class="radio-wrap">
<div class="form-check">
<input class="form-check-input" type="radio" name="volunteer_area" id="option1" value="Director" checked required>
<label class="form-check-label" for="option1">Director</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="volunteer_area" id="option2" value="Coordinator">
<label class="form-check-label" for="option2">Coordinator</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="volunteer_area" id="option3" value="Mentor">
<label class="form-check-label" for="option3">Mentor</label>
</div>
<div class="parsley-errors-list" id="volunteer-area-error"></div>
</div>
</div>
<div class="col-md-12">
<div class="input-wrap">
<label for="subject" class="label-text">Subject<span class="red">*</span></label>
<input type="text" class="text" id="subject" name="subject" placeholder="Enter your subject" required data-parsley-error-message="Please enter your subject." maxlength="100">
</div>
</div>
<div class="col-md-12">
<div class="input-wrap">
<label for="message" class="label-text">Message<span class="red">*</span></label>
<textarea class="textarea" id="message" name="message" placeholder="Enter your message" required data-parsley-error-message="Please enter your message." maxlength="500"></textarea>
</div>
</div>
<div class="col-md-12">
<div class="btn-wrap">
<button type="submit" class="btn contact-btn"><span>Submit</span><img src='<?php echo get_template_directory_uri(); ?>/img/arrow-right.svg' class="img" /></button>
</div>
<div id="form-message"></div>
</div>
</div>
</form>
</div>
<div class="partner-wrap">
<div class="container custom-container">
<div class="head-wrap">
<div class="tag full-bg"><img src="<?php echo get_template_directory_uri(); ?>/img/hand-flower-2.png" class="img" /> <span>Clients</span></div>
<h2 class="title">Our <span>Partners</span></h2>
<p class="para">Yad Batya L’Kallah aims to give our kallahs the very best quality in home goods that will last a lifetime.</p>
</div>
<div class="logo-wrap">
<div class="our-partner">
<div>
<figure class="img">
<img src="<?php echo get_template_directory_uri(); ?>/img/p-logo-1.png" alt="">
</figure>
</div>
<div>
<figure class="img">
<img src="<?php echo get_template_directory_uri(); ?>/img/p-logo-2.png" alt="">
</figure>
</div>
<div>
<figure class="img">
<img src="<?php echo get_template_directory_uri(); ?>/img/p-logo-3.png" alt="">
</figure>
</div>
<div>
<figure class="img">
<img src="<?php echo get_template_directory_uri(); ?>/img/p-logo-4.png" alt="">
</figure>
</div>
<div>
<figure class="img">
<img src="<?php echo get_template_directory_uri(); ?>/img/p-logo-5.png" alt="">
</figure>
</div>
<div>
<figure class="img">
<img src="<?php echo get_template_directory_uri(); ?>/img/p-logo-6.png" alt="">
</figure>
</div>
<div>
<figure class="img">
<img src="<?php echo get_template_directory_uri(); ?>/img/p-logo-7.png" alt="">
</figure>
</div>
</div>
</div>
</div>
</div>
<?php get_footer(); ?>