Contact Form

Contact Form

Contact Form

To setup the contact form please make sure the Contact Form plugin is installed and activated on your site.

Go to the page and click add a block button, click Text block, and the provide following contact form code into the content field:

<div class="contact-area pb-100">
	<div class="container">
		<div class="section-title">
			<h2>Leave Us A Message Anytime</h2>
			<p>Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Convallis Vel Feugiat Dolor Nam Ullamcorper.</p>
		</div>

		<div class="contact-form">
			<form id="contactForm" action="../../local/contact/index.php">
				<div class="row">
					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="text" name="name" id="name" class="form-control" placeholder="Name">
						</div>
					</div>

					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="email" name="email" id="email" class="form-control" required placeholder="Email">
						</div>
					</div>

					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="text" name="phone_number" id="phone_number" required class="form-control" placeholder="Phone No">
						</div>
					</div>

					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="text" name="msg_subject" id="msg_subject" class="form-control" required placeholder="Subject">
						</div>
					</div>

					<div class="col-lg-12">
						<div class="form-group">
							<textarea name="message" class="form-control" id="message" cols="30" rows="6" required placeholder="Your Message"></textarea>
						</div>
					</div>

					<input type="hidden" id="sesskey" name="sesskey" value="">
					<script>document.getElementById('sesskey').value = M.cfg.sesskey;</script>

					<div class="col-lg-12 col-md-12 text-center">
						<button type="submit" class="default-btn">
							Send Message
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>