Loms – Moodle Theme Documentation

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>