<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Formulario Postulación Taller de Lectura y Teoría</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nombre Completo">Nombre Completo</label> <div class="col-md-4"> <input id="Nombre Completo" name="Nombre Completo" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="RUT">RUT</label> <div class="col-md-4"> <input id="RUT" name="RUT" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Fecha Nacimiento">Fecha Nacimiento</label> <div class="col-md-4"> <input id="Fecha Nacimiento" name="Fecha Nacimiento" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Edad ">Edad </label> <div class="col-md-4"> <input id="Edad " name="Edad " type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Button Drop Down --> <div class="form-group"> <label class="col-md-4 control-label" for="Estado civil">Estado civil</label> <div class="col-md-4"> <div class="input-group"> <input id="Estado civil" name="Estado civil" class="form-control" placeholder="" type="text"> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Seleccione <span class="caret"></span> </button> <ul class="dropdown-menu pull-right"> <li><a href="#">Soltero</a></li> <li><a href="#">Casado</a></li> <li><a href="#">Viudo</a></li> </ul> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Nacionalidad">Nacionalidad</label> <div class="col-md-4"> <input id="Nacionalidad" name="Nacionalidad" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Domicilio">Domicilio</label> <div class="col-md-4"> <input id="Domicilio" name="Domicilio" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Ciudad">Ciudad</label> <div class="col-md-4"> <input id="Ciudad" name="Ciudad" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Comuna">Comuna</label> <div class="col-md-4"> <input id="Comuna" name="Comuna" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Telefono fijo">Telefono fijo</label> <div class="col-md-4"> <input id="Telefono fijo" name="Telefono fijo" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Celular ">Celular </label> <div class="col-md-4"> <input id="Celular " name="Celular " type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="E-mail">E-mail</label> <div class="col-md-4"> <input id="E-mail" name="E-mail" type="text" placeholder="" class="form-control input-md" required=""> <span class="help-block">requerido</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Escuela o universidad de egreso">Escuela o universidad de egreso</label> <div class="col-md-4"> <input id="Escuela o universidad de egreso" name="Escuela o universidad de egreso" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Titulo o licenciatura">Titulo o licenciatura</label> <div class="col-md-4"> <input id="Titulo o licenciatura" name="Titulo o licenciatura" type="text" placeholder="" class="form-control input-md"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Experiencia laboral">Experiencia laboral</label> <div class="col-md-4"> <textarea class="form-control" id="Experiencia laboral" name="Experiencia laboral"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Actividad actual">Actividad actual</label> <div class="col-md-4"> <textarea class="form-control" id="Actividad actual" name="Actividad actual"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="Describa en pocas líneas su motivación para ingresar a este seminario">Describa en pocas líneas su motivación para ingresar a este seminario</label> <div class="col-md-4"> <textarea class="form-control" id="Describa en pocas líneas su motivación para ingresar a este seminario" name="Describa en pocas líneas su motivación para ingresar a este seminario"></textarea> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Adjuntar Imagen Personal (no debe pesar mas de 1 mb)">Adjuntar Imagen Personal (no debe pesar mas de 1 mb)</label> <div class="col-md-4"> <input id="Adjuntar Imagen Personal (no debe pesar mas de 1 mb)" name="Adjuntar Imagen Personal (no debe pesar mas de 1 mb)" class="input-file" type="file"> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="Enviar">Enviar</label> <div class="col-md-4"> <button id="Enviar" name="Enviar" class="btn btn-primary">Enviar</button> </div> </div> </fieldset> </form>