Source of: /ADI/email/contact_us_template.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
   <title>Contact us</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <script src="https://www.google.com/recaptcha/api.js" async defer></script>
   <script type="text/javascript">
         function onHuman(response) {
           document.getElementById('captcha').value = response;
         }
   </script>
   <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   <style>
   .jumbotron {
   background: #358CCE;
   color: #FFF;
   border-radius: 0px;
   }
   .jumbotron-sm { padding-top: 24px;
   padding-bottom: 24px; }
   .jumbotron small {
   color: #FFF;
   }
   .h1 small {
   font-size: 24px;
   }
   </style>
  </head>
  <body>
   <div class="jumbotron jumbotron-sm">
     <div class="container">
       <div class="row">
         <div class="col-sm-12 col-lg-12">
           <h1 class="h1"> Contact us <small>Feel free to contact us</small></h1>
         </div>
       </div>
     </div>
   </div>
   <div class="container">
     <div class="row">
       <div class="col-md-8">
         <div class="well well-sm">
           <form action="contact_action.php" method="post" >
             <div class=" row"="">
             <div class="col-md-6">
               <div class="form-group"> <label for="name"> Name</label>
                 <input class="form-control" id="name"
                   placeholder="Enter your name" required="required"
                   name="name" type="text"> </div>
               <div class="form-group"> <label for="email"> Email
                   Address</label>
                 <div class="input-group"> <span
                     class="input-group-addon"><span class="glyphicon
                       glyphicon-envelope"></span> </span> <input
                     class="form-control" id="email" placeholder="valid email"
                     required="required" name="email"
                     type="email"></div>
               </div>
               <div class="form-group"> <label for="reCAPTCHA"> Are you human?
                   </label>
                   <div class="input-group">
                       <div class="g-recaptcha" data-callback="onHuman" data-sitekey="<?php echo $sitekey; ?>"></div>
                       <input type="hidden" id="captcha" name="captcha" value="">
                   </div>
               </div>
              
              
             </div>
             <div class="col-md-6">
               <div class="form-group"> <label for="name"> Message</label>
                 <textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required" placeholder="Message"></textarea>
               </div>
             </div>
             <div class="col-md-12"> <button type="submit" class="btn
                 btn-primary pull-right" id="btnContactUs"> Send
                 Message</button> </div>
                
           </form>
         </div>
       </div>
     </div>
     <div class="col-md-4">
       <form> <legend><span class="glyphicon glyphicon-globe"></span>
           Our office</legend>
         <address> <strong>DAW, Inc.</strong><br>
           DEEI FCT C1 1.63<br>
           Universidade do Algarve<br>
           Campus de Gambelas<br>
           P8005-139 Faro<br>
           <abbr title="Phone"> Phone:</abbr> (351) 289 800 905 </address>
           <address> <strong>Email</strong><br>
           <a href="mailto:#">deei@fct.ualg.pt</a> </address>
       </form>
     </div>
   </div>
  </body>
</html>