Está en la página 1de 3

<!

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>

También podría gustarte