Edoo – Moodle Theme Documentation

Contact Form

Contact Form

<!-- 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 -->