I have a masterpage which is generating markup in the codebehind file.

I want to refactor this so that the majority of the markup is in the masterpage rather than codebehind. My research suggests I need to use Razor but I'm not familiar enough with C# to implement this.

Can anyone make any recommendations? Here is an example of my code:

void mapOutput(List<StockistListItem> stockists, System.Web.UI.HtmlControls.HtmlGenericControl list, int resultlimit = 5)
{
    for (int i = 0; i < resultlimit; i++)
    {
        list.InnerHtml += "<div id='item-" + stockists[i].Id + "' class='list'><div class='details'>";
        list.InnerHtml += "<span class='name'>" + stockists[i].CompanyName + "</span>";
        list.InnerHtml += "<ul>";
        list.InnerHtml += "<li>" + stockists[i].Postcode + "</li>";
        list.InnerHtml += "</ul>";
        list.InnerHtml += "</div></div>";
    }
}

And this is the mark up in the masterpage:

<div id="list" runat="server" class="lists col-lg-3 col-md-3 col-sm-12 col-xs-12 mCustomScrollbar"></div>

Any advice is greatly appreciated!