page-frontpage.php

<?php
/**
* Template Name: Frontpage
*/
get_header();
?>

<?php
$args = array( 'post_type'=>'zee_slider', 'orderby' => 'menu_order','order' => 'ASC' );
$sliders = get_posts( $args );
$total_sliders = count($sliders);
?>
<section id="main-slider" style="margin: 0; padding: 0;">
    <div class="carousel slide wet-asphalt" data-ride="carousel" data-interval="5000">
        <ol class="carousel-indicators">

            <?php for($i = 0; $i<$total_sliders; $i++){ ?>
            <li data-target="#main-slider" data-slide-to="<?php echo $i ?>" class="<?php echo ($i==0)?'active':'' ?>"></li>
            <?php } ?>

        </ol>
        <div class="carousel-inner">
            <?php foreach ($sliders as $key => $slider) { 

                $full_img           =   wp_get_attachment_image_src( get_post_thumbnail_id( $slider->ID ), 'full');

                $slider_position    =   get_post_meta($slider->ID, 'slider_position', true );

                $boxed              =   (get_post_meta($slider->ID, 'slider_boxed', true )=='yes') ? 'boxed' : '';

                $has_button         =   (get_post_meta($slider->ID, 'slider_button_text', true )=='') ? false : true;

                $button             =   get_post_meta($slider->ID, 'slider_button_text', true );

                $button_url         =   get_post_meta($slider->ID, 'slider_button_url', true );

                $video_url          =   get_post_meta($slider->ID, 'slider_video_link', true );

                $video_type         =   get_post_meta($slider->ID, 'slider_video_type', true );

                $bg_image_url       =   get_post_meta($slider->ID, 'slider_background_image', true );

                $background_image   =   'background-image: url('.wp_get_attachment_url($bg_image_url).')';

                $columns            =   false;



                if( !empty($image_url) or !empty($video_url) ){

                    $columns        =   true;
                }


                if( $video_type=='youtube' ) {

                    $embed_code = '<iframe width="640" height="480" src="//www.youtube.com/embed/' . get_video_ID( $video_url ) . '?rel=0" frameborder="0" allowfullscreen></iframe>';

                } elseif( $video_type=='vimeo' ) {
                    $embed_code = '<iframe src="//player.vimeo.com/video/' . get_video_ID( $video_url ) . '?title=0&amp;byline=0&amp;portrait=0&amp;color=a22c2f" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>';
                }

                if( $full_img ){

                    $embed_code     = '<img src="' . $full_img[0] . '" alt="">';
                    $columns        =   true;
                }


                ?>

                <div class="item <?php echo ($key==0) ? 'active' : '' ?>" style="<?php echo ( $bg_image_url ) ? $background_image : '' ?>">
                    <div class="container">
                        <div class="row">


                            <div class="<?php echo ($columns) ? 'col-sm-6' : 'col-sm-12'  ?>">
                                <div class="carousel-content centered <?php echo $slider_position ?>">
                                    <!--<h2 class="<?php echo $boxed ?> animation animated-item-1">
                                        <?php echo $slider->post_title ?>
                                    </h2>-->

                                    <p class="<?php echo $boxed ?> animation animated-item-2">
                                        <?php echo do_shortcode( $slider->post_content ) ?>
                                    </p>
                                    
                                    <?php if( $has_button ){ ?>
                                    <br>
                                    <a class="btn btn-md animation animated-item-3" href="<?php echo $button_url ?>"><?php echo $button ?></a>
                                    <?php } ?>
                                </div>
                            </div>

                            <?php if($columns){ ?>

                            <div class="col-sm-6 hidden-xs animation animated-item-4">
                                <div class="centered" style="margin-top: 129px;">
                                    <div class="embed-container">
                                        <?php echo $embed_code; ?>
                                    </div>
                                </div>
                            </div>

                            <?php } ?>


                        </div>
                    </div>
                </div><!--/.item-->


                <?php } // endforeach ?>

            </div><!--/.carousel-inner-->
        </div><!--/.carousel-->
        <a class="prev hidden-xs" href="#main-slider" data-slide="prev">
            <i class="icon-angle-left"></i>
        </a>
        <a class="next hidden-xs" href="#main-slider" data-slide="next">
            <i class="icon-angle-right"></i>
        </a>
    </section>

  <?php
    $page = get_queried_object();

    $ID = $page->ID;

    $title = $page->post_title;
    $sub_title = get_post_meta($ID, 'page_subtitle', true);
    echo (isset($sub_title) ? '

    <section id="title" class="emerald-home">
    <div class="container">
    <div class="row">
    <div class="col-sm-12">
    <p>'.$sub_title.'</p>
    </div>
    </div>
    </div>
    </section>

    ' : '');

   ?>

    <section id="resources-blog" class="white-box">
    <div class="container">
    <div class="row">
    <div class="col-sm-6">
        <p class="star-title">Latest<br/>Resource</p>
            <div class="latest-resource">
                <?php
                $queryObject = new WP_Query( 'post_type=reports&posts_per_page=1&orderby=date&order=DESC' );
                // The Loop!
                if ($queryObject->have_posts()) {
                    ?>
                    <?php
                    while ($queryObject->have_posts()) {
                        $queryObject->the_post();
                        ?>
                        <h2><a href="<?php the_field('file'); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
                        <?php echo '<p>' . wp_trim_words( get_the_content(), 40 ) . '</p>'; ?>
                    <?php
                    }
                    ?>
                    <?php
                }
                ?>
        </div>
    </div>
    <div class="col-sm-6">
        <p class="star-title">Latest<br/>Posts</p>
     <ul class="latest-blogs">
    <?php $the_query = new WP_Query( 'showposts=4' ); ?>

    <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
    <li>
        <p class="date-post">
          <span class="day-post"><?php echo get_the_date('d'); ?></span>
          <span class="month-post"><?php echo get_the_date('M'); ?></span>
        </p>
        <a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
    <?php endwhile;?>
    </ul>
    </div>
    </div>
    </div>
    </section>

    <section id="partners-content" class="gray-box">
    <div class="container">
    <div class="row">
    <div class="col-sm-12">
    <span class="circle-title">PARTNERS</span>
        <div class="slider1">
                <?php
                $queryObject = new WP_Query( 'post_type=partner&posts_per_page=-1&orderby=date&order=DESC' );
                // The Loop!
                if ($queryObject->have_posts()) {
                    ?>
                    <?php
                    while ($queryObject->have_posts()) {
                        $queryObject->the_post();
                        if(get_field('icon')){ ?>
                        <div class="slide"><a href="<?php echo esc_url( home_url( '/' ) ); ?>partners" title="<?php the_title(); ?>"><img alt="<?php the_title(); ?>" src="<?php the_field('icon'); ?>"></a></div>
                        <?php }
                        ?>
                    <?php
                    }
                    ?>
                    <?php
                }
                ?>
        </div>
        <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.bxslider.js"></script>
        <script type="text/javascript">
        jQuery(document).ready(function(){
          jQuery('.slider1').bxSlider({
            slideWidth: 170,
            minSlides: 1,
            maxSlides: 4,
            responsive: true,
            auto: true,
            autoStart: true,
            slideMargin: 30
          });
        });
        </script>
    </div>
    </div>
    </div>
    </section>

    <section id="resources-video" class="white-box">
    <div class="container">
    <div class="row">
    <div class="col-sm-6">
            <div class="latest-resource">
                <?php
                $queryObject = new WP_Query( 'post_type=videos&posts_per_page=1' );
                // The Loop!
                if ($queryObject->have_posts()) {
                    ?>
                    <?php
                    while ($queryObject->have_posts()) {
                        $queryObject->the_post();
                        ?>
                        <div class="col-md-2 nopadding"><img alt="" src="<?php echo get_stylesheet_directory_uri(); ?>/images/ico_video2.png" style="display: inline-block;"></div>
                        <div class="header-video col-sm-10">
                            <h2><?php the_title(); ?></h2>
                            <?php echo '<p>' . wp_trim_words( get_the_content(), 40 ) . '</p>'; ?>
                        </div>
                        <iframe width="480" height="360" src="<?php the_field('video_id'); ?>" frameborder="0" allowfullscreen></iframe>
                    <?php
                    }
                    ?>
                    <?php
                }
                ?>
        </div>
    </div>
    <div class="col-sm-6">
        <p class="twitter-title">Twitter</p>
 <a class="twitter-timeline" data-border-color="#ffffff" data-dnt="true" href="https://twitter.com/mPoweringHealth" data-widget-id="596833786664464384">Tweets by @mPoweringHealth.</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 <style type="text/css">
#twitter-widget-0 .twitter-timeline {
  border: 0 none !important;
}

 </style>
    </div>
    </div>
    </div>
    </section>


<?php if(!is_page()) { ?>
</div><!--/#primary-->
</div><!--/.col-lg-12-->
</div><!--/.row-->
</div><!--/.container.-->
</section><!--/#main-->
<?php } ?>

  <?php if(zee_option('zee_theme_layout')=='boxed'){ ?>
    </div><!--/#boxed-->
  <?php } ?>

    <section id="home-content" class="graystrong-box" style="padding-bottom: 15px;">
    <div class="container">
    <div class="row">
    <div class="col-sm-12">
    <span class="circle-title">CONNECT</span>
    <p>Sign up for news from mPowering</p>
    <?php echo do_shortcode( '[contact-form-7 id="107" title="newsletter"]' ); ?>
    </div>
    <div class="col-sm-12">
    <span class="copyright"><?php show_footer();?></span>
    </div>
    </div>
    </div>
    </section>

<?php google_analytics();?>

<?php wp_footer(); ?>

</body>
</html>