<!DOCTYPE html> 
<html lang="en"> 
<head> 
     <title>Firma Correo</title> 
     <meta charset="UTF-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
     <meta name="description" content=""> 
     <meta name="keywords" content=""> 
     <meta name="author" content="Tooplate"> 
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
     <link rel="stylesheet" href="css/bootstrap.min.css"> 
     <link rel="stylesheet" href="css/all.min.css"> 
     <link rel="stylesheet" href="css/owl.carousel.min.css"> 
     <link rel="stylesheet" href="css/owl.theme.default.min.css"> 
     <!-- MAIN CSS --> 
     <link rel="stylesheet" href="css/tooplate-ben-resume-style.css"> 
<!-- 
 Plantila utilizada  
Tooplate 2120 Ben Resume 
https://www.tooplate.com/view/2120-ben-resume 
--> 
</head> 
 
<body data-spy="scroll" data-target="#" data-offset="50"> 
 
    <!-- MENU BAR --> 
    <nav class="navbar navbar-toggleable-md"> 
        <div class="container"> 
 
            <a class="navbar-brand" href="#"> 
                Firma 
            </a> 
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 
                <span class="navbar-toggler-icon"></span> 
            </button> 
   
            </div> 
 
        </div> 
    </nav> 
    <section class="about section-padding" id="about"> 
        <div class="container"> 
            <div class="row"> 
                <div class="col-lg-6 col-md-6 col-12"> 
                    <h3 class="mb-4">Tarjeta para Firma</h3> 
                    <form action="proceso.php"> 
                         <ul class="mt-4 mb-5 mb-lg-0 profile-list list-unstyled"> 
                        <li> <strong>Full Name :  </strong> <input type="text" name="texto1" required placeholder="Primera línea"></li> 
                        <li> <strong>Job position:</strong> <input type="text" name="texto2" required placeholder="Segunda línea"></li> 
                        <li> <strong>Main Office: </strong> <input type="text" name="texto3" required placeholder="Tercera línea"></li> 
                        <li> <strong>Direccion:   </strong> <input type="text" name="texto4" required placeholder="Cuarta línea"></li> 
                        <li> <strong>Email:       </strong> <input type="text" name="texto5" required placeholder="Quinta línea"></li> 
                        <li> <strong>phone:       </strong> <input type="text" name="texto6" required placeholder="Sexta línea"></li> 
                        <li> <strong>WEB:       </strong> <input type="text" name="texto7" required placeholder="Septima línea"></li> 
                              </ul> 
                    <button type="submit">Enviar</button> 
                    </form> 
             <ul class="mt-4 mb-5 mb-lg-0 profile-list list-unstyled"> 
             <h5>Información de Ayuda Y Ejemplo</h5> 
             <li><strong>Full Name :  </strong>Urraca Wilson </li> 
                  <li><strong>Job position:</strong>Programador</li> 
                  <li><strong>Main Office: </strong>Departamento de Informatica</li> 
                  <li><strong>Direccion :  </strong>Cuidad de Panama. </li> 
                  <li><strong>Email :      </strong>[email protected]</li> 
                  <li><strong>phone:       </strong>[email protected]</li> 
             </ul> 
                </div> 
                <div class="col-lg-5 mx-auto col-md-6 col-12"> 
                    <img src="images/true-agency.jpg" class="about-image img-fluid" alt="Ben's Resume HTML Template"> 
                </div> 
            </div> 
        </div> 
    </section> 
 
<h5>Esta es la imagen en blanco</h5> 
    <img src="images/Firma_imagen.png" alt="Mi_imagen"> 
    <!-- TESTIMONIAL --> 
     <section class="testimonials section-padding" id="testimonials"> 
     </section>     
     <!-- SCRIPTS --> 
     <script src="js/jquery.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 
     <script src="js/smoothscroll.js"></script> 
     <script src="js/owl.carousel.min.js"></script> 
     <script src="js/custom.js"></script> 
 
</body> 
</html>
 
 |