Está en la página 1de 9

<!

doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link href="Noticias.css" rel="stylesheet" type="text/css">
</head>

<body class="body">
<div class="portada" align="center" ><img src="vectores diseño/portadaañadida.jpg"
width="780" height="136" alt=""/></div>
<nav>
<ul>
<li><a title="Inicio" href="Index40.html">Inicio</a></li>
<li><a title="Estrenos" href="#">Estrenos</a></li>
<li><a title="Recomendadas" href="#">Recomendadas</a></li>
<li><a title="Proximos Estrenos" href="#">Proximos Estrenos</a></li>
<li><a title="Noticias" href="Noticias.html">Noticias</a></li>
</ul>
</nav>
<div class="Noticia1">
<div class="securitasdirect"></div>

<img src="vectores diseño/noticiavenom.jpg" alt="" width="362" height="173"


class="venomhardy"/>
<h2>Hardy confirmado como el nuevo venom</h2>
<p>Mientras Amy Pascal y Kevin Feige siguen intentando aclararse sobre hasta qué
punto todo esto podría pertenecer al MCU, ‘Venom’, la película que prepara Sony
sobre el villano de Spider-Man, comienza a prepararse.
Ya sabíamos que Tom Hardy será el encargado de encarnar a Eddie Brock, el
protagonista que se equipará simbionte de malas pulgas, pero hoy hemos conocido un
nuevo detalle sobre su personaje gracias a una pildorita de información por parte
del mismísimo Andy Serkis.
El actor, que estaba siendo entrevistado por Yahoo UK con motivo del próximo
estreno de ‘Black Panther’, soltó esto mientras volvía a responder sobre si las
interpretaciones de personajes recreados digitalmente deberían considerarse en los
premios: “Tom Hardy está interpretando a un nuevo personaje usando captura de
movimiento”.
O estamos muy perdido con la carrera de Hardy, o Serkis acaba de confirmar que
Venom será CGI aplicado a la actuación del actor. Si el efecto queda tan bien como
el logrado por el equipo de ‘La guerra del planeta de los simios’, será un placer
disfrutar del villano.
Ruben Fleischer, responsable de ‘Bienvenidos a Zombieland’, ’30 minutos o menos’
y ‘Gangster Squad (Brigada de élite)’, será el director de esta película que,
aprovechando que en DC han retrasado ‘Aquaman’ hasta el 21 de diciembre de 2018, se
estrenará el 5 de octubre de ese mismo año.
¿Puede existir Venom sin Spider-Man? ¿Es demasiado arriesgada esta apuesta de
Sony teniendo en cuenta todo lo que deben cambiar del personaje? Con Hardy como
protagonista, todo pinta algo mejor.
</p>
</div>

<hr>
<p>&nbsp;</p>
<img src="vectores diseño/star-lord-infinity-war.jpg" width="581" height="317"
alt=""/>

<div class="avengers">
<img src="vectores diseño/2016_NEW_AVENGERS-Infinity-Wars-04_140116-768x509.jpg"
class="avenger" width="386" height="228" alt=""/> </div>
<h2>Nuevas revelaciones en avengers infinity war</h2>
<p>El presidente de Marvel Studios y Chris Hemsworth revelaron que Avengers 4
mostrará algo totalmente inédito en el MCU: un final. ¿Diremos adiós a más de un
superhéroe vengador?

¿Les gustaron las fotografías de Avengers: Infinity War reveladas esta mañana en
Vanity Fair? Además del deleite marvelita, hubo algunas perturbadoras revelaciones
sobre Avengers 4 y el futuro del MCU (Marvel Cinematic Universe).

Por un lado, el presidente de Marvel Studios declaró que hay 22 películas, y que
tendrán “otras 20 películas que serán completamente diferentes a lo que ha salido
antes, intencionalmente. Kevin Feige remató diciendo que Avengers 4 “traerá cosas
que jamás se han visto en una película de superhéroes: un final. Habrá dos períodos
diferentes. Todo lo que fue antes de Avengers 4 y todo lo que vendrá después. “Sé
que no será algo como lo que la gente está esperando”, prometió.

En otro artículo para la misma revista, Chris Hemsworth –el actual rostro de
Thor– declaró: “Pensé… ¿podría alguien tomar una foto de esto? Todos sabemos que
esta será la última vez que estemos haciendo algo como esto”. ¿Significa esto que
tendremos que despedirnos de más de un personaje de los actuales Avengers?

Por lo pronto, seguimos esperando ansiosos el primer trailer de Avengers:


Infinity War, que supuestamente se revelará el próximo jueves. El tercer ensamble
de los Vengadores se estrenará el 25 de abril de 2018, bajo la dirección de Anthony
y Joe Russo (Community).
</p>
</body>
</html>
@charset "utf-8";
/* CSS Document */

@keyframes banner{
0%, 30%{
background-image: url(benners/securitasdirect1.gif);
opacity: 1;
}31%,34%{
opacity: 0.1;
}
35%, 65%{
background-image: url( benners/securitasdirect2.png);
opacity: 1;
}66%,69%{
opacity: 0.1;
}
70%, 100%{
opacity: 1;
background-image: url( benners/qu-distingue-a-una-alarma-securitas-
direct-con-deteccin-de-inhibicin-del-resto-de-alarmas-del-mercado-1-638.jpg);
}

.securitasdirect{
animation: banner 10s infinite ;
margin:20px;
width:400px;
height:250px;
float: right;

.Noticia1{
width:900px; /*mirar este div que seguramente no abarca nada*/
weight: 200px;
}
.venomhardy{
margin-left: 15px;
margin-top: 20px;
}
.portada{

width: 950px;

}
hr{

border-color: #FF9600;
}
p{
color: #D6C294;
}
.portada{

width: 950px;

}
.body{
/*background: -webkit-gradient(linear, left top, left bottom, from(#000000),
to(#996C32)) fixed;*/

background: -webkit-linear-gradient(top,#000000 ,#996C32,#996C32 )fixed;


position: absolute;
}
nav{

/*Bordes redondeados*/
/*-webkit-border-radius: 10px;Para chrome y Safari*/

/*Para chrome y Safari*/


/*Degradados*/
background-image: -moz-linear-gradient(90deg,rgba(248,138,0,1.00)
0%,rgba(204,204,204,1.00) 100%);/*Para Firefox*/
background-image: -o-linear-gradient(90deg,rgba(248,138,0,1.00)
0%,rgba(204,204,204,1.00) 100%);/*Para Opera*/
background-image: -webkit-linear-gradient(90deg,rgba(248,138,0,1.00)
0%,rgba(204,204,204,1.00) 100%);
background-image: linear-gradient(0deg,rgba(248,138,0,1.00)
0%,rgba(204,204,204,1.00) 100%);/*El estandar por defecto*/
overflow: hidden;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 1px;
width: 1000px;
}
nav ul{
list-style: none;
margin-top: 0;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0;
padding: 0;
}
nav ul li{
/*Bordes redondeados*/
-webkit-border-radius: 0px;/*Chrome y Safari*/
-moz-border-radius: 5px;/*Firefox*/
-o-border-radius: 5px;/*Opera*/
border-radius: 0px;/*Estandar por defecto*/
float: left;
font-family: Verdana," sans-serif";
font-size: 16px;
font-weight: bold;
margin-right: 50px;
text-align: center;
/*Sombras para texto, los mismos parametros que box-shadow*/
text-shadow: 0px 1px 0px #F88A00;
margin-left: 0px;
}
nav ul li:hover{
/*Degradado de fondo*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF),
to( #E3E3E3));/*Chrome y Safari*/
background-image: -moz-linear-gradient(90deg,rgba(255,134,0,1.00)
0%,rgba(0,0,0,1.00) 79.28%);/*Firefox*/
background-image: -o-linear-gradient(90deg,rgba(255,134,0,1.00)
0%,rgba(0,0,0,1.00) 79.28%);/*Opera*/
background-image: -webkit-linear-gradient(90deg,rgba(255,134,0,1.00)
0%,rgba(0,0,0,1.00) 79.28%);
background-image: linear-gradient(0deg,rgba(255,134,0,1.00)
0%,rgba(0,0,0,1.00) 79.28%);/*Estandar por defecto*/
/*Sombras*/
-webkit-box-shadow: inset 1px -1px 0px #F88A00;/*Chrome y Safari*/
-moz-box-shadow: 1px -1px 0px #999;/*Firefox*/
-o-box-shadow: 1px -1px 0px #999;/*Opera*/
box-shadow: inset 1px -1px 0px #F88A00;/*Estandar por defecto*/
border: 1px solid #F88A00;
}

nav ul li a{
color: #020000;
display: block;
padding: 10px;
text-decoration: none;
/*Transiciones*/
-webkit-transition: 0.4s linear all;
-moz-transition: 0.4s linear all;
-o-transition: 0.4s linear all;
transition: 0.4s linear all;
}
nav ul li a:hover {
color:#F88A00;
}
.solapaportada {
position: relative;
left: 330px;
top: 81px;
}
section{
background: -webkit-linear-gradient( #B48033,orange,brown );
color: #000000;
font-size: 30px;
font-family: "orange juice 2 0";
height: 50px;
position: relative;
top: -30px;

}
h2{
color: #D6C294;
background: #996C32;
width: 470px;
border-style:solid;
border-color: #B88038;
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: thick;
border-left-width: 5px;

}
.avenger{
position: absolute;
left: 618px;
top: 781px;
width: 453px;
height: 301px;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link href="peliculas.css" rel="stylesheet" type="text/css">
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="../carrusel de fotos/owl.carousel.min.css">

<!-- Default Theme -->


<link rel="stylesheet" href="../owl-carousel/owl.theme.css">

<!-- jQuery 1.7+ -->


<script src="../carrusel de fotos/jquery-2.1.1.min.js"></script>

<!-- Include js plugin -->


<script src="../carrusel de fotos/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {

$("#owl-demo").owlCarousel({

autoPlay: 3000, //Set AutoPlay to 3 seconds


items : 6,
itemsDesktop : [1199,6],
itemsDesktopSmall : [9794,6]

});

});
</script>
<script>
var byline = document.getElementById('byline'); // Find the H2
bylineText = byline.innerHTML; // Get the
content of the H2
bylineArr = bylineText.split(''); // Split
content into array
byline.innerHTML = ''; //
Empty current content

var span; // Create variables to create elements


var letter;

for(i=0;i<bylineArr.length;i++){ // Loop for


every letter
span = document.createElement("span"); // Create a <span>
element
letter = document.createTextNode(bylineArr[i]); // Create the letter
if(bylineArr[i] == ' ') { // If the
letter is a space...
byline.appendChild(letter); // ...Add the space without a span
} else {
span.appendChild(letter); // Add the letter to the
span
byline.appendChild(span); // Add the span to the h2
}
}
</script>
</head>

<body class="body">

<div class="portada" ><img src="../vectores diseño/portadaañadida.jpg" alt=""


width="416" height="113" class="portada"/></div>
<nav id="navbar" >
<ul>
<li><a title="Inicio" href="../Index40.html">Inicio</a></li>
<li><a title="Estrenos" href="#">Estrenos</a></li>
<li><a title="Recomendadas" href="#">Recomendadas</a></li>
<li><a title="Proximos Estrenos" href="#">Proximos Estrenos</a></li>
<li><a title="Noticias" href="../Noticias.html">Noticias</a></li>
</ul>
</nav>
<div class="contenedorcarrusel">
<div id="owl-demo" >
<div class="item">
<img src="../../imagenes peliculas/Jigsaw2.gif" alt="Owl Image" />

</div>
<div class="item">
<img src="../../imagenes peliculas/Guardians_of_the_Galaxy_Vol_2m2.gif"
alt="Owl Image" />

</div>
<div class="item">
<a href="thorRagnarok.html">

<img src="../../imagenes peliculas/Thor_Ragnarok2.gif" alt="Owl Image" />

</a>
</div>
<div class="item">
<img src="../../imagenes
peliculas/Pirates_of_the_Caribbean_Dead_Men_Tell_No_Tales2m2.gif" alt="Owl
Image" />

</div>
<div class="item">
<img src="../../imagenes peliculas/Thor_Ragnarok2.gif" alt="Owl Image" />

</div>
<div class="item">
<img src="../../imagenes peliculas/Thor_Ragnarok2.gif" alt="Owl Image" />

</div>
<div class="item">
<img src="../../imagenes peliculas/Thor_Ragnarok2.gif" alt="Owl Image" />

</div>
<div class="item">
<img src="../../imagenes peliculas/Thor_Ragnarok2.gif" alt="Owl Image" />

</div>
<div class="item">
<img src="../../imagenes peliculas/Thor_Ragnarok2.gif" alt="Owl Image" />

</div>
</div>
<script>

$(".item").mouseleave(function(e){

$("i").remove();

});

$(".item").mouseenter(function(e)
{$(this).append('<i class="fa fa-play fa-2x iconplay"></i>');
$(".iconplay").css("display", "block");

});
</script>
</div>
<div class="starwars-demo">
<img src="star.svg" alt="Star" class="star">
<img src="wars.svg" alt="Wars" class="wars">
</div>
<h1>star war los ultimos jedi</h1>
<div class="especificaciones"><img src="Star_Wars_The_last_Jedi_poster_usa.jpg"
width="300" height="400" alt=""/>
<strong>Película:</strong>
Star Wars: Los últimos Jedi
<br>
<strong>Título original:</strong>
Star Wars: The last Jedi
<br>
<strong>País:</strong>
Estados Unidos
<br>
<strong>Año:</strong>
2017
<br>
<strong>Fecha de estreno:</strong>
15/12/17
<br>
<strong>Genero</strong>
Acción | Aventuras
<br>
<strong>Dirección:</strong>
Rian Johnson
<br>
<strong>Guión:</strong>
Rian Johnson (personajes creados por George Lucas)
<br>
<strong>producción: </strong>
Walt Disney Pictures
<br>
<strong>Intérpretes:</strong>
Daisy Ridley, John Boyega, Adam Driver, Oscar Isaac, Mark Hamill, Carrie
Fisher, Domhnall Gleeson, Benicio Del Toro, Laura Dern, Gwendoline Christie, Kelly
Marie Tran, Lupita Nyong’o, Anthony Daniels, Andy Serkis
<br>
</div>
<div class="trailer" style="position:absolute;height:0;padding-
bottom:56.25%"><iframe src="https://www.youtube.com/embed/yU9vpz4YCnU?ecver=2"
style="position: absolute; width: 467px; height: 269px; left: 569px; top: 291px;"
width="100" height="100" frameborder="0" gesture="media" allow="encrypted-media"
allowfullscreen></iframe></div>

<script>
window.onscroll = function() {myFunction()};

var navbar = document.getElementById("navbar");


var sticky = navbar.offsetTop;

function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
</script>

</body>
</html>

También podría gustarte