<html>

<body>
  <div class="col-md-6 offset-md-3 mt-5">
    <a target="_blank" href="https://getform.io?ref=codepenHTML">
      <img alt="Getform.io Logo" src="https://i.imgur.com/Z2Nyxsm.png">
    </a>
    <br>
    <a target="_blank" href="https://getform.io?ref=codepenHTML" class="mt-3 d-flex">Getform.io | Get your free endpoint now</a>
    <h1>Simple Sales Lead Form</h1>
    <form accept-charset="UTF-8" action="https://getform.io/f/{your-form-endpoint-goes-here}" method="POST" enctype="multipart/form-data" target="_blank">
      <div class="form-group">
        <label for="exampleInputName">Full Name*</label>
        <input type="text" name="fullname" class="form-control" id="exampleInputName" placeholder="Your Name*" required="required">
      </div>
      <div class="form-group">
        <label for="exampleInputEmail1" required="required">Email address*</label>
        <input type="email" name="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Your Email*">
      </div>
      <div class="form-group">
        <label for="example-tel-input" class="col-form-label">Telephone</label>
         <input class="form-control" name="tel" type="tel" placeholder="1-(555)-555-5555" id="example-tel-input">
      </div>
      <div class="form-group">
        <label for="exampleFormControlSelect1">Your Message*</label>
        <textarea class="form-control" rows="5" name="message" id="message" placeholder="Your Message*" required=""></textarea>
      </div>
      <button type="submit" class="btn btn-submit">Submit</button>
    </form>
  </div>
</body>

</html>
h1 {
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
}

img {
  height: 40px;
}

.btn-submit {
  background-color: #151515;
  color: white;
}
Run Pen

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.