<!-- Special version of Bootstrap that only affects content wrapped in .bootstrap-iso -->
<link rel="stylesheet" href="https://formden.com/static/cdn/bootstrap-iso.css" />

<!-- Inline CSS based on choices in "Settings" tab -->
<style>.bootstrap-iso .formden_header h2, .bootstrap-iso .formden_header p, .bootstrap-iso form{font-family: Arial, Helvetica, sans-serif; color: black}.bootstrap-iso form button, .bootstrap-iso form button:hover{color: white !important;} .asteriskField{color: red;}</style>

<!-- HTML Form (wrapped in a .bootstrap-iso div) -->
<div class="bootstrap-iso">
 <div class="container-fluid">
  <div class="row">
   <div class="col-md-6 col-sm-6 col-xs-12">
    <form method="post">
     <div class="form-group ">
      <label class="control-label " for="name">
       Nombre de usuario
      </label>
      <input class="form-control" id="name" name="name" type="text"/>
     </div>
     <div class="form-group ">
      <label class="control-label " for="select">
       Tipo de cuenta
      </label>
      <select class="select form-control" id="select" name="select">
       <option value="Personal">
        Personal
       </option>
       <option value="Agente de ventas">
        Agente de ventas
       </option>
       <option value="Tienda">
        Tienda
       </option>
      </select>
     </div>
     <div class="form-group ">
      <label class="control-label " for="tel">
       Telefono
      </label>
      <input class="form-control" id="tel" name="tel" type="text"/>
     </div>
     <div class="form-group ">
      <label class="control-label ">
       Mensajeria
      </label>
      <div class=" ">
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox1" type="checkbox" value="Whatsapp"/>
         Whatsapp
        </label>
       </div>
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox1" type="checkbox" value="Telegram"/>
         Telegram
        </label>
       </div>
      </div>
     </div>
     <div class="form-group ">
      <label class="control-label requiredField" for="email">
       Email
       <span class="asteriskField">
        *
       </span>
      </label>
      <input class="form-control" id="email" name="email" type="text"/>
     </div>
     <div class="form-group ">
      <label class="control-label " for="name1">
       Contrase&ntilde;a
      </label>
      <input class="form-control" id="name1" name="name1" type="text"/>
     </div>
     <div class="form-group ">
      <label class="control-label ">
       Mensajeria
      </label>
      <div class=" ">
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox" type="checkbox" value="Whatsapp"/>
         Whatsapp
        </label>
       </div>
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox" type="checkbox" value="Telegram"/>
         Telegram
        </label>
       </div>
      </div>
     </div>
     <div class="form-group ">
      <label class="control-label " for="url">
       Instagram
      </label>
      <input class="form-control" id="url" name="url" type="text"/>
     </div>
     <div class="form-group ">
      <label class="control-label " for="name2">
       Facebook
      </label>
      <input class="form-control" id="name2" name="name2" type="text"/>
     </div>
     <div class="form-group">
      <div>
       <button class="btn btn-primary " name="submit" type="submit">
        Submit
       </button>
      </div>
     </div>
    </form>
   </div>
  </div>
 </div>
</div>