Text Forum

by turkr

HTML

<title>National Centre of Expertise</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href=".css">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
  
<body>
<div class="container-fluid bg-3 text-left" id="contact">
    <h3 id="contact"><span>CONTACT</span></h3>
    <div class="row">
      <div class="col-sm-5">
        <p>Contact us by..</p>
        <p><span class="glyphicon glyphicon-map-marker"></span> 191 prom du Portage, Gatineau, QC</p>
        <p><span class="glyphicon glyphicon-phone"></span> 613-123-456</p>
        <p><span class="glyphicon glyphicon-envelope"></span> [email protected]</p>
      </div>
      <div class="col-sm-7">
        <div class="row">
          <div class="col-sm-6 form-group" action="mailto:[email protected]">
            <input class="form-control" id="name" name="name" placeholder="Name" type="text">
          </div>
          <div class="col-sm-6 form-group">
            <input class="form-control" id="email" name="email" placeholder="Email" type="email">
          </div>
        </div>
        <textarea class="form-control" id="comments" name="comments" placeholder="Comment" rows="5"></textarea><br>
        <div class="row">
          <div class="col-sm-12 form-group">
            <button class="btn btn-default pull-right" type="submit">Send</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  </body>

CSS

.bg-3 {
  background-color: #474e5d;
  color: #ffffff;
}