<ul style="padding-left:30%;"> {for item in data} <li style="display:inline-block;"> <div id="msusk6pp" class="product"> <div id="msusk6pp" class="product_photo"> <a href=${item.href} > <img src=${item.url1} /> </a> </div> <a href=${item.href} class="product_title"><b>${item.type}${item.num}</b> </a> </div> </li> {/for} </ul>

<ul style="padding-left:30%;"> {for item in data} <li style="display:inline-block;"> <div id="msusk6pp" class="product"> <div id="msusk6pp" class="product_photo"> <a href=${item.href} > <img src=${item.url1} /> </a> </div> <a href=${item.href} class="product_title"><b>${item.type}${item.num}</b> </a> </div> </li> {/for} </ul>

<ul style="padding-left:30%;"> {for item in data} <li> <div id="msusk6pp" class="product"> <div id="msusk6pp" class="product_photo"> <a href=${item.href} > <img src=${item.url1} /> </a> </div> <!-- <a href=${item.href} class="product_title"><b>${item.type}${item.num}</b> </a> --> </div> </li> {/for} </ul>

<ul style="padding-left:30%;"> {for item in data} <li> <div id="msusk6pp" class="product"> <div id="msusk6pp" class="product_photo"> <a href=${item.href} > <img src=${item.url1} /> </a> </div> <!-- <a href=${item.href} class="product_title"><b>${item.type}${item.num}</b> </a> --> </div> </li> {/for} </ul>

<ul style="padding-left:30%;"> {for item in data} <li> <div id="msusk6pp" class="product"> <div id="msusk6pp" class="product_photo"> <a href=${item.href} > <img src=${item.url1} /> </a> </div> <a href=${item.href} class="product_title"><b>${item.type}${item.num}</b> </a> </div> </li> {/for} </ul>