diff --git a/assets/img/aclamada_1.jpg b/assets/img/aclamada_1.jpg new file mode 100644 index 0000000..295eac1 Binary files /dev/null and b/assets/img/aclamada_1.jpg differ diff --git a/assets/img/aclamada_10.jpg b/assets/img/aclamada_10.jpg new file mode 100644 index 0000000..65fe1b4 Binary files /dev/null and b/assets/img/aclamada_10.jpg differ diff --git a/assets/img/aclamada_11.jpg b/assets/img/aclamada_11.jpg new file mode 100644 index 0000000..7e50343 Binary files /dev/null and b/assets/img/aclamada_11.jpg differ diff --git a/assets/img/aclamada_12.jpg b/assets/img/aclamada_12.jpg new file mode 100644 index 0000000..d6f11d3 Binary files /dev/null and b/assets/img/aclamada_12.jpg differ diff --git a/assets/img/aclamada_2.jpg b/assets/img/aclamada_2.jpg new file mode 100644 index 0000000..e1e01de Binary files /dev/null and b/assets/img/aclamada_2.jpg differ diff --git a/assets/img/aclamada_3.jpg b/assets/img/aclamada_3.jpg new file mode 100644 index 0000000..b656571 Binary files /dev/null and b/assets/img/aclamada_3.jpg differ diff --git a/assets/img/aclamada_4.jpg b/assets/img/aclamada_4.jpg new file mode 100644 index 0000000..8dd20c0 Binary files /dev/null and b/assets/img/aclamada_4.jpg differ diff --git a/assets/img/aclamada_5.jpg b/assets/img/aclamada_5.jpg new file mode 100644 index 0000000..390165e Binary files /dev/null and b/assets/img/aclamada_5.jpg differ diff --git a/assets/img/aclamada_6.jpg b/assets/img/aclamada_6.jpg new file mode 100644 index 0000000..925b123 Binary files /dev/null and b/assets/img/aclamada_6.jpg differ diff --git a/assets/img/aclamada_7.jpg b/assets/img/aclamada_7.jpg new file mode 100644 index 0000000..8bc8498 Binary files /dev/null and b/assets/img/aclamada_7.jpg differ diff --git a/assets/img/aclamada_8.jpg b/assets/img/aclamada_8.jpg new file mode 100644 index 0000000..6cfba25 Binary files /dev/null and b/assets/img/aclamada_8.jpg differ diff --git a/assets/img/aclamada_9.jpg b/assets/img/aclamada_9.jpg new file mode 100644 index 0000000..3211a76 Binary files /dev/null and b/assets/img/aclamada_9.jpg differ diff --git a/assets/img/banner-bg.jpg b/assets/img/banner-bg.jpg new file mode 100644 index 0000000..194245d Binary files /dev/null and b/assets/img/banner-bg.jpg differ diff --git a/assets/img/bg-register.jpg b/assets/img/bg-register.jpg new file mode 100644 index 0000000..2c00be4 Binary files /dev/null and b/assets/img/bg-register.jpg differ diff --git a/assets/img/flecha-hacia-arriba.png b/assets/img/flecha-hacia-arriba.png new file mode 100644 index 0000000..3c5387a Binary files /dev/null and b/assets/img/flecha-hacia-arriba.png differ diff --git a/assets/img/mario-bg.jpg b/assets/img/mario-bg.jpg new file mode 100644 index 0000000..d32a533 Binary files /dev/null and b/assets/img/mario-bg.jpg differ diff --git a/assets/img/mario.jpg b/assets/img/mario.jpg new file mode 100644 index 0000000..b3a54a2 Binary files /dev/null and b/assets/img/mario.jpg differ diff --git a/assets/img/peli_1.jpg b/assets/img/peli_1.jpg new file mode 100644 index 0000000..db81fc9 Binary files /dev/null and b/assets/img/peli_1.jpg differ diff --git a/assets/img/peli_10.jpg b/assets/img/peli_10.jpg new file mode 100644 index 0000000..e650f01 Binary files /dev/null and b/assets/img/peli_10.jpg differ diff --git a/assets/img/peli_11.jpg b/assets/img/peli_11.jpg new file mode 100644 index 0000000..64fd18e Binary files /dev/null and b/assets/img/peli_11.jpg differ diff --git a/assets/img/peli_12.jpg b/assets/img/peli_12.jpg new file mode 100644 index 0000000..b33fcbb Binary files /dev/null and b/assets/img/peli_12.jpg differ diff --git a/assets/img/peli_13.jpg b/assets/img/peli_13.jpg new file mode 100644 index 0000000..9b48e18 Binary files /dev/null and b/assets/img/peli_13.jpg differ diff --git a/assets/img/peli_14.jpg b/assets/img/peli_14.jpg new file mode 100644 index 0000000..3d1dfbf Binary files /dev/null and b/assets/img/peli_14.jpg differ diff --git a/assets/img/peli_15.jpg b/assets/img/peli_15.jpg new file mode 100644 index 0000000..ef12669 Binary files /dev/null and b/assets/img/peli_15.jpg differ diff --git a/assets/img/peli_16.jpg b/assets/img/peli_16.jpg new file mode 100644 index 0000000..1350cd8 Binary files /dev/null and b/assets/img/peli_16.jpg differ diff --git a/assets/img/peli_17.jpg b/assets/img/peli_17.jpg new file mode 100644 index 0000000..b6b4d6f Binary files /dev/null and b/assets/img/peli_17.jpg differ diff --git a/assets/img/peli_18.jpg b/assets/img/peli_18.jpg new file mode 100644 index 0000000..6a33fba Binary files /dev/null and b/assets/img/peli_18.jpg differ diff --git a/assets/img/peli_19.jpg b/assets/img/peli_19.jpg new file mode 100644 index 0000000..e4eebbd Binary files /dev/null and b/assets/img/peli_19.jpg differ diff --git a/assets/img/peli_2.jpg b/assets/img/peli_2.jpg new file mode 100644 index 0000000..7a1b05e Binary files /dev/null and b/assets/img/peli_2.jpg differ diff --git a/assets/img/peli_3.jpg b/assets/img/peli_3.jpg new file mode 100644 index 0000000..325cbc5 Binary files /dev/null and b/assets/img/peli_3.jpg differ diff --git a/assets/img/peli_4.jpg b/assets/img/peli_4.jpg new file mode 100644 index 0000000..e8a3757 Binary files /dev/null and b/assets/img/peli_4.jpg differ diff --git a/assets/img/peli_5.jpg b/assets/img/peli_5.jpg new file mode 100644 index 0000000..2c57b15 Binary files /dev/null and b/assets/img/peli_5.jpg differ diff --git a/assets/img/peli_6.jpg b/assets/img/peli_6.jpg new file mode 100644 index 0000000..c8f1566 Binary files /dev/null and b/assets/img/peli_6.jpg differ diff --git a/assets/img/peli_7.jpg b/assets/img/peli_7.jpg new file mode 100644 index 0000000..872607c Binary files /dev/null and b/assets/img/peli_7.jpg differ diff --git a/assets/img/peli_8.jpg b/assets/img/peli_8.jpg new file mode 100644 index 0000000..6f2b321 Binary files /dev/null and b/assets/img/peli_8.jpg differ diff --git a/assets/img/peli_9.jpg b/assets/img/peli_9.jpg new file mode 100644 index 0000000..b14c105 Binary files /dev/null and b/assets/img/peli_9.jpg differ diff --git a/css/estilos.css b/css/estilos.css new file mode 100644 index 0000000..2fbb92b --- /dev/null +++ b/css/estilos.css @@ -0,0 +1,823 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Nunito', sans-serif; +} +@keyframes tilt-n-move-shaking { + 0% { transform: translate(0, 0) rotate(0deg); } + 25% { transform: translate(5px, 5px) rotate(5deg); } + 50% { transform: translate(0, 0) rotate(0eg); } + 75% { transform: translate(-5px, 5px) rotate(-5deg); } + 100% { transform: translate(0, 0) rotate(0deg); } +} +/* width */ +::-webkit-scrollbar { + width: 10px; +} + +/* Track */ +::-webkit-scrollbar-track { + background: rgb(23, 23, 23); +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #9f3647; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background:#9f3647; +} +body{ + background-color: #181419; + color:white; + /* scrollbar-color: #9f3647 #181419; /*nuevo + scrollbar-width: thin;*/ +} + +/*ESTILOS HEADER PARA ESCRITORIO*/ +.header{ + background-color:#9f3647; + color:#ffffff; + height: 10vh; + position:sticky; + top: 0; + z-index:10; + .navegacion{ + display: flex; + justify-content: space-between; + align-items: center; + margin-left:40px; + margin-right: 40px; + padding: 1.5rem 0; + .anclaLogo{ + text-decoration: none; + color: #ffffff; + font-weight: 700; + font-size: 1.2rem; + /*animacion hover*/ + &:hover{ + animation: tilt-n-move-shaking 0.25s infinite; + } + } + .listaNav{ + list-style: none; + display: flex; + align-items: center; + .listaItem{ + margin-right:20px; + .linkNav{ + text-decoration: none; + color:#ffffff; + font-weight: 700; + font-size: 1.1rem; + padding: 0.5rem 1rem; + /* Agregar efecto de botón presionado */ + transition: transform 0.3s, box-shadow 0.3s; + &:hover { + transform: scale(0.95); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); + border-radius: 5px; + } + } + .linkNav.iniciarSesion{ + background-color: #181419; + color: white; + + border-radius: 5px; + /* Agregar efecto de botón presionado */ + transition: transform 0.3s, box-shadow 0.3s; + &:hover { + background-color: #9f3647; + /* transform: scale(0.95); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/ + } + } + } + + } + } + +} +/*ESTILOS PARA HEADER MOBILE Y TABLET*/ + +@media (max-width: 768px) { + .header{ + height: initial; + .navegacion{ + margin-left:10px; + margin-right: 10px; + flex-direction: column; + row-gap: 20px; + .anclaLogo{ + font-size: 1.2rem; + font-weight:700; + } + .listaNav{ + + padding:initial; + .listaItem{ + .linkNav{ + font-weight: 400; + margin-right: initial; + font-size: 1rem; + padding: 0.2rem; + + } + + } + } + } + } +} +/*ESTILOS PARA MAIN ESCRITORIO*/ +.main{ + .sectionPrincipal{ + color:white; + background:linear-gradient(to right top, #0000008a, #0000008a), url(../assets/img/banner-bg.jpg); + background-size: cover; + background-position: center; + height: 90vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + .tituloPrincipal{ + font-size: 4rem; + font-weight: 700; + margin-bottom: 1rem; + } + .subtituloPrincipal{ + font-size: 2.2rem; + font-weight: 400; + margin-bottom: 1rem; + } + .botonRegistrarse{ + background-color:#9f3647; + color: #ffffff; + padding: 1rem 2rem; + border-radius: 5px; + font-size: 1.2rem; + font-weight: 700; + text-decoration: none; + /* Agregar efecto de botón presionado */ + transition: transform 0.3s, box-shadow 0.3s; + &:hover { + background-color: #9f3647; + transform: scale(0.95); + box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); + } + } + } + .buscadorPrincipal{ + background-color: #181419; + color:white; + height: 50vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + .tituloSection{ + font-size: 2.5rem; + font-weight: 700; + margin-bottom: 1rem; + } + .buscadorPeliculas{ + display: flex; + justify-content: center; + align-items: center; + margin-top: 1rem; + .inputBuscador{ + border: 2px solid white; + border-radius: 25px; + color: #ffffff; + font-size: 1.2rem; + height: 50px; + margin: 20px 0px; + outline: none; + padding: 0px 20px; + width: 500px; + } + .botonBuscador{ + background-color:#9f3647; + display: inline-block; + color:#ffffff; + height: 50px; + margin: 20px 10px; + padding:0 20px; + border-radius: 25px; + font-size: 1.2rem; + font-weight: 700; + border: 2px solid white; + text-align: center; + /* Agregar efecto de botón presionado */ + transition: transform 0.3s, box-shadow 0.3s; + &:hover { + background-color: #9f3647; + transform: scale(0.95); + box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); + } + } + } + + } + .peliculasTendencia{ + width:80%; + margin: 0 auto; + text-align: center; + margin-top: 10px; + .tituloSection{ + font-size: 2.5rem; + font-weight: 700; + margin-bottom: 40px; + } + .peliculas{ + display: flex; + justify-content: center; + flex-wrap: wrap; + gap:60px; + a{ + text-decoration: none; + color: #ffffff; + .pelicula{ + width:200px; + height: 300px; + position: relative; + overflow: hidden; + border-radius: 10px; + transition: all 0.5s ease; + + .imgTendencia{ + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 10px; + } + + .tituloPelicula{ + z-index: 2; + position: absolute; + text-align: center; + top: 50%; + left: 50%; + max-width: 20rem; + width: 100%; + transform: translateY(-50%) translateX(-50%); + h4 { + font-size: 2rem; + font-weight: bold; + opacity: 0; + margin-bottom: 0.5rem; + letter-spacing: 0.1rem; + transition: opacity 0.5s ease-in-out; + + } + } + &:hover{ + box-shadow: 0 0 30px #9f3648cd; + transform: scale(1.1); + + } + &:hover h4 { + opacity: 1; + + } + &:hover::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 10px; + background-color: #9f3648; /* Color rojo transparente */ + z-index: 1; /* Para asegurarse de que esté sobre la imagen */ + } + } + } + + } + .boton{ + border: 1px solid white; + box-sizing: content-box; + margin-top:50px; + margin-left:20px; + background-color:#9f3647; + color: #ffffff; + padding: 1rem 1rem; + border-radius: 5px; + font-size: 1rem; + font-weight: 500; + text-decoration: none; + margin-bottom:60px; + /* Agregar efecto de botón presionado */ + transition: transform 0.3s, box-shadow 0.3s; + &:hover { + background-color: #9f3647; + transform: scale(0.95); + box-shadow: 0 0 10px rgba(255, 255, 255, 0.3); + } + + } + } + .peliculasAclamadas{ + width:80%; + margin: 0 auto; + text-align: center; + margin-top: 10px; + margin-bottom:60px; + .tituloSection{ + font-size: 2.5rem; + font-weight: 700; + margin-bottom: 40px; + } + .aclamadas{ + overflow-x: scroll; + overflow-y: hidden; + width: 100%; + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding: 0px 0px 40px 0px; + .peliculaItem{ + border-radius: 25px; + width: 170px; + min-width: 170px; + font-size: 20px; + cursor: pointer; + margin-left: 30px; + display: flex; + flex-direction: column; + justify-content: space-between; + + .imgAclamada{ + border-radius: 5%; + width: 95%; + height: 95%; + object-fit: cover; + } + + } + + + } + } + +} + +@media (max-width: 768px) { + .main{ + .sectionPrincipal{ + height: 60vh; + .tituloPrincipal{ + font-size: 2.5rem; + } + .subtituloPrincipal{ + font-size: 1.5rem; + } + .botonRegistrarse{ + padding: 0.8rem 1.5rem; + font-size: 1rem; + } + } + .buscadorPrincipal{ + height: 30vh; + .tituloSection{ + font-size: 1.6rem; + } + .buscadorPeliculas{ + .inputBuscador{ + font-size: 1rem; + height: 40px; + width: 300px; + } + .botonBuscador{ + height: 40px; + padding:0 15px; + font-size: 1rem; + } + } + } + .peliculasTendencia{ + width: 95%; + .tituloSection{ + font-size: 2rem; + } + .peliculas{ + flex-direction: column; + justify-content: center; + align-items: center; + + a{ + width: 100%; + .pelicula{ + width: 100%; + height: 500px; + + .tituloPelicula{ + h4 { + font-size: 1rem; + } + } + + } + } + &:hover{ + box-shadow:initial; + transform: scale(0.9); + + } + + } + .boton{ + padding: 0.8rem 0.8rem; + font-size: 0.8rem; + } + } + .peliculasAclamadas{ + .tituloSection{ + font-size: 2rem; + } + .aclamadas{ + .peliculaItem{ + width: 150px; + min-width: 150px; + font-size: 15px; + margin-left: 20px; + .imgAclamada{ + width: 90%; + height: 90%; + } + } + } + } + } +} + +/*ESTILOS ESCRITORIO FOOTER*/ +.footer{ + background-color:#9f3647; + color:#ffffff; + height: 15vh; + display: flex; + justify-content: center; + align-items: center; + .listaNav{ + list-style: none; + display: flex; + align-items: center; + .listaItem{ + margin-left:20px; + .linkNav{ + text-decoration: none; + color:#ffffff; + font-weight: 700; + font-size: 1.2rem; + } + .administradorPeliculas{ + background-color: #181419; + color: white; + padding: 0.5rem 1rem; + border-radius: 5px; + } + } + } + .flechaArriba{ + position: fixed; + bottom: 20px; + right: 20px; + color: white; + cursor: pointer; + } +} +/*ESTILOS FOOTER CELULAR Y TABLET CHICA*/ +@media (max-width: 768px) { + .footer{ + height: initial; + padding-top:15px; + padding-bottom: 20px; + .listaNav{ + flex-direction: column; + + row-gap: 15px; + .listaItem{ + + .linkNav{ + font-size: 1rem; + } + .administradorPeliculas{ + padding: 0.5rem 0.8rem; + } + } + } + } +} + + + + +/*ESTILOS ESCRITORIO PARA PAGINA Registrarse */ +.bodyRegistrarse{ + height: 100vh; + background:linear-gradient(to right top, #24242473,#24242473),url("../assets/img/bg-register.jpg"); + background-size: cover; + background-position: center; + .headerRegistrarse{ + color:#ffffff; + height: 8vh; + padding:30px; + .anclaLogo{ + text-decoration: none; + color: #ffffff; + font-weight: 700; + font-size: 1.2rem; + /*animacion hover*/ + &:hover{ + animation: tilt-n-move-shaking 0.25s infinite; + } + } + } + .main{ + /*seccion de registrarse.html*/ + .seccionRegistrarse{ + background-color:rgb(42, 42, 42); + width: 30%; + margin:0 auto; + border-radius: 5px; + padding: 40px 20px; + display: flex; + flex-direction:column; + justify-content: center; + align-items: center; + height: 90vh; + font-size:1.2rem; + .tituloRegistrarse{ + font-size: 2.5rem; + font-weight: 700; + margin-bottom: 20px; + } + /*seleccionar todos los input menos el checkbox*/ + form{ + width: 100%; + padding:40px; + input:not(.check,.boton),select{ + width: 100%; + margin-bottom: 20px; + height: 40px; + padding: 0px 20px; + font-size: 1.2rem; + border-radius: 20px; + border: 2px solid #9f3647; + background-color: #333333; + outline: none; + color:white; + } + .terminos{ + font-size: 0.8rem; + display: flex; + align-items: center; + margin-bottom: 20px; + .textoCheck{ + margin-left: 10px; + } + } + .boton{ + width: 87%; + box-sizing: content-box; + background-color:#9f3647; + border: 2px solid #9f3647; + color: #ffffff; + padding: 1rem 1rem; + border-radius: 5px; + font-size: 1rem; + font-weight: 500; + + } + .ayuda{ + margin-top:40px; + font-size: 1rem; + text-decoration: none; + color: #787878; + font-weight:400; + + } + } + + } + + } +} + +/*media querys para mobile PAGINA registrarse*/ +@media (max-width: 1200px) { + .bodyRegistrarse{ + .headerRegistrarse{ + padding:20px; + .anclaLogo{ + font-size: 1rem; + } + } + .main{ + .seccionRegistrarse{ + width: 95%; + padding: 10px 10px; + .tituloRegistrarse{ + font-size: 2rem; + } + form{ + width: 100%; + text-align: center; + + input:not(.check,.boton),select{ + width: 80%; + height: 35px; + font-size: 1rem; + } + .terminos{ + width: 80%; + margin:0 auto; + font-size: 0.7rem; + } + .boton{ + margin-top: 20px; + margin-bottom: 20px; + width: 70%; + padding: 0.8rem 0.8rem; + font-size: 0.8rem; + } + .ayuda{ + text-align: left; + font-size: 0.8rem; + } + } + + } + } + } + +} + +/*ESTILOS ESCRITORIO Detalle Mario*/ +.mainDetalle{ + + .detalle{ + padding-top:50px; + background:linear-gradient(to right top, #6d6969a7, #6d6969a7),url("../assets/img/mario-bg.jpg"); + background-size: cover; + background-position: center; + height: 70vh; + .contenedorDetalle{ + width:75%; + margin: 0 auto; + display: flex; + justify-content: center; + align-items: center; + column-gap: 60px; + img{ + border-radius: 20px; + } + .textoDetalle{ + h1{ + font-size: 2.2rem; + font-weight: 700; + } + h2{ + margin-top:20px; + } + .contenedorCreditos{ + margin-top:20px; + display: flex; + justify-content:space-between; + } + } + } + + + + } + .trailer{ + padding-top:150px; + padding-bottom: 100px; + width:75%; + margin: 0 auto; + display: flex; + justify-content: space-between; + align-items: center; + column-gap: 70px; + .contenedorInfo{ + .redes{ + margin-bottom: 20px; + ul{ + list-style: none; + display: flex; + column-gap: 20px; + li{ + a{ + text-decoration: none; + color: #ffffff; + font-size: 2.5rem; + margin-right: 50px; + } + } + + } + } + .info{ + table{ + width: 100%; + tr{ + td{ + font-size: 1.2rem; + padding: 10px 0px; + } + } + } + } + } + } + +} +/*ESTILOS MOBILE Y TABLETS DETALLE*/ +@media screen and (max-width:1200px){ + .mainDetalle{ + .detalle{ + height: initial; + .contenedorDetalle{ + flex-direction: column; + row-gap: 20px; + img{ + width: 100%; + height: 300px; + } + .textoDetalle{ + h1{ + font-size: 1.5rem; + } + h2{ + font-size: 1rem; + } + .contenedorCreditos{ + flex-direction: column; + row-gap: 10px; + } + } + } + } + .trailer{ + width:95%; + padding-top:50px; + padding-bottom: 50px; + flex-direction: column; + row-gap: 20px; + .contenedorTrailer{ + width: 100%; + h2{ + margin-bottom: 20px; + } + iframe{ + width: 100%; + height: 300px; + + } + } + .contenedorInfo{ + width: 100%; + .redes{ + width: 100% ; + ul{ + width: 100%; + display: flex; + justify-content: space-between; + + li{ + a{ + font-size: 2rem; + margin-right: 20px; + } + } + } + } + .info{ + table{ + tr{ + td{ + font-size: 1rem; + } + } + } + } + } + } + } +} + +hr{ + border: 1px solid #9f3647; + width: 80%; + margin: 0 auto; + margin-top: 40px; +} \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..238b5a0 Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..7b7a94d --- /dev/null +++ b/index.html @@ -0,0 +1,244 @@ + + + + + + CAC-MOVIES + + + + + + + +
+ +
+
+
+

Películas y series ilimitadas
en un solo lugar

+

Disfruta donde quieras.
Cancela en cualquier momento.

+ Registrate +
+
+

¿Qué estas buscando para ver?

+
+ + +
+ + +
+
+
+

Las tendencias de hoy

+ + + +
+
+
+

Las más aclamadas

+
+
+ aclamada_1 +
+
+ aclamada_2 +
+
+ aclamada_3 +
+
+ aclamada_4 +
+
+ aclamada_5 +
+
+ aclamada_6 +
+
+ aclamada_7 +
+
+ aclamada_8 +
+
+ aclamada_9 +
+
+ aclamada_10 +
+
+ aclamada_11 +
+
+ aclamada_12 +
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/pages/detalle.html b/pages/detalle.html new file mode 100644 index 0000000..6289e68 --- /dev/null +++ b/pages/detalle.html @@ -0,0 +1,124 @@ + + + + + + Detalle | CAC-MOVIES + + + + + + + +
+ +
+
+
+
+
+ mario pelicula 2023 +
+
+

The Super Mario Bros. Movie (2023)

+

04/05/2023 • Animation, Family, Adventure, Fantasy, Comedy • 1h 33m

+

Overview

+

While working underground to fix a water main, Brooklyn plumbers—and brothers—Mario and Luigi are transported down a mysterious pipe and wander into a magical new world. But when the brothers are separated, Mario embarks on an epic quest to find Luigi.

+
+
+

Aaron Horvath

+

Director

+
+
+

Michael Jelenic

+

Director

+
+
+

Matthew Fogel

+

Writer

+
+
+ +
+
+ + +
+ +
+
+

Ver trailer

+ +
+
+
+
    +
  • +
  • +
  • +
  • +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + +
Info
StatusReleased
Original LanguageEnglish
Budget $100.000.000,00
Revenue $1.347.013.866,00
+
+ +
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/pages/iniciosesion.html b/pages/iniciosesion.html new file mode 100644 index 0000000..c420fa0 --- /dev/null +++ b/pages/iniciosesion.html @@ -0,0 +1,51 @@ + + + + + + Registro | CAC-MOVIES + + + + + + + +
+ + +
+
+
+
+

Iniciar Sesión

+ +
+ +
+
+ +
+ + +
+ +
+ +
+ + Registrarse +
+
+
+ +
+ + + + \ No newline at end of file diff --git a/pages/registrarse.html b/pages/registrarse.html new file mode 100644 index 0000000..da9a3fc --- /dev/null +++ b/pages/registrarse.html @@ -0,0 +1,75 @@ + + + + + + Registro | CAC-MOVIES + + + + + + + +
+ + +
+
+
+
+

Registro

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+ +
+ Necesitas ayuda? +
+
+
+ +
+ + + + \ No newline at end of file