Garima Bansal

Garima Bansal

  • 861
  • 681
  • 39.8k

card with list in aspx

Apr 18 2024 11:40 AM

I want the below code in the below image like

card with list.

 <div class="row">
                <div class="col-12 col-lg-12 col-xxl-12 d-flex">
                    <div class="card flex-fill">
                        <div class="card-header">
                            <h1 class="card-title mb-0" style="text-align: center;">Sectors</h1>
                        </div>
                        <div class="card-body">
                            <asp:Repeater runat="server" ID="SectorList">
                                <ItemTemplate>
                                    <div class="card mb-4">
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col mt-4">
                                                    <h5 class="h3 mb-3" style="text-align: center;"><strong><%# Eval("SectorName") %></strong></h5>
                                                </div>
                                            </div>

                                            <div class="row mx-4">
                                                <div class="col-4">
                                                    <div class="col-12 bg-light px-2 text-center" style="border: 2px solid #f7d3d3; border-radius: 25px; padding-top: 0.8rem !important;">
                                                        <h5>Applications Received: <%# Eval("ApplicationsReceived") %></h5>
                                                    </div>
                                                </div>
                                                <div class="col-4">
                                                    <div class="col-12 bg-light px-2 text-center" style="border: 2px solid #f7d3d3; border-radius: 25px; padding-top: 0.8rem !important;">
                                                        <h5>Applications Approved: <%# Eval("ApplicationsApproved") %></h5>
                                                    </div>
                                                </div>
                                                <div class="col-4">
                                                    <div class="col-12 bg-light px-2 text-center" style="border: 2px solid #f7d3d3; border-radius: 25px; padding-top: 0.8rem !important;">
                                                        <h5>Applications Under process: <%# Eval("ApplicationsUnderProcess") %></h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
            </div>

 

How can I Do?


Answers (1)