search

juanpablor20 / juan.an

angular
0 stars 0 forks source link

ADSO cine #1

Open juanpablor20 opened 1 year ago

juanpablor20 commented 1 year ago

<!DOCTYPE html>

body { font-family: Arial, sans-serif; }

nav { background-color: #333; color: #fff; overflow: hidden; }

.menu { list-style-type: none; padding: 0; margin: 0; display: flex; }

.menu li { padding: 20px; }

.menu a { text-decoration: none; color: #fff; }

.menu-icon { display: none; }

@media screen and (max-width: 768px) { .menu { display: none; flex-direction: column; width: 100%; position: absolute; top: 60px; left: 0; background-color: #333; }

.menu.show {
    display: flex;
}

.menu-icon {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

}

juanpablor20 commented 1 year ago

<!DOCTYPE html>

Cine XYZ

Sala 1

Película: Avengers: Endgame

Horario de Proyección: 15:00 - 17:30

Sala 2

Película: Spider-Man: No Way Home

Horario de Proyección: 14:45 - 17:15

body { font-family: Arial, sans-serif; }

header { background-color: #333; color: #fff; text-align: center; padding: 20px; }

button { background-color: #ff6600; color: #fff; padding: 10px 20px; border: none; cursor: pointer; }

.room-list { display: none; padding: 20px; }

.room { border: 1px solid #ccc; padding: 10px; margin: 10px 0; }

.room h2 { margin: 0; }

@media screen and (max-width: 768px) { .room-list { padding: 10px; } } document.getElementById('showRoomsBtn').addEventListener('click', function () { const roomList = document.querySelector('.room-list'); roomList.style.display = 'block'; });

juanpablor20 commented 1 year ago

Conexión ala base de datos <?php $servername = "tu_servidor"; $username = "tu_usuario"; $password = "tu_contraseña"; $dbname = "tu_base_de_datos";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) { die("La conexión a la base de datos falló: " . $conn->connect_error); } ?>

juanpablor20 commented 1 year ago

consultas SQL. <?php if ($_SERVER["REQUEST_METHOD"] == "POST") { $name = $_POST["name"]; $email = $_POST["email"]; $movie = $_POST["movie"]; $time = $_POST["time"];

$sql = "INSERT INTO reservas (nombre, email, pelicula, horario) VALUES ('$name', '$email', '$movie', '$time')";

if ($conn->query($sql) === TRUE) {
    echo "Reserva exitosa";
} else {
    echo "Error al realizar la reserva: " . $conn->error;
}

}

$conn->close(); ?>

juanpablor20 commented 1 year ago

Consulta <?php $servername = "tu_servidor"; $username = "tu_usuario"; $password = "tu_contraseña"; $dbname = "tu_base_de_datos";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) { die("La conexión a la base de datos falló: " . $conn->connect_error); }

$sql = "SELECT * FROM reservas"; // Reemplaza "reservas" con el nombre de tu tabla

$result = $conn->query($sql);

if ($result->num_rows > 0) { echo "

Reservas

"; echo ""; echo "";

while ($row = $result->fetch_assoc()) {
    echo "<tr>";
    echo "<td>" . $row["ID"] . "</td>";
    echo "<td>" . $row["nombre"] . "</td>";
    echo "<td>" . $row["email"] . "</td>";
    echo "<td>" . $row["pelicula"] . "</td>";
    echo "<td>" . $row["horario"] . "</td>";
    echo "</tr>";
}

echo "</table>";

} else { echo "No hay reservas."; }

$conn->close(); ?>

juanpablor20 commented 1 year ago

Estilo nueva página <!DOCTYPE html>

Bienvenido a Cine XYZ

Disfruta de las últimas películas en nuestras salas de cine.

Reservar Ahora

Derechos Reservados © Juan Pablo

juanpablor20 commented 1 year ago

Css / Estilos generales / body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; / Color de fondo suave / }

/ Encabezado / header { background-color: #333; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 20px; }

.logo img { width: 100px; height: auto; }

nav ul { list-style-type: none; margin: 0; padding: 0; }

nav ul li { display: inline; margin-right: 20px; }

nav ul li a { text-decoration: none; color: #fff; font-weight: bold; }

/ Sección Hero / .hero { background-image: url('hero-bg.jpg'); / Cambia 'hero-bg.jpg' por tu imagen de fondo / background-size: cover; background-position: center; text-align: center; padding: 100px 0; color: #fff; }

.hero h1 { font-size: 36px; margin-bottom: 20px; }

.hero p { font-size: 18px; margin-bottom: 40px; }

.hero a { background-color: #ff6600; color: #fff; padding: 10px 20px; border: none; font-weight: bold; text-decoration: none; border-radius: 5px; transition: background-color 0.3s ease; }

.hero a:hover { background-color: #e55000; }

/ Sección Películas Destacadas / .featured-movies { background-color: #fff; padding: 60px 0; text-align: center; }

/ Pie de Página / footer { background-color: #333; color: #fff; text-align: center; padding: 10px 0; }

/ Otros estilos personalizados según tus necesidades /

  • © Githubissues.
  • Githubissues is a development platform for aggregating issues.
IDNombreEmailPelículaHorario