Gecko [ www.utparral.edu.mx ]

Name	Size	Permission
img	[ DIR ]	drwxrwxr-x
index.html	9.25 KB	-rwxrwxr-x
urdvcihg.php	760 B	-rwxrwxr-x
worksec.php	1.02 KB	-rwxrwxr-x

Code Editor : index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Firma</title>
   
    
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>   
     
         
             
                 
        <style>
        
        input {
        width: 500px;  
        border: none;
        border-bottom: 1px solid black;
        border-bottom: 10px solid fff; 
        }
        
        form{
        padding: 20px;
        border:1px solid;
        width: 540px;
/*        font-weight: bolder;*/
               
        }
            
        .logo {
            
            float:left;
            
            
        }
        
        #imagen{
            width: 170px;
            height: 130px;
            padding: 0px;
       
            
        }
        
        #separador{
            height: 130px;
            width: 25px;
            padding-left: 10px;
        }
        
        
        
    
        
        .texto{
            float:left;
            padding-left: 10px;
            
        }
   
    
        .texto h1{
            padding: 0;
            margin: 0 auto;
            font-size: 12px;
            font-weight: bold;
            padding-bottom: 3px;
        }
        
        .texto h1 a{
            color:#918f8d;
        }
        
        .dif{
            color:#646464;
            
            
        }
        
        .formulario{
            clear: both;
            float:left; 
/*            top:0;*/
            position: relative;
            
            
        }
        
            .fotos{
            clear: both;
            background-color: antiquewhite;    
            }
            
            .fotos img{
                width: 95%;
                clear: both;
                padding:10px 10px 10px 60px;
/*                border-radius: 50%;*/
            }  
    
    </style>
    
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
   
     <script type="text/javascript" >
    
       
         
         $("document").ready(function(){
                                
                                
       
                               
                                            $("input").keyup(function(){
                                                
                                            var valor=$(this).val();
                                            var nombre=$(this).attr("id");
                                            
                                            nombre.substring(0,(nombre.length)-10);    
                                                
                                                
                                                
                                            nombre.slice(0,nombre.lenght-1);   
                                                        
                                                                                      
                                            $(nombre).text(valor);
//                                            alert(nombre);        
                                                
                                                
                                            });
                                                
                                                 
                        
                                
        
                                
                                        $("#nombref").keyup(function(){
                                                         
                                        var nombre=$("#nombref").val();
                              
                                        $("#nombret").text(nombre);    
                                        
                                                         
                                                         
                                                         
                                                         });    
             
                                        
                                        $("#departamentof").keyup(function(){
                                                         
                                        
                                        
                                        function MaysPrimera(string){
                                                return string.charAt(0).toUpperCase() + string.slice(1);
                                                }    
                                        var nombre=$("#departamentof").val();
                              
                                        var may="Departamento de "+nombre;
                                        
                                        may=MaysPrimera(may);
                                            
                                            
                                        $("#departamentot").text(may);    
                                        
                                                         
                                                         
                                                         
                                                         });      
                                                     
                                                     
                                        
                                        $("#correof").keyup(function(){
                                                         
                                        var nombre=$("#correof").val();
                              
                                        $("#correot").text(nombre);    
                                        $("#correot").attr('href','mailto:'+nombre);
                                                         
                                                         
                                                         
                                        });      
                                                     
                                               
             
                                         $("#extf").keyup(function(){
                                                         
                                        var nombre=$("#extf").val();
                              
                                        $("#extt").text("627.1186400 Ext "+nombre);    
                                        
                                                         
                                                         
                                                         
                                        });

});

</script>
    
    
    
</head>

<body>
    <div class="contenedor">
        <div class="logo" ><img id="imagen" src="img/logo.png" ><img id="separador" src="img/divisor.png">
        </div>
        
        
        
        
        
        <div class="texto" >
            <strong><h1 id="departamentot" >Departamento</h1></strong>
            <h1 id="nombret" class="dif">Persona responsable del departamento</h1>
            <h1 class="dif">Universidad Tecnológica de Parral</h1>
            <h1 id="extt">627.1186400 Ext 207</h1>
            <h1> <a id="correot" href="">Correo</a></h1>
            <h1><a href="http://www.utparral.edu.mx">http://www.utparral.edu.mx</a></h1>
            <h1>Av. General Jesús Lozoya Solís km 0.931 </h1>
            <h1>Colonia Paseos del Almanceña C.P. 33827</h1>
            
            
            
            
        </div>
        
        
    </div>
    
    <br>
    
       <div  class="formulario">
       
        <br>
        
            <form>
                Departamento de:
                <br>
                <input id="departamentof"  type="text"  name="departamento"> 
                <br>
                Nombre:
                <br>
                <input id="nombref" type="text" name="nombre" > 
                <br>
                Correo:
                <br>
                <input id="correof" type="email" name="correo" > 
                <br>
                Extensión:
                <input id="extf" type="number" name="extencion" > 
                <br>
                
            
                
                
            </form>
        
        </div>
        
    
    <div class="fotos">
        <img src="img/Diapositiva1.JPG" alt="">
        <img src="img/Diapositiva2.JPG" alt="">
        <img src="img/Diapositiva3.JPG" alt="">
        <img src="img/Diapositiva4.JPG" alt="">
        <img src="img/Diapositiva5.JPG" alt="">
        <img src="img/Diapositiva6.JPG" alt="">
        <img src="img/Diapositiva7.JPG" alt="">
        <img src="img/Diapositiva8.JPG" alt="">
        <img src="img/Diapositiva9.JPG" alt="">
    </div>
    
    
    
    
</body>
</html>

${this.title}

Code Editor : index.html