Если вы посмотрите на исходный код демонстрации, вы увидите, что это действительно просто . Изменить эту часть:
<!-- first row -->
<div class="item">
<!-- image -->
<img src="http://farm1.static.flickr.com/_m.jpg" />
<!-- title -->
<h3>1. Barcelona Pavilion</h3>
<!-- content -->
<p>
The Pavilion was not only a pioneer ...
</p>
</div>
<!-- 2:nd and 3:rd rows -->
<div class="item"> ... </div>
<div class="item"> ... </div>
</div>
<!-- second element with another three rows (and so on) -->
<div>
...
</div>
К этому:
<!-- first row -->
<div class="item">
<!-- image -->
<img src="http://farm1.static.flickr.com/_m.jpg" />
<!-- title -->
<h3>1. Barcelona Pavilion</h3>
<!-- content -->
<p>
The Pavilion was not only a pioneer ...
</p>
</div>
<!-- 2:nd row -->
<div class="item"> ... </div>
</div>
<!-- second element with another two rows (and so on) -->
<div>
...
</div>
Большинство изменений - это комментарии HTML. Все, что вам нужно сделать, это иметь на один набор элементов <div class="item">...</div>
меньше.