-
Notifications
You must be signed in to change notification settings - Fork 0
/
cartelera2.2.html
133 lines (113 loc) · 6.53 KB
/
cartelera2.2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="es">
<head>
<link rel="stylesheet" href="cartelera2.2.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menú Responsive</title>
</head>
<body>
<nav class="menu">
<label class="logo" for="">Show Cinema<img src="./img-menu/4.webp" class="img-logo" alt=""></label>
<ul class="menu_items" id="otroModo">
<li class="active"><a href="index.html">Inicio</a></li>
<li><a href="#">Cartelera</a></li>
<li><a href="registro.html">Registro</a></li>
<li><a href="https://entradas.todoshowcase.com/showcase/boleteria.aspx" target="_blank">Entradas</a></li>
</ul>
<span class="btn_menu" onclick="showmenu()">
<i class="fa fa-bars"></i>
</span>
</nav>
</button>
</section>
<!-- #----------------------------------------------------# -->
<header class="header">
<div><img class="img-header" src="./imagenes/7.gif" alt="minions"></div>
<div><img class="img-header" src="./imagenes/8.gif" alt="conteo-cine"></div>
<div><img class="img-header" src="./imagenes/6.gif" alt="minios"></div>
</header>
<!-- #----------------------------------------------------# -->
<section class="section1">
<h1 class="h1-section1">Cartelera</h1>
<h2 class="h2-section1">Hacemos de algo simple algo extraordinario</h2>
<button class="btn-modern">
<a href="https://entradas.todoshowcase.com/showcase/boleteria.aspx" target="_blank">🎫 🎫 Compra de Entradas 🎫 🎫</a>
</button>
</section>
<!-- #----------------------------------------------------# -->
<section class="cont-section2">
<section class="section2">
<fieldset class="fieldset">
<legend class="legend-section2">Top Gun: Maverik</legend>
<div class="maverik">
<iframe class="thor" width="100%" height="105" src="https://www.youtube.com/embed/jabptFj5uYg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div>
<div class="cartelera-img">
<a href="https://youtu.be/jabptFj5uYg" target="_blank"><img class="img-section2" src="/imagenes/Maverik.jpg" alt="" class="img-section2"></a>
</div>
<dl class="contenedor">
<dt>Top Gun Maverick:</dt>
<dd class="caja animado">Después de más de treinta años de servicio como uno de los mejores aviadores de la Armada, Pete "Maverick" Mitchell está en donde pertenece, sobresaliendo como un valiente piloto de pruebas y evitando subir de rango en la armada, que evitaría que pudiera seguir volando. Cuando se encuentra entrenando a un destacamento de graduados de Top Gun para una misión especial que ningún piloto vivo ha visto antes, Maverick se encuentra con el teniente Bradley Bradshaw, señal de llamada: "Rooster", el hijo del difunto amigo de Maverick y el oficial de intercepción de radar, el teniente Nick Bradshaw, también conocido como "Goose".</dd><br>
<ul>
<li>Miles Teller</li>
<li>Tom Cruise</li>
<li>Val Kilmer</li>
<li>Jennifer Connelly</li>
<li>Jon Hamm</li>
</ul>
</dl>
</div>
</fieldset>
<fieldset class="fieldset">
<legend class="legend-section2">Thor Amor y Trueno</legend>
<div class="maverik">
<iframe class="thor" width="100%" height="105" src="https://www.youtube.com/embed/8mXwe1s29tk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div>
<div class="cartelera-img">
<a href="https://youtu.be/MadPYIODRRY" target="_blank"><img class="img-section2" src="/imagenes/thor-love-and-thunder.webp" alt="" class="img-section2"></a>
</div>
<dl class="contenedor">
<dt>Thor Amor y Trueno:</dt>
<dd class="caja animado">Mucho tiempo después de los eventos sucedidos en Avengers: Endgame, los Guardianes de la Galaxia deben convencer a Thor para que regrese al campo de batalla y se enfrente a un villano empeñado en matar a todas las criaturas divinas en todo el cosmos. Para luchar contra esta amenaza, Thor debe reclutar a sus amigos Valkyrie, Korg y su ex novia Jane Foster, quien misteriosamente puede empuñar el martillo de Thor y por ende poseer su gran poder.</dd><br>
<ul>
<li>Chris Hemsworth </li>
<li>Christian Bale </li>
<li>Tessa Thompson</li>
<li>Natalie Portman </li>
<li>Russell Crowe </li>
</ul>
</dl>
</div>
</fieldset>
<fieldset class="fieldset">
<legend class="legend-section2">Matrix Resurrecciones:</legend>
<div class="maverik">
<iframe class="thor" width="100%" height="105" src="https://www.youtube.com/embed/8WJFLNMWNmg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div >
<div class="cartelera-img">
<a href="https://youtu.be/8WJFLNMWNmg" target="_blank"><img class="img-section2" src="/imagenes/MatrixResurrections.jpg" alt="" class="img-section2"></a>
</div>
<dl class="contenedor">
<dt>Matrix Resurrecciones:</dt>
<dd class="caja animado">Cuarta entrega de la franquicia "Matrix", que estará dirigida en solitario por Lana Wachowski. La producción del film arrancará en 2020, con Keanu Reeves y Carrie-Anne Moss interpretando de nuevo a sus personajes Neo y Trinity, respectivamente..</dd><br>
<ul>
<li>Carrie-Anne Moss</li>
<li>Laurence Fishburne</li>
<li>Jada Pinkett Smith</li>
<li>Keanu Reeves</li>
<li>Monica Bellucci</li>
</ul>
</dl>
</div>
</fieldset>
</section>
</section>
<script src="./js/menu.js"></script>
<script src="https://kit.fontawesome.com/a478c7ab72.js" crossorigin="anonymous"></script>
</body>
</html>