Práctica 1
This commit is contained in:
86
contacto/index.html
Normal file
86
contacto/index.html
Normal file
@ -0,0 +1,86 @@
|
||||
<!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>
|
Reference in New Issue
Block a user