diff options
Diffstat (limited to 'views/contact.html')
| -rw-r--r-- | views/contact.html | 65 |
1 files changed, 63 insertions, 2 deletions
diff --git a/views/contact.html b/views/contact.html index 4775e4c..04caed4 100644 --- a/views/contact.html +++ b/views/contact.html @@ -7,8 +7,69 @@ <header> <% include header.html %> </header> - <h1>Contact</h1> - + <div class="container"> + <div class="row"> + <div class="col-lg-8 col-lg-offset-2"> + <h3>Contact Us</h3> + <form id="contact-form" method="post" action="#" role="form"> + <div class="messages"></div> + + <div class="controls"> + + <div class="row"> + <div class="col-md-6"> + <div class="form-group"> + <label for="form_name">Firstname *</label> + <input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your firstname *" required="required" data-error="Firstname is required."> + <div class="help-block with-errors"></div> + </div> + </div> + <div class="col-md-6"> + <div class="form-group"> + <label for="form_lastname">Lastname *</label> + <input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Please enter your lastname *" required="required" data-error="Lastname is required."> + <div class="help-block with-errors"></div> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-6"> + <div class="form-group"> + <label for="form_email">Email *</label> + <input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required."> + <div class="help-block with-errors"></div> + </div> + </div> + <div class="col-md-6"> + <div class="form-group"> + <label for="form_phone">Phone</label> + <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone"> + <div class="help-block with-errors"></div> + </div> + </div> + </div> + <div class="row"> + <div class="col-md-12"> + <div class="form-group"> + <label for="form_message">Message *</label> + <textarea id="form_message" name="message" class="form-control" placeholder="Message for us *" rows="4" required="required" data-error="Please,leave us a message."></textarea> + <div class="help-block with-errors"></div> + </div> + </div> + <div class="col-md-12"> + <input type="submit" class="btn btn-success btn-send" value="Send message"> + </div> + </div> + <div class="row"> + <div class="col-md-12"> + <p class="text-muted"><strong>*</strong> These fields are required.</p> + </div> + </div> + </div> + </form> + </div> + </div> + </div> <footer class="footer"> <% include footer.html %> </footer> |