<?php
/**
 *Template Name: Staff_History 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">Staff History</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">Staff History</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div>


				<div class="section mb-3">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Principals </p>
									
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<div class="col-md-12">
											<ul class="pro-list wow slideInLeft animated" data-wow-delay="400ms">
												<?php if( have_rows('principal') ): ?>
                    						<?php while( have_rows('principal') ): 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">
													<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 class="section mb-3">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Head Master's </p>
									
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<ul class="pro-list wow slideInLeft animated" data-wow-delay="400ms">
												<?php if( have_rows('hm') ): ?>
                    						<?php while( have_rows('hm') ): 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 class="section mb-3">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Staffs </p>
									
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<div class="col-md-12">
											<ul class="pro-list wow slideInLeft animated" data-wow-delay="400ms">
												<?php if( have_rows('staffs') ): ?>
                    						<?php while( have_rows('staffs') ): 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">
													<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 class="section mb-3">
					<div class="container">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Non Teaching Staffs </p>
									
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<div class="col-md-12">
											<ul class="pro-list wow slideInLeft animated" data-wow-delay="400ms">
												<?php if( have_rows('non_teaching_staffs') ): ?>
                    						<?php while( have_rows('non_teaching_staffs') ): 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>
				<?php get_footer();?>