Skip to content

F
Fogliasana_web
Commit e62c869d authored by Ukita360's avatar Ukita360
Browse files
Options

Etiquetas para productos

parent 82ba1313
Pipeline #16 failed with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 133 additions and 0 deletions
      Etiquetas.html 0 → 100644
      View file @ e62c869d
      <!DOCTYPE html>
      <html lang="en">
      <head>
      <meta charset="UTF-8">
      <title> Etiquetas </title>
      <link rel="stylesheet" href="estilos.css">
      <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script src="https://unpkg.com/masonry-layout@4.2.2/dist/masonry.pkgd.min.js"></script>
      </head>
      <body>
      <div class="contenedor">
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      <div class="elemento">
      <img src="http://lorempixel.com/220/300/city" alt="">
      <p>Fogliasana, COMO HAY DE LECHUGA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</p>
      </div>
      </div>
      <script>
      var container = document.querySelector('.contenedor');
      var msnry = new Masonry( container, {
      // options
      itemSelector: '.elemento'
      });
      </script>
      </body>
      estilos.css 0 → 100644
      View file @ e62c869d
      * {
      margin:0;
      padding:0;
      }
      body {
      background:#e9e9e9;
      }
      .contenedor {
      width:90%;
      margin:15px auto;
      }
      .elemento {
      width:220px;
      background:#fff;
      float:left;
      margin-right:15px;
      margin-bottom:15px;
      box-shadow:0 1px 2px 0 rgba(0,0,0,0.22);
      }
      .elemento p {
      padding:10px;
      font-size:13px;
      }
      .elemento img {
      width:100%;
      }
      \ No newline at end of file
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment