The way that developers are exploring are generators that do it for you. We have some good ones like Jekyll and Middleman . I chose to use Jekyll and it helps me a lot with a language that independent of the programmer, understanding the algorithm is easy.
For example, when I have a home page that has 10 products, I make 1 model of how it would look and a for iterate this repetition.
Jekyll example:
<div class="produtos">
{% for i in (1...9) %}
<div class="product-align">
<div class="product" itemscope itemtype="http://schema.org/Product">
<img itemprop="image" class="product-image center-block" alt="imagem produto" src="assets/images/produto01.png">
<p class="product-title" itemprop="name">Cadeira Tulipa</p>
<p class="product-review" itemprop="review">Clássica criação de Pierre Paulin</p>
<div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<!-- div que separa itens referente ao preço de cada produto -->
<p class="product-price">De: R$2,999.00</p>
<!-- preço original -->
<p class="final-product-price" itemprop="price">Por: R$2,000.</p>
<!-- preço com desconto -->
<p class="parcel-product-price">Ou até 6x de R$250,00.</p>
<!-- preço parcelado -->
</div>
<a href="produto.html">
<button class="btn-see-more" type="button">Veja mais</button>
</a>
</div>
</div>
{% endfor %}
</div>
Jekyll allows you to send the HTML together as if it were a sort of "merge" of pages and allows you to send as I sent up. You can send the 2 forms to the customer and he takes care of everything else. This is the most appropriate way.