146 lines
4.9 KiB
HTML
146 lines
4.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Práctica 1 - Sistemas Web | Grupo D
|
|
CompluCine - FDI-cines
|
|
-->
|
|
<html lang="es">
|
|
<head>
|
|
<title>CompluCine | Bocetos</title>
|
|
<meta charset="utf-8" />
|
|
<link id="estilo" rel="stylesheet" type="text/css" href="../assets/css/main.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="../img/favicon.png" />
|
|
</head>
|
|
<body>
|
|
<!-- Header -->
|
|
<div class="header">
|
|
<a href="/"><img src="../img/favicon2.png" /> CompluCine</a> | Bocetos
|
|
<div class="menu">
|
|
<a href="/">Inicio |</a>
|
|
<a href="../detalles/">Detalles |</a>
|
|
<a href="#">Bocetos |</a>
|
|
<a href="../miembros/">Miembros |</a>
|
|
<a href="../planificacion/">Planificación |</a>
|
|
<a href="../contacto/">Contacto</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main -->
|
|
<div class="main">
|
|
<div class="image"><img src="../img/logo_trasparente.png" /></div>
|
|
<h1>Bocetos</h1>
|
|
<hr />
|
|
</div>
|
|
|
|
<!-- Sketches -->
|
|
<div class="row">
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/inicio.png" />
|
|
<div class="description">
|
|
<h3>Pantalla de inicio</h3>
|
|
<p>Pantalla de bienvenida al entrar en la web.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/peliculas.png" />
|
|
<div class="description">
|
|
<h3>Películas</h3>
|
|
<p>Películas.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/cine.png" />
|
|
<div class="description">
|
|
<h3>Cine</h3>
|
|
<p>Cine.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/mapa_asientos.png" />
|
|
<div class="description">
|
|
<h3>Mapa de los Asientos</h3>
|
|
<p>Mapa de los asientos.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/compra_realizada.png" />
|
|
<div class="description">
|
|
<h3>Cine</h3>
|
|
<p>Cine.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/pagar.png" />
|
|
<div class="description">
|
|
<h3>Mapa de los Asientos</h3>
|
|
<p>Mapa de los asientos.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/mapa_asientos.png" />
|
|
<div class="description">
|
|
<h3>Mapa de los Asientos</h3>
|
|
<p>Mapa de los asientos.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/terminosyCondiciones.png" />
|
|
<div class="description">
|
|
<h3>Mapa de los Asientos</h3>
|
|
<p>Mapa de los asientos.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/contacto.png" />
|
|
<div class="description">
|
|
<h3>Cine</h3>
|
|
<p>Cine.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column left">
|
|
<div class="sketches">
|
|
<img src="../img/about_us.png" />
|
|
<div class="description">
|
|
<h3>Mapa de los Asientos</h3>
|
|
<p>Mapa de los asientos.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Footer -->
|
|
<div class="footer">
|
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|