<?php 
include 'fetch_details.php';
?>
<!DOCTYPE html>

<html class="no-js">

<head>
	<title>Shree Machhu Kathiya Darji Suthar Gnati Mandal</title>
	<meta charset="utf-8">
	
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="shortcut icon" href="images/mkds.png" />
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/animations.css">
	<link rel="stylesheet" href="css/fonts.css">
	<link rel="stylesheet" href="css/main.css" class="color-switcher-link">
	<link rel="stylesheet" href="css/shop.css" class="color-switcher-link">
	<script src="js/vendor/modernizr-2.6.2.min.js"></script>
	
</head>

<body>
	<div class="preloader">
		<div class="preloader_image"></div>
	</div>
	<!-- search modal -->
	<div class="modal" tabindex="-1" role="dialog" aria-labelledby="search_modal" id="search_modal"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		<span aria-hidden="true">
			<i class="rt-icon2-cross2"></i>
		</span>
	</button>
		<div class="widget widget_search">
			<form method="get" class="searchform search-form form-inline" action="https://html.modernwebtemplates.com/diversify/">
				<div class="form-group bottommargin_0"> <input type="text" value="" name="search" class="form-control" placeholder="Search keyword" id="modal-search-input"> </div> <button type="submit" class="theme_button no_bg_button">Search</button> </form>
		</div>
	</div>
	<!-- Unyson messages modal -->
	<div class="modal fade" tabindex="-1" role="dialog" id="messages_modal">
		<div class="fw-messages-wrap ls with_padding">
			
		</div>
	</div>
	<div id="canvas">
		<div id="box_wrapper">
			<!-- template sections -->
			<section class="page_topline ds table_section table_section_lg section_padding_top_15 section_padding_bottom_15 columns_margin_0">
				<div class="container-fluid">
					<div class="row">
						<div class="col-lg-6 text-center text-lg-left hidden-xs">
							<div class="inline-content big-spacing">
								<div class="page_social"> </div> <span class="xs-block">
						<i class="fa fa-phone highlight3 rightpadding_5" aria-hidden="true"></i>
						9825660827 / 9909015295
					</span> </div>
						</div>
						<div class="col-lg-6 text-center text-lg-right">
							<div id="topline-animation-wrap">
								<div id="topline-hide" class="inline-content big-spacing"> <span class="hidden-xs">
							<i class="fa fa-map-marker highlight3 rightpadding_5" aria-hidden="true"></i>
							C / O Baroda Dairy Parlour , Near Iskon Temple , Hari Nagar , Vasna Road , Vadodara - 390021 , Gujarat ,India.
						</span> 
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<header class="page_header header_white toggler_xs_right columns_margin_0">
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-12 display_table">
							<div class="header_left_logo display_table_cell"> <a href="index.html" class="logo logo_with_text">
                        <img src="images/mkds.png" alt="">
                        
                    </a> </div>
							<div class="header_mainmenu display_table_cell text-center">
								<!-- main nav start -->
							<nav class="mainmenu_wrapper">
									<ul class="mainmenu nav sf-menu">
										<li class="active"> <a href="index.php">Home</a>
											
										</li>
										<li> <a href="history.php">History</a>
											
										</li>
				
										<!-- eof pages -->
										<li> <a href="">commiittee</a>
											<ul>
												<li> <a href="president.php">President</a> </li>
												<li> <a href="vice_president.php">Vice President</a> </li>
												<li> <a href="secretory.php">Secretory</a> </li>
												<li> <a href="joint_secretory.php">Joint Secretory</a> </li>
												<li> <a href="treasurer.php">Treasurer</a> </li>
												<li> <a href="other_commiittee_members.php">Commiittee Members</a> </li>
											</ul>
										</li>
										<!-- eof features -->
										<!-- gallery -->
										<li> <a href="news_events.php">News & Events</a>
											
										</li>
										<li> <a href="">Gallary</a>
											<ul>
												<li> <a href="image_gallary.php">Photo Gallary</a> </li>
												<li> <a href="video_gallary.php">Video Gallary</a> </li>
											</ul>
										</li>
										<li> <a href="circular.php">Circular</a>
											
										</li>
										<li> <a href="members.php">Member</a>
											
										</li>
										<li> <a href="#">Phone-Book</a>
											
										</li>
										
										<!-- eof contacts -->
									</ul>
								</nav>
								<!-- eof main nav -->
								<!-- header toggler --><span class="toggle_menu"><span></span></span>
							</div>
						
						</div>
					</div>
				</div>
			</header>
			<section class="page_breadcrumbs ds background_cover section_padding_top_65 section_padding_bottom_65">
				<div class="container">
					<div class="row">
						<div class="col-sm-12 text-center">
							<h2>Commiittee Member</h2>
							<ol class="breadcrumb greylinks">
								<li> <a href="index.html">
							Home
						</a> </li>
								<li> <a href="#">Committee</a> </li>
								<li class="active">President</li>
							</ol>
						</div>
					</div>
				</div>
			</section>
			<section class="ls section_padding_top_100 section_padding_bottom_100 columns_padding_30">
				<div class="container">
					<div class="row">
						<div class="col-sm-4" style="padding-top: 40px;">
							<!--President-->
								<?php foreach ($joint_secretaries as $j_secretary): ?>
								<article class="vertical-item content-padding big-padding with_border bottom_color_border text-center">
									<div class="item-media">
										<img 
										src="Admin/<?php echo htmlspecialchars($j_secretary['image_path']); ?>" 
										alt="<?php echo htmlspecialchars($j_secretary['name']); ?>" 
										
										>
									</div>
									<div class="item-content" style="padding: 10px;">
										<header class="entry-header">
											<h3 class="entry-title small bottommargin_0">
												<a href="#"><?php echo htmlspecialchars($j_secretary['name']); ?></a>
											</h3>
											<span class="small-text highlight">Joint Secretory</span>
										</header>
									</div>
								</article>
								
						</div>
						<div class="col-sm-8">
							
							<!-- Nav tabs -->
							<ul class="nav nav-tabs color2 topmargin_40" role="tablist">
								 <li class="active" style="margin-right:5px;"><a href="#tab1" role="tab" data-toggle="tab">Personal Details</a></li>
								<li><a href="#tab2" role="tab" data-toggle="tab">Professional Details</a></li>
								
							</ul>
							<!-- Tab panes -->
							<div class="tab-content big-padding top-color-border color2 bottommargin_40" style="border-color: #e96b2a;">
								<div class="tab-pane fade in active" id="tab1">
								<div class="table-responsive">
									<table class="table table-bordered table-striped">
									<tbody>
										<tr>
										<th scope="row">Name</th>
										<td><?php echo htmlspecialchars($j_secretary['name']); ?></td>
										</tr>
										<tr>
										<th scope="row">Date of Birth</th>
										<td><?php echo htmlspecialchars($j_secretary['dob']); ?></td>
										</tr>
										<tr>
										<th scope="row">Address</th>
										<td><?php echo htmlspecialchars($j_secretary['address']); ?></td>
										</tr>
										<tr>
										<th scope="row">Mobile</th>
										<td><?php echo htmlspecialchars($j_secretary['mobile1']); ?></td>
										</tr>
										<tr>
										<th scope="row">Email</th>
										<td><?php echo htmlspecialchars($j_secretary['email']); ?></td>
										</tr>
										<tr>
										<th scope="row">Blood Group</th>
										<td><?php echo htmlspecialchars($j_secretary['blood_group']); ?></td>
										</tr>
									</tbody>
									</table>
								</div>
								</div>

								
								<div class="tab-pane fade" id="tab2">
									<div class="table-responsive">
									<table class="table table-bordered table-striped">
									<tbody>
										<tr>
										<th scope="row">Occupation</th>
										<td><?php echo htmlspecialchars($j_secretary['occupation']); ?></td>
										</tr>
										<tr>
										<th scope="row">Designation</th>
										<td><?php echo htmlspecialchars($j_secretary['designation']); ?></td>
										</tr>
										<tr>
										<th scope="row">Company Name</th>
										<td><?php echo htmlspecialchars($j_secretary['company_name']); ?></td>
										</tr>
									
									</tbody>
									</table>
								</div>
								</div>
								<?php endforeach; ?>
							</div>	
						</div>
					</div>
				</div>
			</section>
			<section class="ds ms parallax page_copyright overlay_color section_padding_top_30 section_padding_bottom_30">
				<div class="container">
					<div class="row">
						<div class="col-sm-6 text-center">
							<p>&copy; Copyright © 2016 mkdsvadodara.org All rights reserved.</p>
						</div>
						<div class="col-sm-6 text-center">
							<p>Designed By : Pooja Infotech</p>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!-- eof #box_wrapper -->
	</div>
	<!-- eof #canvas -->
	<script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/compressed.js"></script>
	<script src="js/selectize.min.js"></script>
	<script src="js/main.js"></script>
	<script src="js/switcher.js"></script>
</body>



</html>