<?php
/**
 *Template Name: Incharge Template
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.

 */
get_header();?>
				<div class="big-title">
					<div class="container">
						<h1 class="entry-title">Incharge</h1>
						<div class="breadcrumb">
							<div class="container">
								<ul class="tm_bread_crumb">
									<li class="top"><a href="<?php echo home_url();?>">Home</a></li>
									<li class="sub tail current">Incharge</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="main">
					<div class="container">
						<div class="row">
							<!-- <div class="col-md-4 col-sm-12">
								<div class="sidebar">
									<div class="widget better-menu-widget">
										<div class="menu-our-services-container">
											<ul class="menu">
												<li class="current-menu-item"><a href="#management">Management</a></li>
												<li><a href="#pta">PTA</a></li>
												<li><a href="#staffs">Staffs</a></li>
												<li><a href="#incharge">Incharge</a></li>
												
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							
								</div>
								<div id="staffs">
									
									<div class="section ">
					<div id="incharge" class="wow slideInLeft animated" data-wow-delay="400ms">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>In Charge </p>
									<div class="navigationbutton button-left projects_btn_left">
										<i class="fa fa-angle-left"></i>
									</div>
									<div class="navigationbutton button-right projects_btn_right">
										<i class="fa fa-angle-right"></i>
									</div>
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<ul class="project-list">
												<?php if( have_rows('incharge') ): ?>
                    						<?php while( have_rows('incharge') ): the_row(); 
                    						$image = get_sub_field('image');
                  							$name = get_sub_field('name');
											$designation = get_sub_field('designation');
											
                    						?>
												<li class="our-projects-wrapper col-md-3 col-sm-6 mb-2">
													<div class="project-media-cover-wrapper">
														<div class="project-entry-media">
															<img src="<?php echo $image;?>" alt="" />
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a ><?php echo $name;?></a>
																</div>
																<div class="line-clear"></div>
																<div class="our-projects-title">
																	<a >
																		<?php echo $designation;?>
																	</a>
																</div>
																<div class="line-clear"></div>
																
															</div>
														</div>
													</div>
												</li>
												<?php endwhile;?>
                   					 <?php endif;?>
											
												
											</ul>
										</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
				<?php get_footer();?>