To elaborate on this, I have the HTML code of my old template that I“d like to use. This is the critical section ... Where it seems to loop through the Listing images. How would I code that into Ninox?

<div class=”section cf“>
<div class=”img“>
<div class=”bg-img full“ style=”background-image:url({{listings[0].media[0].file}})“></div>
</div>
<div class=”img“>
<div class=”bg-img half“ style=”background-image:url({{listings[0].media[1].file}})“></div>
<div class=”bg-img half“ style=”background-image:url({{listings[0].media[2].file}})“></div>
</div>
<div class=”text“ style=”margin-top:2mm“>
<div class=”specs“>
<h1 style=”margin-top: 0;margin-bottom: 10px;font-style: normal;font-weight: normal;font-size: 17px;line-height: 25px;color: #534741;font-family: Cinzel;text-align: left;“>{{listings[0].state__c}}, {{listings[0].pba__city_pb__c}}, {{listings[0].pba__postalcode_pb__c}} -
{{listings[0].pba__listingprice_pb__c | money: ”precision: currency_precision, unit: currency_unit, separator: currency_separator, delimiter: currency_delimiter, format: currency_format“ }} pcm
</h1>

<div style=”margin-left: 9px;margin-right: 9px;“>
<div style=”display: block;font-size: 2px;line-height: 2px;width: 100%;background-color: #c9c2a4;Margin-bottom: 6px;“>&nbsp;</div>
</div>

<p style=”font-size: 12px;font-family: Helvetica,Georgia,serif; line-height: 9px;text-align: left;“>
{{listings[0].pba__bedrooms_pb__c}} Bedrooms, {{listings[0].pba__fullbathrooms_pb__c}} Bathrooms, {{listings[0].pba__totalarea_pb__c}} sq. ft, Available {{listings[0].date_available__c | date: date_format}}</p>
<p style=”margin-top: 10px;margin-bottom: 10px;font-family:Helvetica,Georgia,serif;font-size: 10.5px;line-height: 1.2;text-align: left;“> {{listings[0].pba__description_pb__c | truncate: 1200, ”...“ }} </p>
</div>