<?php
/**
 * The template for displaying all pages.
 * Template Name: Safety page
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package dc
 */

get_header(); ?>

	<div id="primary" class="content-area"> 
		<div class="slider">
			<div class="container">
				<div class="row">
					<?php if( have_rows('safety_slider_text') ): ?>
						<div id="contentSlider" class="col-md-12 owl-carousel owl-theme">
							<?php while( have_rows('safety_slider_text') ): the_row(); 

								// vars 
								$content = get_sub_field('text'); 

								?>
							<div class="item1">
								<h1> <?php echo $content; ?></h1>
							</div>
							<?php endwhile; ?>					
						</div>
					<?php endif; ?>
				</div>
			 </div>
		</div>  
		<section class="plandetailsSec qanrdSec safety"> 
			<div class="container">
				<div class="row">
					<!-- design -->
					<div class="col-md-6">
						<div class="cntPlan">
							<h1 class="title">DESIGN <span>SAFETY</span></h1>
								<?php the_field('design_safety_text'); ?> 
						</div> 
					</div>
					<div class="col-md-6">
						<div class="safetyImg desSafty">  
							<img src="<?php the_field('design_image'); ?>" alt="img" /> 
						</div>
					</div>
					<div class="clear"></div>
					
					<!-- process -->
					<div class="col-md-6 col-md-push-6">
						<div class="cntPlan">
							<h1 class="title">PROCESS  <span>SAFETY</span></h1>
							<?php the_field('process_safety_text'); ?> 
						</div>
					</div> 
					<div class="col-md-6 col-md-pull-6">
						<div class="safetyImg processImg">  
							<img src="<?php the_field('process_image'); ?>" alt="img" /> 
						</div>
					</div>
					<div class="clear"></div>
					
					<!-- fire -->
					<div class="col-md-6">
						<div class="cntPlan fireMain">
							<h1 class="title">FIRE <span>SAFETY</span></h1>
							<?php the_field('fire_safety_text'); ?> 
						</div>
						<!--
						<div class="col-md-12 fireMainHead">
						
							<h2>Availability of various types of Fire Extinguishers</h2>
								
									 
							 <?php if( have_rows('fire_main') ): ?>	
								<table class="tg" style="undefined;table-layout: fixed; width: 100%">
								<colgroup>
									<col style="width: 33.3333%">
									<col style="width: 33.3333%">
									<col style="width: 33.3333%"> 
								</colgroup>
								  <tr>
									<th class="tg-031e">Type</th>
									<th class="tg-s6z2">Capacity</th>
									<th class="tg-s6z2">Nos</th> 
								  </tr>
								<?php while( have_rows('fire_main') ): the_row(); 

									// vars 
									$contentText1 = get_sub_field('fire_text_1'); 
									$contentText2 = get_sub_field('fire_text_2'); 
									$contentText3 = get_sub_field('fire_text_3');  

									?>
									  <tr>
										<td class="tg-031e"><?php echo $contentText1; ?></td>
										<td class="tg-s6z2"><?php echo $contentText2; ?></td>
										<td class="tg-s6z2"><?php echo $contentText3; ?></td> 
									  </tr> 
									 <?php endwhile; ?>
							</table>
							<?php endif; ?>
							
							
						</div>-->
					</div>
					<div class="col-md-6">
						<div class="safetyImg">  
							<img src="<?php the_field('fire_image'); ?>" alt="img" /> 
						</div>
					</div>
					
					
					<div class="clear"></div>
					
					<!-- electrical -->
					<div class="col-md-6 col-md-push-6">
						<div class="cntPlan">
							<h1 class="title">ELECTRICAL  <span>SAFETY</span></h1>
							<?php the_field('electrical_safety_text'); ?> 
						</div>
					</div>
					<div class="col-md-6 col-md-pull-6">
						<div class="safetyImg">  
							<img src="<?php the_field('electrical_image'); ?>" alt="img" /> 
						</div>
					</div>
					<div class="clear"></div>
				</div>
			
			</div>
		</section>

	</div><!-- #primary -->
 
<?php get_footer(); ?>
