<div class="container">
  <div class="row">
    <div class="col-sm-4 col-sm-offset-0 col-md-3 col-md-offset-18">
      <div class="widget">
        <form>
          <p class="widget-title h5">Send Email</p>
          <div class="form-group">
            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-smile-o"></i></span>
              <input type="text" class="form-control" placeholder="Your Name">
            </div>
          </div>
          <div class="form-group">
            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
              <input type="email" class="form-control" placeholder="Email Address">
            </div>
          </div>
          <div class="form-group">
            <textarea class="form-control" rows="3" placeholder="Message"></textarea>
          </div>
          <button type="submit" class="button button-primary button-rounded button-small text-uppercase">Send Message</button>
        </form>
      </div>    </div>
    <div class="col-sm-4 col-sm-offset-0 col-md-3">
      <div class="widget">
        <form data-toggle="validator" class="form-validator">
          <p class="widget-title h5">Validator</p>
      
          <div class="form-group has-feedback">
            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-user"></i></span>
              <input type="text" class="form-control" placeholder="Your Name" required>
            </div>
            <div class="help-block with-errors"></div>
            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
          </div>
      
          <div class="form-group has-feedback">
            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-twitter"></i></span>
              <input type="text" pattern="^[_A-z0-9]{1,}$" maxlength="15" class="form-control" placeholder="Twitter Account" required>
            </div>
            <div class="help-block with-errors"></div>
            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
          </div>
      
          <div class="form-group has-feedback">
            <div class="input-group">
              <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
              <input type="email" aria-label="email" class="form-control" placeholder="Email Address" data-error="That email address is invalid" required>
            </div>
            <div class="help-block with-errors"></div>
            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
          </div>
      
          <div class="form-group has-feedback">
            <textarea class="form-control" rows="3" placeholder="Message" required></textarea>
            <div class="help-block with-errors"></div>
          </div>
      
          <button type="submit" class="button button-primary button-rounded button-small">Send Email</button>
        </form>
      </div>    </div>
    <div class="col-sm-4 col-sm-offset-0 col-md-3">
      <div class="widget">
        <form>
          <p class="widget-title h5">Send File</p>
      
          <div class="form-group">
            <input type="email" class="form-control" placeholder="Email Address">
            <small class="text-muted">We hate spam!</small>
          </div>
      
          <label class="file m-b-lg m-t">
            <input type="file">
            <span class="file-custom"></span>
          </label>
      
          <div class="form-group">
            <textarea class="form-control" rows="3" placeholder="Comment to the file"></textarea>
          </div>
          <button type="submit" class="button button-primary button-rounded button-small text-uppercase">Send File For a Review</button>
        </form>
      </div>    </div>
  </div>
</div>