Gostaria de pedir uma ajudinha ao fórum, para montar uma timeline dinamicamente em html utilizando o font-end asp.net ou code behind C#, em uma aplicação Web Forms com base de dados SQL. Preciso montar imagino, para isso um for each no código aspx para ir criando estruturas htmls com CSS no formato posts conforme atualizações... Vejam a estrutura em html:
<ul class="timeline">
<!-- timeline time label -->
<li class="time-label">
<span class="bg-red">
10 Feb. 2014
</span>
</li>
<!-- /.timeline-label -->
<!-- timeline item -->
<li>
<i class="fa fa-envelope bg-blue"></i>
<div class="timeline-item">
<span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
<h3 class="timeline-header"><a href="#">Support Team</a> sent you an email</h3>
<div class="timeline-body">
Etsy doostang zoodles disqus groupon greplin oooj voxy zoodles, weebly ning heekya handango imeem plugg dopplr jibjab, movity jajah plickers sifteo edmodo ifttt zimbra. Babblely odeo kaboodle quora plaxo ideeli hulu weebly balihoo...
</div>
<div class="timeline-footer">
<a class="btn btn-primary btn-xs">Read more</a>
<a class="btn btn-danger btn-xs">Delete</a>
</div>
</div>
</li>
</ul>
<!-- END timeline item -->
<!-- timeline item -->
Alguém poderia me dar uma luz, para fazer dinamicamente essa estrutura dentro de uma pagina .aspx.