Displaying A Product Catalogue In a C# .NET web application

this is my first post here. hello everybody. Just to check how do people display their products in a catalog page individually. I don't really know how to explain so thought i'd just screenshot an example here.

image link here: http://i.imgur.com/pmsBOWx.png

I am still brainstorming for ideas on how to create the "card" for the product, and i can only come up with the solution to dynamically generate the html and images for each product.

e.g.

<div id="MyDiv" runat="server" > </div>

foreach (product prod in productArrayList){
MyDiv.innerHTML = *generating the HTML for each product*
}

My question is, can i do it in a different manner that does not require the generating of HTML? sorry if this is an easy question, i am quite new in web development.

Thank you!