1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<div class="contact-us">
    <div class="column-wrapper">
        <div class="wrapper-get">
            <h3>Get in Touch with Us</h3>
            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
        </div>
    </div>
    <div class="alert alert-success hidden" id="contactSuccess"><strong>Success!</strong> Your message has been sent to us.</div>
    <div class="alert alert-error hidden" id="contactError"><strong>Error!</strong> There was an error sending your message.</div>
    <div class="contactForm">
        <div class="row">
            <div class="form-group name">
                <div class="col-md-12 form-name form-icon">
                    <input type="text" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="name" id="name" placeholder="Name" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="form-group email">
                <div class="col-md-12 form-email form-icon">
                    <input type="email" data-msg-required="Please enter your email address." data-msg-email="Please enter a valid email address." maxlength="100" class="form-control" name="email" id="email" placeholder="Email *" />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="form-group message">
                <div class="col-md-12 form-message form-icon">
                    <textarea maxlength="5000" data-msg-required="Please enter your message." rows="10" class="form-control" name="message" id="message" placeholder="Message *"></textarea>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <input type="submit" value="Send Message" class="btn btn-primary btn-lg" data-loading-text="Loading..." />
            </div>
        </div>
    </div>
</div>