<?php
/**
 *Template Name: About 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">About Us</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">About Us</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="container">
						<div class="row">
						
							<div class="col-md-12 col-sm-12">
								<div class="our_services_heading3 mb-2">
									<div><?php echo the_field('title'); ?></div>
								</div>
								<div class="col-md-6">
								
								<div class="mb-2">
									
								<?php echo the_field('left_content'); ?>
								</div>
								</div>
								<div class="col-md-6">
								<div class="slider-nivo theme-default">
											<div class="nivoSlider">
												<a class="prettyphoto" href="<?php echo the_field('right_image1'); ?>" data-rel="prettyPhoto[rel-slider]">
													<img width="370" height="200" src="<?php echo the_field('right_image1'); ?>" alt="" />
												</a>
												<a class="prettyphoto" href="<?php echo the_field('right_image2'); ?>" data-rel="prettyPhoto[rel-slider]">
													<img width="370" height="200" src="<?php echo the_field('right_image2'); ?>" alt="" />
												</a>
											</div>
										</div>
								</div>
								</div>
								<div class="row">
									<div class="col-md-12 col-sm-12">
									<div class="col-md-6">
								<div class="slider-nivo theme-default">
											<div class="nivoSlider">
												<a class="prettyphoto" href="<?php echo the_field('left_image1'); ?>" data-rel="prettyPhoto[rel-slider]">
													<img width="370" height="200" src="<?php echo the_field('left_image1'); ?>" alt="" />
												</a>
												<a class="prettyphoto" href="<?php echo the_field('left_image2'); ?>" data-rel="prettyPhoto[rel-slider]">
													<img width="370" height="200" src="<?php echo the_field('left_image2'); ?>" alt="" />
												</a>
											</div>
										</div>
								</div>
								<div class="col-md-6">
								<div class="mb-2">
								<?php echo the_field('right_content'); ?>
								</div>

								
							
</div>
<div class="commerce-tabs" style="margin-bottom: 20px;">
	
											<ul class="nav nav-tabs tabs">
										    	
										    	
										    	<li>
										    		<a data-toggle="tab" href="#tab-3" style="font-size: 18px;font-weight: 500;background-color: #003164;color: #fff;">Read More about our school...</a>
										    	</li>
										  	</ul>
										  	<div class="tab-content">
												
												
												<div class="tab-pane fade " id="tab-3">
													<div id="comments" class="comments-area">
														
														
													<p style="margin-top: 25px;"><?php echo the_field('more_content'); ?></p>
													</div>
												</div>
											</div>
										</div>
</div>
</div>


								
							</div>
						</div>

						<section>
							
								<div class="row">
									<div class="col-md-4 col-sm-4" style="background-color: #003164;">
										<div class="about-content" style="color: #fff;margin: 40px;">
														<div class="title" style="text-align: center;margin-top: 20px;margin-bottom: 20px;color: #fff;">
																<i class="fa fa-eye fa-lg"></i>
																	<h3 style="color: #fff;margin: 5px;">Vision</h3>
																
															</div>
															<div class="content" >
										<?php echo the_field('vission_content'); ?></div>
									</div></div>
									<div class="col-md-4 col-sm-4" style="background-color: #eaa720;">
											<div class="about-content" style="color: #fff;margin: 40px;">
															
															<div class="title" style="text-align: center;margin-top: 20px;margin-bottom: 20px;color: #fff;">
																<i class="fa fa-rocket fa-lg"></i>
																
																	<h3 style="color: #fff;margin: 5px;">Mission</h3>
																
															</div>
															<div class="content">
															<?php echo the_field('mission_content'); ?>
															</div>
											
														</div>
										
									</div>
									<div class="col-md-4 col-sm-4" style="background-color: #003164;" >
										<div class="about-content" style="color: #fff;margin: 40px;">
															
															<div class="title" style="text-align: center;margin-top: 20px;margin-bottom: 20px;color: #fff;">
																<i class="fa fa-comment fa-lg"></i>
																	<h3 style="color: #fff;margin: 5px;"> Our Motto</h3>
																
															</div>
															<div class="content">
															<?php echo the_field('motto'); ?>															</div>
											
														</div>
									</div>
								</div>
						</section>
					</div>
				</div>
			</div>
	<?php get_footer();?>