title: How to make a loop in HTML
body: <p>I have html file with a portfolio. Every portfolio item looks like this:</p>
  <pre><code>&lt;div class=&quot;item&quot;&gt;
      &lt;div class=&quot;portfolio-item&quot;&gt;
              &lt;a href=&quot;img/portfolio-item-1.jpg&quot; data-lightbox=&quot;image-1&quot;&gt;
                 &lt;img src=&quot;img/portfolio-item-1.jpg&quot;&gt;
              &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Is there a easy and simple way to make a loop. So I create multple of these div's and each time the number changes. So the second time I have to get portfolio-item-2.</p>