To use the contact form functionality with Edoo, make sure the required plugin is installed and configured properly.
Install the Contact Form plugin from the official Moodle plugin directory:
🔗 https://moodle.org/plugins/local_contact
✅ This plugin must be installed and active for the contact form to work.
For full configuration details and usage instructions, refer to the plugin’s documentation:
📚 https://github.com/michael-milette/moodle-local_contact
Below is the contact form shortcode used in the Edoo theme. You can paste this into any HTML block or content area where you want the form to appear:
<!-- Start Contact Us Area -->
<div class="contact-us-area ptb-130">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="border p-4 p-lg-5 rounded-2">
<div class="mb-4 mb-lg-5 mw-500 m-auto text-center">
<h2 class="fs-2">Get In Touch</h2>
</div>
<form>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">First name</label>
<div class="col-sm-9">
<input type="text" class="form-control">
</div>
</div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Email</label>
<div class="col-sm-9">
<input type="Email" class="form-control">
</div>
</div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Telephone</label>
<div class="col-sm-9">
<input type="number" class="form-control">
</div>
</div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Company</label>
<div class="col-sm-9">
<input type="text" class="form-control">
</div>
</div>
<div class="border-bottom pt-4 mb-5"></div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">City</label>
<div class="col-sm-9">
<input type="text" class="form-control">
</div>
</div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Country</label>
<div class="col-sm-9">
<select class="form-select form-control" aria-label="Default select example">
<option selected>United States</option>
<option value="1">United Kingdom</option>
<option value="2">Canada</option>
</select>
</div>
</div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">State</label>
<div class="col-sm-9">
<input type="text" class="form-control">
</div>
</div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Zip</label>
<div class="col-sm-9">
<input type="number" class="form-control">
</div>
</div>
<div class="border-bottom pt-4 mb-5"></div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Interested In</label>
<div class="col-sm-9">
<select class="form-select form-control" aria-label="Default select example">
<option selected>Not Specified</option>
<option value="1">United Kingdom</option>
<option value="2">Canada</option>
</select>
</div>
</div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Number Of People</label>
<div class="col-sm-9">
<input type="text" class="form-control">
</div>
</div>
<div class="border-bottom pt-4 mb-5"></div>
<div class="row mb-4">
<label class="col-sm-3 col-form-label text-secondary fw-semibold">Your Message</label>
<div class="col-sm-9">
<textarea class="form-control" cols="30" rows="6"></textarea>
</div>
</div>
<div class="row mb-0">
<label class="col-sm-3"></label>
<div class="col-sm-9">
<button type="submit" class="btn btn-primary bg-success text-secondary hover">
Submit Now
<i class="flaticon-right-arrow"></i>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-4">
<div class="card p-4 p-lg-5 rounded-2 mb-4 mt-4 mt-lg-0">
<h3 class="fs-3 mb-3">Contact Us</h3>
<ul class="ps-0 mb-0 list-unstyled">
<li class="mb-2">
<span class="fw-semibold text-secondary">Toll Free:</span>
<span>1-6433-6433-534356</span>
</li>
<li class="mb-2">
<span class="fw-semibold text-secondary">Fax Number:</span>
<span>535-86655-2723</span>
</li>
<li class="mb-0">
<span class="fw-semibold text-secondary">Email Us:</span>
<span><a href="mailto:[email protected]">[email protected]</a></span>
</li>
</ul>
</div>
<div class="card p-4 p-lg-5 rounded-2 mb-0">
<h3 class="fs-3 mb-3">Our Address</h3>
<p>Edoo, Inc.201 West Hilton Street, Suite ZY 113Fayetteville, NY 13066-1313</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Contact Us Area -->