cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <div>
  <header> 
    <hgroup>
      <h1>Ángel Amadeo Labruna</h1>
      <h2>El Ángel de River</h2>
    </hgroup>  
  </header> 
  <main>
    <caption id="Imagen">
      <img src="http://k02.kn3.net/C16EE800F.jpg" alt="Labruna">
    </caption>
    <figcaption>
     -“El fútbol es el juego más difícil del mundo, porque se hace con la cabeza obedeciendo a los pies. Y miren la distancia que hay...”.-
    </figcaption> 
    <h2>Su vida a través de los años</h2>
    <div id="texto">
      <dl>
        <ul>
          <li> 
           <strong> 1918 </strong> - Nació el 28 de septiembre de 1918 en el barrio de Palermo y fue allí donde mamó las dos grandes pasiones de su vida: River y los caballos de carrera.
         </li>
           <br>
         <li> 
           <strong> 1939 </strong> - Aún juvenil, fue convocado a jugar en la Primera a raíz de una huelga de los profesionales del club por una sanción aplicada al crack de la institución, José Manuel Moreno. Y justamente le tocó vestir la casa número 10, la que usaba el “Charro”. Sus goles y excelente rendimiento determinaron que, una vez superado el conflicto, Moreno tuviera que jugar de entreala derecho porque a Labruna era imposible sacarlo. <p>Así se inició una carrera fantástica, que se prolongó por dos décadas en la primera de River.</p><p> En esos 20 años, Angelito se dio el gusto de integrar junto a Juan Carlos Muñoz, Moreno, Adolfo Pedernera y Félix Loustau la delantera de la llamada “La Máquina”.</p>
         </li>
           <br>
         <li>
           <strong>1955, 56, 57</strong> - Compartiendo cartel con Santiago Vernazza, Eliseo Prado, Walter Gómez y Loustau, “La Maquinita” conseguiria el triplete de campeonatos de 1955, 56 y 57. Esos fueron los picos de una carrera futbolística que lo destacaron por su gran capacidad goleadora, afianzada en una técnica depurada y en una guapeza sin límites. Era famoso aquello de que cuando Angelito “agachaba la joroba” (forma muy particular en que arqueaba su cuerpo) al ingresar al área, al arquero rival no le quedaba otra que ir a buscarla al fondo de la red. Sus 293 anotaciones en 515 partidos son una categórica demostración de este olfato y sentido del gol.
          </li>
            <br>
          <li> 
            <strong> 1946, 55 </strong> - Fue asiduo integrante de la Selección Nacional, en épocas en que la seleccion Argentina solo competía a nivel sudamericano, donde obtuvo los títulos en Sudamericanos de Guayaquil 1946 y Lima 1955, aunque en este caso como suplente de Enrique Omar Sívori.
           </li>
             <br>
          <li> 
            <strong> 1961 </strong> - Al retirarse después de jugar 27 años en River (contabilizando sus años en inferiores), Ángel dejaba atrás una serie de cábalas que se hicieron famosas con los años, como aquella de evitar pisar la raya de cal al ingresar a la cancha y luego seguir con un trote canchero hasta el área y mandar la pelota al fondo de la red con un sobrador remate de rastrón. <p> Su carrera como jugador en la Argentina la finalizó en Platense, donde hizo un fugaz paso alternando con la función de técnico. Y aunque intentó retomarla en el Rangers chileno y en el Rampla Juniors uruguayo.</p>
          </li>
             <br>
          <li> 
            <strong> 1966 </strong> - Intentó varias actividades comerciales y una de ellas fue la de concesionario de la confitería del club Defensores de Belgrano. En 1966, cuando estaba dedicado a eso, los dirigentes de esa institución le ofrecieron la dirección técnica del equipo, que jugaba en el ascenso y venía bastante mal. Angelito tomó al equipo último y terminó el torneo en quinto lugar, y al año siguiente fue campeón de la B, pero con una particularidad: en forma simultánea condujo técnicamente a Platense, que jugaba en Primera División y llegó a las semifinales contra el Estudiantes de Osvaldo Zubeldía, que luego sería campeón de América e intercontinental. Allí se puso en marcha una exitosa carrera como técnico. River lo volvió a llamar en el 68 e hizo excelentes campañas pero el título no se daba, por lo que tuvo que emigrar.
          </li>
            <br>
          <li> 
            <strong> 1968 </strong> - River lo volvió a llamar en el 68 e hizo excelentes campañas pero el título no se daba, por lo que tuvo que emigrar nuevamente.
          </li>
            <br>
          <li>
            <strong> 1969 </strong> - Sufrió una de las peores amarguras que un ser humano pueda padecer: la muerte de su hijo Ángel Daniel, que a esas alturas aparecía como un serio continuador de su trayectoria en la Primera de River.
          </li>
            <br>
          <li> 
            <strong> 1971 </strong> - Recaló en Rosario Central, en donde tomó al equipo con el Torneo Metropolitano de aquel año ya empezado. Si bien el equipo estaba medianamente armado y mantenía una estructura sólida, para el siguiente campeonato Labruna metió mano: plantó un equipo más ofensivo, adelantando a Aldo Poy como delantero de punta, e hizo debutar en Primera División a Carlos Aimar, un volante central batallador, fuerte y que mostraba muy buenas condiciones. Las modificaciones tácticas dieron sus frutos, y así Labruna ganó con el club de Arroyito su primer título como director técnico en Primera División, consiguiendo el Campeonato Nacional de 1971. Aquel equipo, derrotó 1:0 a su clásico rival (Newell's Old Boys), en la semifinal con el recordado gol de "palomita" de Aldo Pedro Poy, para luego vencer a San Lorenzo 2:1 en la final del campeonato, disputada el 22 de diciembre en cancha de Newell´s.<p>Luego de su exitoso paso por Central, fue técnico de Lanús, Racing Club de Avellaneda, y Chacarita Juniors, sin muchos resultados.</p>
          </li>
            <br>
          <li>
            <strong> 1975 </strong> - Lo volvieron a llamar de “su casa”. Y esta vez sí, se dio el gran gusto: cortó la racha negativa de 18 años sin títulos, y consagró a River campeón de los Torneos Metropolitano y Nacional de ese año. Ya lanzado al éxito, logró otros cuatro títulos con los millonarios, hasta que en 1981 decidió irse, rechazando la propuesta de ser manager de fútbol de la institución, que ese año contrató a Alfredo Di Stéfano como DT.<p>Se fue a Talleres de Córdoba y armó un equipo que siempre fue protagonista.<p>
          </li>
            <br>
          <li>
            <strong> 1983 </strong> - Cumplía gran campaña como DT de Argentinos Juniors. <p>Falleció el 19 de septiembre de 1983, mientras se encontraba en la habitación de un sanatorio, donde había sido sometido a una intervención quirúrgica por un problema en la vesícula, de la que se estaba recuperando satisfactoriamente. Sin embargo, cuando se preparaba para caminar junto a Ubaldo Matildo Fillol, que había ido a visitarlo, murió a consecuencia de un paro cardiaco y cayó en brazos del arquero a los 64 años de edad.</p> Los restos fueron inhumados a las 16 horas del día 20 de septiembre en el Cementerio de Chacarita.
          </li>
       </ul>
    <br>
  </dl>    
  <h2 id="flotante"><i>Ubaldo Matildo Fillol</i></h2>
    <blockquote id="dialogo">
      <i>“Yo fui el arquero de Ángel Labruna. Él fue el que me fogoneó y apretó para que vaya a River. En la primera conferencia de prensa que dio, le preguntaron quién iba a ser su arquero y él dijo que yo era el elegido. Y eso que en esa época estaba Perico Pérez y andaba muy bien”.“No me olvido nunca de esa oportunidad y seguridad que me dio”.“Esa mística que tenía envolvía a la persona. No he escuchado que ningún jugador que lo tuvo haya hablado mal de él. Era un personaje y una persona hermosa”</i>
    </blockquote> 
  </div>  
 </div> 
</main>  
<footer>
  <div class="div2">
    <p>
      Para más información consulte la <a href="https://es.wikipedia.org/wiki/%C3%81ngel_Labruna" target="_blanck">fuente</a> de donde se extrajo lo aquí detallado.
    </p>
  </div> 
  <hr>
  <p class="ultimaLinea">
    Codificado por Hernán Flores.
  </p>
</footer>  
            
          
!
            
              *{
    font-family: Tahoma;
    color: #E6E6FA;
    text-align: center;
}

body {
  background-color: #E6E6FA;
  opacity: 0.8;
}
/*Fondo superior*/
div {
  background-color: #777777;
  margin: 15px 15px 10px 15px;
  border-radius: 10px 10px 0px 0px;
  padding: 45px 5px 25px 5px;
}
/*Titulo*/
h1 {
  font-size: 3em;
  font-weight: bold;
  text-shadow: 4px 4px 10px black;
}
/*Subtitulo*/
h2 {
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 4px 4px 10px black;
}

img {
  margin: 0 auto;
  border: 10px solid #E6E6FA;
  width: 300px;
  height: 400px;
  box-shadow: 4px 4px 10px black;
  margin-bottom: 20px;
}
/*Linea de tiempo*/
#texto {
  font-size: 1.2em;
  padding: 15px 250px 10px 250px;
}

li {
  text-align: left;
}

p  {
  text-align: left;
}
/*Ubaldo Matildo Fillol*/
#flotante {
  float: left;
  width:60px;
  heigth:60px;
  margin: 20px 0px 0px 100px;
  line-height: 1.5;
  letter-spacing: 2.5px;
}
/*Cita de Fillol*/
#dialogo {
  text-align: left;
  margin: 25px 60px 0px 250px;
}
/*Fondo inferior*/
.div2 {
  background-color: #444444;
  margin: 0px 15px 10px 15px;
  border-radius: 0px 0px 10px 10px;
  padding: 30px 5px 30px 5px;
}

a:link {
  color: #E6E6FA;
  text-decoration: none;
}
a:visited {
  color: #E6E6FA;  
}
a:hover {
  color: red;
  text-decoration: none;
}
a:active {
  color: #c14242;
}

.div2 p {
  text-align: center;
}

.ultimaLinea {
  text-align: center;
  color: #000000;
}

hr {
  margin: 0px 20px 0px 20px;
}

@media screen and (max-width: 1400px){
  #texto {
    padding: 15px 150px 10px 150px;
  }
}

@media screen and (max-width: 1234px){
  #texto{
    padding: 15px 80px 10px 80px;
  }
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console