Documentos de Académico
Documentos de Profesional
Documentos de Cultura
DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="description" content="pagina relacionado con mercado y recetas">
<meta name="robots" content="index,follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Desafio</title>
</head>
<body>
<h1>Soy la lista del super!</h1>
<header>
<nav>
<ul>
<li><a href="">INICIO</a></li>
<li><a href="">TIENDA</a></li>
<li><a href="">NOTICIAS</a></li>
<li><a href="">BLOG</a></li>
</ul>
</nav>
<main>
<ul>
<li>Frutas</li>
<ol>
<li><a href="https://www.youtube.com/watch?
v=yEMWUPVbhj0">Manzana</a></li>
<section>
<figure>
<img src="img/manzana.jpg" alt="manzanas frescas
">
</figure>
<figcaption>manzanas rojas</figcaption>
</section>
<li><a href="https://www.youtube.com/watch?
v=BjMmu2yBiqA">Platano maduro</a></li>
<section>
<figure>
<img src="img/platano.jpg" alt="platano fresco">
</figure>
<figcaption>platanos </figcaption>
</section>
</ol>
<li>Carnes</li>
<ol>
<li><a href="https://www.youtube.com/watch?
v=xP6Il4InMMA">Pollo</a></li>
<section>
<figure>
<img src="img/pollo.jpg" alt="pollo fresco">
</figure>
<figcaption>pechugas campesina</figcaption>
</section>
<li><a href="https://www.youtube.com/watch?
v=SLyXvhrypbc">Carne Molida</a></li>
<section>
<figure>
<img src="img/carne molida.jpg" alt="carne fresc
a">
</figure>
<figcaption>carne de res molida</figcaption>
</section>
</ol>
<li>Verduras
<ol>
<li><a href="https://www.youtube.com/watch?
v=9o_XrrGyvXQ">Limon</a></li>
<section>
<figure>
<img src="img/limones.jpg" alt="limones tahiti">
</figure>
<figcaption>limones amarillos</figcaption>
</section>
<li><a href="https://www.youtube.com/watch?
v=ZZ4a1tTmbUI">Zanahoria</a></li>
<section>
<figure>
<img src="img/zanahoria.jpg" alt="zanahoria ente
ra">
</figure>
<figcaption>zanahoria fresca</figcaption>
</section>
</ol>
</ul>
</main>
</header>
<section>
<video controls preload="auto">
<source src="video/videofrutas.mkv">
<source src="video/videofrutas.mp4">
</video>
</section>
<p>Creado con amor</p>
<form action="">
<label for="nombre"></label>
<span>ingresa tu nombre</span>
<input type="text" id="nombre" name="nombre" placeholder="tu nombre" auto
complete="name" required>
<label for="fecha"></label>
<span>ingresa fecha para mercar</span>
<input type="date" id="fecha" name="fecha" placeholder="fecha" autocomple
te="bday" required>
<label for="correo"></label>
<span>ingresa tu nombre</span>
<input type="email" id="correo" name="correo" placeholder="correo" autoco
mplete="email" required>
<label for="telefono"></label>
<span>ingresa tu nombre</span>
<input type="tel" id="telefono" name="telefono" placeholder="telefono" au
tocomplete="tel" required>
<input list="barrio">
<datalist id="barrio">
<option value="pedregal"></option>
<option value="castilla"></option>
<option value="kenedy"></option>
<option value="cabañas"></option>
</datalist>
<label for="enviar"></label>
<input type="submit">
</form>
</body>
</html>