87 lines
3.5 KiB
HTML
87 lines
3.5 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
|
<!--
|
||
|
|
Práctica 1 - Sistemas Web | Grupo D
|
||
|
|
CompluCine - FDI-cines
|
||
|
|
-->
|
||
|
|
<html lang="es">
|
||
|
|
<head>
|
||
|
|
<title>CompluCine | Contacto</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> | Contacto
|
||
|
|
<div class="menu">
|
||
|
|
<a href="/">Inicio |</a>
|
||
|
|
<a href="../detalles/">Detalles |</a>
|
||
|
|
<a href="../bocetos/">Bocetos |</a>
|
||
|
|
<a href="../miembros/">Miembros |</a>
|
||
|
|
<a href="../planificacion/">Planificación |</a>
|
||
|
|
<a href="#">Contacto</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Main -->
|
||
|
|
<div class="main">
|
||
|
|
<div class="image"><img src="../img/logo_trasparente.png" /></div>
|
||
|
|
<h1>Contacto</h1>
|
||
|
|
<hr />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Form -->
|
||
|
|
<section id="form">
|
||
|
|
<h4>Formulario</h4>
|
||
|
|
<form method="post" action="mailto:fernmend@ucm.es">
|
||
|
|
<div class="row">
|
||
|
|
<fieldset id="datos_personales">
|
||
|
|
<legend>Datos personales</legend>
|
||
|
|
<div class="_name">
|
||
|
|
<input type="text" name="name" id="name" value="" placeholder="Nombre" />
|
||
|
|
</div>
|
||
|
|
<div class="_email">
|
||
|
|
<input type="email" name="email" id="email" value="" placeholder="Email" />
|
||
|
|
</div>
|
||
|
|
</fieldset>
|
||
|
|
<fieldset id="motivo">
|
||
|
|
<legend>Motivo de la consulta</legend>
|
||
|
|
<div class="reason">
|
||
|
|
<input type="radio" id="radio" name="reason" checked>
|
||
|
|
<label for="evaluation">Evaluación</label>
|
||
|
|
</div>
|
||
|
|
<div class="reason">
|
||
|
|
<input type="radio" id="radio" name="reason">
|
||
|
|
<label for="sugestions">Sugerencias</label>
|
||
|
|
</div>
|
||
|
|
<div class="reason">
|
||
|
|
<input type="radio" id="radio" name="reason">
|
||
|
|
<label for="critics">Críticas</label>
|
||
|
|
</div>
|
||
|
|
</fieldset>
|
||
|
|
<div class="message">
|
||
|
|
<textarea name="message" id="message" placeholder="Escribe aquí tu mensaje..."></textarea> <!-- rows="5" -->
|
||
|
|
</div>
|
||
|
|
<div class="verify">
|
||
|
|
<input type="checkbox" id="checkbox" name="terms">
|
||
|
|
<label for="terms">Marque esta casilla para verificar que ha leído nuestros términos y condiciones del servicio.</label>
|
||
|
|
</div>
|
||
|
|
<div class="actions">
|
||
|
|
<input type="submit" id="submit" value="Enviar mensaje" class="primary" />
|
||
|
|
<input type="reset" id="reset" value="Borrar" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<div class="footer">
|
||
|
|
<p>© Práctica 1 | Sistemas Web 2021 </p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|