title: Bootstrap Contact Form 7
body: <p>Iam posting a screenshot of my results with the code and , a screenshot with what results iam trying to do . I tried to embed icons into placeholder but it seems it doesnt work .  </p>
  
  <pre><code>    &lt;div class="row"&gt;
  &lt;div class="col-md-6 col-sm-12"&gt;
      &lt;label&gt;Name&lt;/label&gt;
      &lt;div class="form-field"&gt;
          &lt;i class="fa fa-user"&gt;&lt;/i&gt;
          [text* name placeholder "Enter your name"]
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-6 col-sm-12"&gt;
      &lt;label&gt;E-Mail&lt;/label&gt;
      &lt;div class="form-field"&gt;
          &lt;i class="fa fa-envelope-o"&gt;&lt;/i&gt;
          [email* email-78 placeholder "Enter your email"]
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-md-6 col-sm-12"&gt;
          &lt;label&gt;Telephone &lt;span style="color:#aaa"&gt;(Optional)&lt;/span&gt;&lt;/label&gt;
          &lt;div class="form-field"&gt;
              &lt;i class="fa fa-phone"&gt;&lt;/i&gt;
              [text text-74 placeholder "Enter your phone"]
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-md-6 col-sm-12"&gt;
          &lt;label&gt;Website &lt;span style="color:#aaa"&gt;(Optional)&lt;/span&gt;&lt;/label&gt;
          &lt;div class="form-field"&gt;
              &lt;i class="fa fa-globe"&gt;&lt;/i&gt;
              [text text-985 placeholder "Enter your website"]
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"&gt;
          &lt;label&gt;Message&lt;/label&gt;
          &lt;div class="form-field"&gt;
              &lt;i class="fa fa-pencil-square-o"&gt;&lt;/i&gt;
              [textarea textarea-197 placeholder "Enter your message"]
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"&gt;
          [submit class:btn class:btn-default "SEND YOUR MESSAGE"]
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My results are : <a href="https://i.stack.imgur.com/2hKNe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2hKNe.png" alt="My results"></a></p>
  
  <p>I want to accomplish this : <a href="https://i.stack.imgur.com/yyeQm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yyeQm.png" alt="I want to accomplished"></a></p>
  
  <p>Thank You </p>