<?php include('includes/header.inc.php'); ?>

 
       
<!-- Parallax Header -->      
    <div class="bck parallaxBase100">
        <div id="main">
                <!-- slide out nav for mobile -->
                <span class="show-for-small-only" onclick="openNav()">&#9776; Menu</span>
                
                <!-- nav for all else -->
                <ul class="show-for-medium text-center">
                    <li><a class="blockSec" href="#" id="logo"><?php get_site_name(); ?></a></li>
                    <?php get_navigation(return_page_slug()); ?>
                </ul>
        </div>
        
       	<div class="animated fadeInLeft row rowNo36">
            <div class="small-6 columns">
              <h1><?php get_page_title(); ?></h1>
              <hr class="show-for-medium">
              <h2 class="show-for-medium"><?php get_component('section_1_subtitle') ?></h2>
            </div>
        </div>
	</div>



<!-- Content --> 




    <div id="bck_1" class="bck">
        <div id="block_1" class="row column text-center rowNo09">
            <h1><?php get_component('section_2_heading') ?></h1>
            <p class="lead" data-scroll="animated fadeInUp" ><?php get_component('section_2_content') ?></p>
            <p><img class="imgPlace" src="<?php get_component('section_2_img') ?>" alt="image for article" data-pin-nopin="true">
                </p>
        </div>
    </div>
    <div id="bck_2" class="bck">
        <div id="block_2" class="row rowNo06">


            <div class="medium-4 columns" data-scroll="animated fadeInUp" >
                <i class="fa fa-paint-brush" aria-hidden="true"></i>
                <h3><?php get_component('section_3_heading_1') ?></h3>
                <p><?php get_component('section_3_content_1') ?></p>
                <a href="#" class="button large">Learn More</a>
            </div>
            <div class="medium-4 columns" data-scroll="animated fadeInUp" >
                <i class="fa fa-cog" aria-hidden="true"></i>
                <h3><?php get_component('section_3_heading_2') ?></h3>
                <p><?php get_component('section_3_content_2') ?></p>
                <a href="#" class="button large">Learn More</a>
            </div>
            <div class="medium-4 columns" data-scroll="animated fadeInUp" >
                <i class="fa fa-comments" aria-hidden="true"></i>
                <h3><?php get_component('section_3_heading_3') ?></h3>
                <p><?php get_component('section_3_content_3') ?></p>
                <a href="#" class="button large">Learn More</a>
            </div>
        </div>
    </div>
    <div id="bck_3" class="bck">
        <div id="block_3" class="row rowNo19">
            <div class="large-9 large-centered text-center columns">
                <h3>&#34;<?php get_component('section_4_heading') ?>&#34;</h3>
                <p class="text-center"><?php get_component('section_4_content'); ?></p>
            </div>
        </div>
    </div>

    
    <div id="bck_5" class="bck">
        <div id="block_5" class="row rowNo35">
            <div class="medium-6 large-3 columns" data-scroll="animated fadeInLeft" >
                <img class="imgPlace" src="<?php get_theme_url(); ?>/images/board.jpg" alt="image for article">

                <h3><?php get_component('section_5_heading_1') ?></h3>
                <p><?php get_component('section_5_content_1') ?></p>
                <a href="#" class="button large">Learn More</a>
            </div>
            <div class="medium-6 large-3 columns" data-scroll="animated fadeInUp" >
                <img class="imgPlace" src="<?php get_theme_url(); ?>/images/news.jpg" alt="image for article" data-pin-nopin="true">
                <h3><?php get_component('section_5_heading_2') ?></h3>
                <p><?php get_component('section_5_content_2') ?></p>
                <a href="#" class="button large">Learn More</a>
            </div>
            <div class="medium-6 large-3 columns" data-scroll="animated fadeInUp" >
                <img class="imgPlace" src="<?php get_theme_url(); ?>/images/watch.jpg" alt="image for article">
                <h3><?php get_component('section_5_heading_3') ?></h3>
                <p><?php get_component('section_5_content_3') ?></p>
                <a href="#" class="button large">Learn More</a>
            </div>
            <div class="medium-6 large-3 columns" data-scroll="animated fadeInRight" >
                <img class="imgPlace" src="<?php get_theme_url(); ?>/images/postits.jpg" alt="image for article">
                <h3><?php get_component('section_5_heading_4') ?></h3>
                <p><?php get_component('section_5_content_4') ?></p>
                <a href="#" class="button large">Learn More</a>
            </div>
        </div>
    </div>

    <div id="bck_7" class="bck" style="position: relative; z-index: 0; background: none;">
        <div id="block_7" class="row rowNo43">

            <div class="large-12 columns" data-scroll="animated fadeInLeft" >
                <h3><?php get_component('section_6_heading'); ?></h3>
                <h4><?php get_component('section_6_subheading'); ?></h4>
                <p><?php get_component('section_6_content'); ?></p>
                <a class="button" href="#">lean more</a>
            </div>


        </div>
    </div>
    
    <div id="bck_9" class="bck">
        <div id="block_9" class="row rowNo19">
            <div class="large-9 large-centered columns">
                <h3 class="text-center"><?php get_component('section_7_content'); ?></h3>
            </div>
        </div>
    </div>



<?php include( 'includes/footer.inc.php'); ?>



