ASP.NET Repeater - Cards Bootstrap

<asp:DataList runat="server" ID="repeaterInbox1" RepeatColumns="3" RepeatDirection="Horizontal">

            <ItemTemplate>

            <div class="card" style="width: 18rem;">

             <div "card-body">

                    <h5 class="card-title"><%#Eval("ApplicationId") %></h5>

                    <h6 class="card-subtitle mb-2 text-muted"><%#Eval("Subject") %>

                        

                    </h6>

                 <p class="card-text" ><%#Eval("FromUserName") %></p>

                 <p class="card-text"><%#Eval("ReceivedDate") %></p>

            </div>

        </div>

                </ItemTemplate>

            </asp:DataList>    

       

======================================

                    <div class="row">

                            <div class="col-md-10 col-lg-12">

                                <asp:DataList ID="dlNoteSheet" runat="server" RepeatColumns="3" RepeatDirection="Horizontal"  ItemStyle-CssClass="fileCards">

                                    <ItemTemplate>

                                       

                                        <div class="fileCardTable" style="margin-right: 10px;">

                                            

                                             <div class="uk-text-left" style="margin-bottom: 11px;">

                                         <div class="md-card-toolbar">

                                                    

                                                    <h4 class="md-card-toolbar-heading-text large">

                                                        Test

                                                    </h4>

                                                </div>

                                            </div>

                                            

                                            <div class="md-card-content" style="padding-top: 0;">

                                                <div>

                                                    <ul class="md-list">

                                                      

                                                        <li class="fileCardContentli">

                                                            <div>

                                                                <span class="md-list-heading">File Number</span>

                                                                <span class="fileCardValue"><%#Eval("ApplicationId") %></span>

                                                            </div>

                                                        </li>

                                                        <li class="fileCardContentli">

                                                            <div>

                                                                <span class="md-list-heading">Subject</span>

                                                                <span class="fileCardValue"><%#Eval("Subject") %></span>

                                                            </div>

                                                        </li>

                                                        <li class="fileCardContentli">

                                                            <div>

                                                                <span class="md-list-heading">From</span>

                                                                <span class="fileCardValue"><%#Eval("FromUserName") %></span>

                                                            </div>

                                                        </li>

                                                        <li class="fileCardContentli">

                                                            <div>

                                                                <span class="md-list-heading">Date</span>

                                                                <span class="fileCardValue"><%#Eval("ReceivedDate") %></span>

                                                            </div>

                                                        </li>

                                                       

                                                    </ul>

                                                </div>

                                                 <div class="uk-grid">

                                                    <div class="uk-width-1-2">

                                                        <div class="uk-text-center">

                                                            <asp:UpdatePanel ID="viewNoteSheetUpdatePanel" runat="server" UpdateMode="Conditional">

                                                                <ContentTemplate>

                                                                    <asp:LinkButton runat="server" ID="lnkRedirectNoteSheet" Text="View File">

                                                              

                                                                    </asp:LinkButton>

                                                                </ContentTemplate>

                                                            </asp:UpdatePanel>

                                                        </div>

                                                    </div>

                                                </div>

                                             

                                            </div>

                                        </div>

                                    </ItemTemplate>

                                </asp:DataList>

                            </div>

                        </div>

==========================

    <div class="card" style="width: 18rem;">

  <div class="card-body">

    <h5 class="card-title">Card title</h5>

    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>

    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>

 

  </div>

</div>

reference:-

 https://stackoverflow.com/questions/32007390/using-a-repeater-without-declaring-data-sources-in-views

https://www.encodedna.com/2013/02/repeater-control-in-aspdotnet.htm

https://www.dotnetperls.com/repeater-aspnet

http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/aspnet/showaspx.asp-filename=demo_repeater3.html

http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/aspnet/aspnet_repeater.asp.html#gsc.tab=0

http://mukeshkumar.net/articles/aspnet/repeater-control-in-asp-net-with-example

https://www.aspdotnet-suresh.com/2012/01/repeater-control-example-in-aspnet.html

https://www.educative.io/answers/how-to-use-the-repeater-control-in-aspnet

https://demos.telerik.com/aspnet-ajax/card/overview/defaultcs.aspx

https://getbootstrap.com/docs/4.0/components/card/

https://www.telerik.com/forums/examples-for-dynamic-radcard

https://docs.telerik.com/devtools/aspnet-ajax/controls/card/overview

https://www.aspsnippets.com/questions/320202/Create-Bootstrap-Cards-with-record-from-Database-using-C-and-VBNet/