<!--Projects Section-->
<?php
$mst = esc_attr(of_get_option( 'kindergarten_main_project_title' ));
$msd = esc_attr(of_get_option( 'kindergarten_main_project_desc' ));
?>
<div class="container" id="service_section">	
    <div class="hc_service_title">
        <?php if($mst!='') { ?>
        	<h1><?php echo $mst; ?></h1>
        <?php } ?>
        <?php if($msd!='') { ?>
        	<p><?php echo $msd; ?>.</p>
        <?php } ?>		
    </div>
</div>	
    
<div class="hc_home_border"></div>

<div class="container" id="project_section">
<?php
	$count = of_get_option( 'kindergarten_projects_count', 4 );
	//
	$w = 25;
	switch ($count) {
		case 1:
			$w = 100;
			break;
		case 2:
			$w = 50;
			break;
		case 3:
			$w = 33;
			break;
	}
	//
	for( $i=1; $i<=$count; $i++) {
		?>
        <div class="hc_project_area <?php echo "sw-$w"; ?>">
        <?php
		// values
		$image = esc_url(of_get_option( 'kindergarten_project_image'.$i ));
		$title = esc_attr(of_get_option( 'kindergarten_project_title'.$i ));
		$desc = esc_attr(of_get_option( 'kindergarten_project_desc'.$i ));
		$link = esc_url(of_get_option( 'kindergarten_project_link'.$i ));
		//
		if ($link):
		?>
        <a href="<?php echo $link; ?>"><img alt="<?php echo $title;?>" src="<?php echo $image;?>" /></a>
        <h2><a href="<?php echo $link; ?>"><?php echo $title; ?></a></h2>
        <p><?php echo $desc; ?> </p>
        <?php else: ?>
        <img alt="<?php echo $title;?>" src="<?php echo $image; ?>" />
        <h2><?php echo $title; ?></h2>
        <p><?php echo $desc; ?> </p>
        <?php endif; ?>
        </div>	<!-- end hc_project_area -->	
		<?php
	}
?>
</div><!--container-->