title: Add div after 5 item in sequence
body: <p>I need to add a div tag after each 5 items. can any one provide any assistance with this logic, i have tried but, no success.</p>
  
  <p>I have this code:</p>
  
  <pre><code>&lt;div class="product-grid"&gt;
      &lt;?php foreach ($products as $product) { ?&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;?php } ?&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><strong>I get this</strong></p>
  
  <pre><code>&lt;div class="product-grid"&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>It would look like this:</strong> (add a div after 5 item in sequence.)</p>
  
  <pre><code>&lt;div class="product-grid"&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="clearfix visible-xs-block"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
      &lt;div class="clearfix visible-xs-block"&gt;&lt;/div&gt;
      &lt;div class="item"&gt;.....&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Some help would be appreciated.</p>