<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Administrative.aspx.cs" Inherits="Administrative" %>
<%@ Register Assembly="DevExpress.Web.v18.2, Version=18.2.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web" TagPrefix="dx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
       <style type="text/css">
        .dxbplc {
            vertical-align: top;
        }
        .itemphoto {
            display: block;
            margin: auto;
            max-width: 350px;
        }
        .contactname {
            display: block;
            width: 100%;
            margin: 6px 0;
        }
        .contactemail {
            display: block;
            text-overflow: ellipsis ;
            overflow: hidden;
        }
    </style>
    <script>
        function addRowCount(tableAttr) {
  $(tableAttr).each(function(){
    $('th:first-child, thead td:first-child', this).each(function(){
      var tag = $(this).prop('tagName');
      $(this).before('<'+tag+'>#</'+tag+'>');
    });
    $('td:first-child', this).each(function(i){
      $(this).before('<td>'+(i+1)+'</td>');
    });
  });
}

// Call the function with table attr on which you want automatic serial number
addRowCount('.js-serial');
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
            <!-- BREADCRUMB -->
			<div id="breadcrumb" class="division">
				<div class="container">
					<div class="row">						
						<div class="col">
							<div class=" breadcrumb-holder">

								<!-- Breadcrumb Nav -->
								<nav aria-label="breadcrumb">
								  	<ol class="breadcrumb">
								    	<li class="breadcrumb-item"><a href="index.aspx">Home</a></li>
								    	<li class="breadcrumb-item active" aria-current="page">Administrative</li>
								  	</ol>
								</nav>

								<!-- Title -->
								<h4 class="h4-sm steelblue-color">	
Administrative</h4>

							</div>
						</div>
					</div>  <!-- End row -->	
				</div>	<!-- End container -->		
			</div>	<!-- END BREADCRUMB -->	
    <br />
    <br />
    	<div class="container">
			<div class="row">
    
        <div class="col-lg-10">
            <div style="width:100%;text-align:center">
               <table style="width:100%">
                            <tr>
                                <td>
                                            <img id="adminimg" src="" runat="server"  alt="" style="width:500px; height:350px;"/>
                                    <br />
                                   <h3>
                                       <asp:Label ID="lblname" runat="server"></asp:Label> </h3>
                                    <br />
                                     <h4>
                                    <asp:Label ID="lbldes" runat="server"></asp:Label> </h4>
                                </td>
                            </tr>
                        </table>

                <br />
                <br />
                <asp:GridView ID="GridView1" runat="server" Width="100%" ShowHeader="true" AutoGenerateColumns="false">
                    <Columns>
                         <asp:TemplateField HeaderText="Sr.No">
        <ItemTemplate>
             <%#Container.DataItemIndex+1 %>
        </ItemTemplate>
    </asp:TemplateField>
                        <asp:BoundField DataField="Title" HeaderText="Title"/>
                          <asp:BoundField DataField="Father" HeaderText="Fahter/Husband Name"/>
                             <asp:BoundField DataField="Designation" HeaderText="Designation/Qualfication"/>
                            <asp:BoundField DataField="Doj" HeaderText="Date of Joining" Visible="true"/>
                     
                    </Columns>
                </asp:GridView>
         
                  </div>
              </div>
   
    </div>
</div>
    <br />
</asp:Content>