Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf--8">
- <style>
- header ,
- footer {
- background - color : #222 ;
- color : lightgray ;
- }
- footer {
- height : 40 px;
- }
- header {
- height : 85 px;
- }
- header ,
- footer p {
- padding : 10 px;
- }
- header h1 ,
- header h2 ,
- header h3 ,
- header h4 ,
- header h5 ,
- header h6 {
- display : none ;
- }
- header img {
- height : 35 px;
- width : 250 px;
- }
- header nav {
- width : 100 %;
- background - color : #222 ;
- margin - bottom : 25 px;
- }
- header li {
- display : inline - block ;
- padding : 10 px;
- }
- header li : hover {
- background - color : #555 ;
- cursor : pointer ;
- }
- header a {
- color : white ;
- text - decoration : none ;
- }
- main {
- margin -top : 10 px;
- display : flex ;
- flex - direction : row ;
- }
- section {
- justify - content : space - between ;
- width : 40 %;
- margin - left : 5 %;
- border : 3px solid rgb (150 , 25 , 25) ;
- border - radius : 10 px;
- padding : 20 px;
- }
- section > h1 ,
- section > h2 ,
- section > h3 ,
- section > h4 ,
- section > h5 ,
- section > h6 ,
- section > p {
- color : rgb (150 , 25 , 25) ;
- }
- article p {
- text - align : justify ;
- }
- article a {
- padding : 10 px 20 px;
- background - color : rgb (150 , 25 , 25) ;
- border - radius : 5px;
- color : white ;
- text - decoration : none ;
- }
- article a : hover {
- background - color : rgb (200 , 25 , 25) ;
- text - decoration : none ;
- }
- aside {
- text - align : center ;
- background - color : cornflowerblue ;
- color : darkred ;
- width : 50 %;
- margin : 0 auto ;
- font - weight : bolder ;
- }
- aside h1 ,
- aside h2 ,
- aside h3 ,
- aside h4 ,
- aside h5 ,
- aside h6 {
- animation : blinker 2s linear infinite ;
- }
- @keyframes blinker {
- 50 % {
- opacity : 0;
- }
- }
- </style>
- </head>
- <body>
- <header><h1>Últimas Noticias</h1></header>
- <section>
- <h2>Noticias Deportivas</h2>
- <p>Toda la información del fútbol, basquet, y mucho más.</p>
- <article>
- <h3>La preocupación de los argentinos</h3>
- <p>Todos los argentinos siguen preocupados por la indecisión de los expertos sobre quién es el mejor jugador de fútbol del mundo. <strong>Maradona</strong> y <strong>Messi</strong> son dos de los candidatos más votados.</p>
- <a href="https://www.infobae.com/america/deportes/2019/01/29/messi-es-mejor-jugador-que-maradona/">Leer Más</a>
- </article>
- <article>
- <h3>Se puede jugar al básquet con 1,50?</h3>
- <p>El básquet siempre ha sido un deporte dominado por <em>personas de gran estatura</em>, pero una nueva óla de jugadores de <strong>baja estatura y gran performance</strong> están dando muestra de que la estatura no es un condicionante a la hora de jugar</p>
- <a href="https://eresdeportista.com/deportes/baloncesto/es-el-baloncesto-un-deporte-solo-para-altos/">Leer Más</a>
- </article>
- </section>
- <section>
- <h2>Noticias del Espectáculo</h2>
- <p>Los famosos, la tele, el teatro, y todo el chisme.</p>
- <article>
- <h3>Mar del Plata o Villa Carlos Paz</h3>
- <p>¿Cuáles son las obras de teatro qué podemos encontrar este verano en los <em>puntos turísticos</em>? <a href="https://www.infobae.com/teleshow/infoshow/2019/01/03/cuales-son-las-obras-mas-vistas-de-mar-del-plata-y-carlos-paz/">Leer Más</a>
- </article>
- <article>
- <h3>Una nueva de Ricardo Darín</h3>
- <p>El actor nos cuenta de su nuevo trabajo, una película que no sabemos de que se trata, pere que seguro es buena, porque <strong>actúa Darín</strong>, y si es mala, no importa, porque <strong>actúa Darín</strong>.
- <a href="https://infocielo.com/nota/103893/la-odisea-de-los-giles-la-nueva-pelicula-de-ricardo-darin-situada-en-la-crisis-de-2001/">Leer Más</a>
- </article>
- </section>
- <footer>Copyright 2019. Peque Mendez</footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement