Contact Form 7 - Bulma Css format

contact-form-7-bulma

<div class="container my-5 mt-5 mx-5 px-5">
  <div class="field"> 
    <label class="label is-size-4 has-text-weight-light"> Il tuo Nome </label>
    <div class="control has-icons-left"> 
      [text* nome class:input placeholder "Nome"] 
        <span class="icon is-left">
           <i class="fa fa-user"></i>
        </span>
    </div>
  </div>

  <div class="field">
   <label class="label is-size-4 has-text-weight-light"> La tua Email </label>
    <div class="control has-icons-left"> 
     [email* email class:input placeholder "Email"]
      <span class="icon is-left">
        <i class="fa fa-envelope"></i>
      </span>
    </div>
  </div>

  <div class="field">
   <label class="label is-size-4 has-text-weight-light"> Oggetto </label>
     <div class="control has-icons-left"> 
      [text* subject class:input placeholder "Oggetto"] </label>
     </div>
  </div>

  <div class="field">
   <label class="label is-size-4 has-text-weight-light"> Il tuo messaggio </label>
     <div class="control has-icons-left">
      [textarea messaggio class:textarea is-medium placeholder "Messaggio"] 
     </div>
  </div>

   
   [submit class:button class:is-success class:is-size-5 "Invia"]

</div>