Scribd
Cargar
13 vistas2 páginas

HTML

El documento es un código HTML para una página web titulada 'CAC - Time to travel', que incluye un formulario para buscar viajes introduciendo origen, destino y fechas. Utiliza Bootstrap para el diseño y Google Fonts para la tipografía. Además, presenta imágenes de ciudades y un enlace para volver al inicio.

Cargado por

Marcelo Garassino
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
13 vistas2 páginas

HTML

El documento es un código HTML para una página web titulada 'CAC - Time to travel', que incluye un formulario para buscar viajes introduciendo origen, destino y fechas. Utiliza Bootstrap para el diseño y Google Fonts para la tipografía. Además, presenta imágenes de ciudades y un enlace para volver al inicio.

Cargado por

Marcelo Garassino
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

HTML

<!DOCTYPE html>
<html lang="es">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CAC - Time to travel</title>

<!-- CSSs -->


<link rel="stylesheet" href="./css/general.css">

<!-- Favicon -->


<link rel="shortcut icon" href="./img/iconos/icons8-travel-64.png" type="image/x-icon">

<!-- Google Fonts -->


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href=https://fonts.googleapis.com/css2?
family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap rel="stylesheet">

<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">


<script src="./bootstrap/js/bootstrap.bundle.min.js"></script>

</head>

<section class="formulario_main">
<form>
<div class="formulario_inicio">
<div>
<label for="origen">Origen</label>
<input type="text" id="origen" name="origen" placeholder="Origen">
</div>
<div>
<label for="destino">Destino</label>
<input type="text" id="destino" name="destino" placeholder="Destino" required>
</div>
<div>
<label for="fecha_ida">Fecha de Ida</label>
<input type="date" id="fecha_ida" name="fecha_ida" placeholder="Fecha de Ida" required>
</div>
<div>
<label for="fecha_vuelta">Fecha de Vuelta</label>
<input type="date" id="fecha_vuelta" name="fecha_vuelta" placeholder="Fecha de Vuelta">
</div>
<div>
<button type="submit" class="formulario_inicio_buscar">Buscar</button>
</div>
</div>
</form>
</section>
.
.
.
.

<div class="ciudad">
<img class="imagenes_ciudades" src="./img/ciudades/Amsterdam.jpg">
<h4 class="nombre_ciudades">
Ámsterdam<br>Países Bajos
</h4>
</div>
.
.
.
.
<a href="./#inicio" class="flechaArriba">
<img class="imgFlechaArriba" src="./img/iconos/icons8-arriba-94.png" alt="ir arriba flecha">
</a>
</footer>
<script src="./js/scriptini.js"></script>
</body>

</html>

También podría gustarte