<form id="TagForm" runat="server">
<center style="padding-top:20px">
<div id="s5">
<div style="width:500px; height:500px; border:10px soild #ffffff;">
<div id="div1"><img src="../CoverImage.jpg" width="500" height="650"` alt="Product1"/></div>
</div>
<div style="width:500px; height:500px; border:10px soild #ffffff;background-color:Aqua;">
<div id="div2" style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
</div>
<div id="div3" style="width:500px; height:500px; border:10px soild #ffffff; background-color:Silver;">
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id </div>
</div>
<div id="div4" style="width:500px; height:500px; border:10px soild #ffffff; background-color:Lime">
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id</div>
<div style="padding-left:100px; float:left;"><img class="movable" src="../1.png" width="70" height="70" alt="Product1"/></div>
<div style="padding-left:200px;">Product Details <br /> Product name<br /> Product Id </div>
</div>
</div>
<div class="nav1" style="padding-top:10px">
<center> <asp:Button ID="prev1" runat="server" Text="Prev" Width="70px" />
<asp:Button ID="next1" runat="server" Text="Next" Width="71px" /></center>
</div>
<input type = "text" id = "txtPage" />
<input type = "button" id = "btnPage" value = "Go"/>
<div id="nav">
<%--<asp:Button ID="first1" runat="server" Text="First" />
<asp:Button ID="last1" runat="server" Text="Last" />--%>
</div>
<%-- <div id="nav">
<input type="text" name="inputbox" OnBlur="validate(this.form)" />
<input type="button" name="button" Value="Click" onClick="testResults(this.form)" />
</div>--%>
<div id="container"><img class="movable" src="../1.png" width="70" height="70" alt="prd5"/></div>
<input type = "button" id = "btnAdd" value = "Add" />
</center>
</form>
This my code.
Naw i want to add another div(page) on button click.