<form id="form1" runat="server">
<div id="header">
<ul>
<li><asp:LinkButton CssClass="clbtnmenu" ID="LinkButton1" runat="server" OnClientClick="getcommandargument();return false;" CommandArgument="1">Mobile</asp:LinkButton></li>
<li><asp:LinkButton CssClass="clbtnmenu" ID="LinkButton2" runat="server" CommandArgument="2">Shoes</asp:LinkButton></li>
<li><asp:LinkButton CssClass="clbtnmenu" ID="LinkButton3" runat="server" CommandArgument="3">Bags</asp:LinkButton></li>
<li><asp:LinkButton CssClass="clbtnmenu" ID="LinkButton4" runat="server" CommandArgument="4">Clothing</asp:LinkButton></li>
</ul>
</div>
<div id="dvCustomers" style=" width: 1344px; margin: 0 auto; overflow: auto; background-color: Black;">
<asp:DataList ID="dlCustomers" runat="server" RepeatLayout="Table" RepeatColumns="4" RepeatDirection="Horizontal"
CellPadding="0" CellSpacing="0" BackColor="Aqua" Width="80%">
<ItemStyle Width="25%" />
<ItemTemplate>
<table cellpadding="0" cellspacing="0" border="0" style="width:100%; height:300px;
border: 2px solid Blue; background-color: Green; text-align: center">
<tr>
<td>
<b><u><span class="name">
<%# Eval("Name") %></span></u></b>
</td>
</tr>
<tr>
<td>
<b>Productid: </b><span class="productId" style=" font-size: 20px; color: Yellow; font-weight: 500;"><%# Eval("Productid") %></span><br />
<b>Description </b><span class="description"><%# Eval("Description") %></span><br />
<b>ImageUrl: </b><span class="imageUrl"><%# Eval("ImageUrl")%></span><br />
<img class="image" alt='' src="Images/<%# Eval("ImageUrl")%>" width="160px" height="320px"/><br />
<b>Price: </b><span class="price"><%# Eval("Price")%></span>
<img alt="" src="star-icon.png" />
<b>Quantity: </b><span class="quantity"><%# Eval("Quantity")%></span><br />
<button onclick="return false;">Add To Cart</button>
</td>
</tr>
</table>
</ItemTemplate>
</asp:DataList>
</div>
<img id="loader" alt="" src="WAITING.gif" style="display: none; height: 300px" />
</form>