<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>

<footer>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-74452030-34', 'auto');
  ga('send', 'pageview');

</script>
    <div class="container">
      <div class="row">
    <?php dynamic_sidebar('logo-ftr'); ?>
     <div class="social">
      <ul>
        <li><a href="<?php echo get_option('facebook_url'); ?>" target="_blank"><i class="fa fa-facebook"></i></a></li>
        <li><a href="<?php echo get_option('twitter_url'); ?>" target="_blank"><i class="fa fa-twitter"></i></a></li>
        <li><a href="<?php echo get_option('google_url'); ?>" target="_blank"><i class="fa fa-google-plus"></i></a></li>
        <li><a href="<?php echo get_option('youtube_url'); ?>" target="_blank"><i class="fa fa-youtube"></i></a></li>
      </ul>
     </div><!-- social -->
     <div class="clearfix visible-xs"></div>
     <div class="col-md-12">
      <div class="border"></div><!-- border -->  
      <div class="border"></div><!-- border -->  
    </div><!-- col-12 -->
      <div class="col-md-3 col-sm-6">
        <?php dynamic_sidebar('footer-1'); ?>
      </div><!-- col-3 -->

      <div class="col-md-3 col-sm-6">
        <h2>Twitter Feed</h2>
        <div class="twtr">
          <strong>@Rotography</strong> Please kindly use Support Forum: <strong>Medical.co.uk</strong><BR>
          <span>3 Days ago</span>
        </div><!-- twtr -->

        <div class="twtr">
          A quick launcher for WordPress dashboard <strong>@Medical</strong><br>
          <span>About a week ago</span>
        </div><!-- twtr -->
       </div><!-- col-3 -->
<div class="clearfix visible-sm visible-xs"></div>
       <div class="col-md-3 col-sm-6">
        <h2>latest news</h2>
        <div class="row">
		<?php $the_query = new WP_Query( 'cat=6&posts_per_page=2' );
   if ( $the_query -> have_posts() ) : 
   while ( $the_query -> have_posts() ) : $the_query -> the_post(); ?>
          <div class="news-container">
        <div class="col-md-5 col-sm-5 col-xs-5">
          <img src="<?php echo get_template_directory_uri(); ?>/images/ftr-news.jpg" alt=""/>
        </div><!-- col-5 -->
        <div class="col-md-7 col-sm-7 col-xs-7 pad-left-none">
          <h4 class="news-head"><?php the_title(); ?></h4>
<div class="date"><?php the_time('M d, Y'); ?></div><!-- date -->
        </div><!-- col-7 -->
      </div><!-- news-container -->
	 <?php endwhile; endif; ?> 
      
      </div><!-- row -->
       </div><!-- col-3 -->
       <div class="clearfix visible-xs"></div>  
           <div class="col-md-3 col-sm-6">
        <h2>quick contact</h2>
        <div class="form-container">
                    <?php echo do_shortcode('[contact-form-7 id="97" title="Quick Contact"]'); ?>
                    </div><!--form-container-->
      </div><!-- col-3 --> 
      <div class="clearfix visible-sm hidden-xs"></div>
      <div class="links hidden-xs">
        <?php wp_nav_menu( 'theme_location=secondary' ); ?>
      </div><!-- links -->
        <div class="links visible-xs col-xs-6">
        <ul>
          <li><a href="#">home</a></li>
          <li><a href="#">about </a></li>
          <li><a href="#">services</a></li>
          <li><a href="#">events</a></li>
        </ul>
      </div><!-- links -->
       <div class="links visible-xs col-xs-6">
        <ul>
          <li><a href="#">pages</a></li>
          <li><a href="#">news</a></li>
          <li><a href="#">elements</a></li>
          <li><a href="#">contact</a></li>
        </ul>
      </div><!-- links -->
      <div class="clearfix visible-sm visible-xs"></div>
      <div class="col-md-6 col-sm-6 pad-left-none">
        <div class="sub-footer-lft"><?php dynamic_sidebar('copyright'); ?></div><!-- sub-footer-lft -->
      </div><!-- col-6 -->
      <div class="col-md-6 col-sm-6 pad-right-none">
        <div class="sub-footer-rght">Developed by <span><a style="color:#02B7E6;" href="www.medicmate.in">MedicMate-Infowingz</a></span></div><!-- sub-footer-lft -->
      </div><!-- col-6 -->
    </div><!-- row --> 
    </div><!-- contaoiner -->
   </footer>

	<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.0/owl.carousel.min.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/custom.js"></script>
    <script type="text/javascript">
     $(window).load(function() {
     $('.loader-1').hide();
  });

     var blogslide = $('#blog-new').owlCarousel({
        loop:true,
        margin:20,
        responsiveClass:true,
      
        responsive:{
            0:{
                items:1,
               
            },
            600:{
                items:2,
                
            },
            1000:{
                items:2,
                
                loop:true
            }
        }
    })

    $('#blog-new-prev').click(function() {
        blogslide.trigger('next.owl.carousel');
    })
    // Go to the previous item
    $('#blog-new-next').click(function() {
        // With optional speed parameter
        // Parameters has to be in square bracket '[]'
        blogslide.trigger('prev.owl.carousel', [300]);
    })

     var blog2 = $('#blogmost').owlCarousel({
        loop:true,
        margin:20,
        responsiveClass:true,
      
        responsive:{
            0:{
                items:1,
               
            },
            600:{
                items:2,
                
            },
            1000:{
                items:2,
                
                loop:true
            }
        }
    })
	
	var bloginner = $('#bloginner-rght').owlCarousel({
        loop:true,
        margin:20,
        responsiveClass:true,
      
        responsive:{
            0:{
                items:1,
               
            },
            600:{
                items:1,
                
            },
            1000:{
                items:1,
                
                loop:true
            }
        }
    })
	
	    $('#bloginner-prev').click(function() {
        bloginner.trigger('next.owl.carousel');
    })
    // Go to the previous item
    $('#bloginner-next').click(function() {
        // With optional speed parameter
        // Parameters has to be in square bracket '[]'
        bloginner.trigger('prev.owl.carousel', [300]);
});

    $('#blog-top-prev').click(function() {
        blog2.trigger('next.owl.carousel');
    })
    // Go to the previous item
    $('#blog-top-next').click(function() {
        // With optional speed parameter
        // Parameters has to be in square bracket '[]'
        blog2.trigger('prev.owl.carousel', [300]);
});
  </script>
  
  <script type="text/javascript">
   $('h2.alt').html(function(index, curHTML) {
       var text = curHTML.split(/[\s-]/),
           newtext = '<span>' + text.pop() + '</span>';
       return text.join(' ').concat(' ' + newtext);
     });
	</script>
	
	<script type="text/javascript">

$(document).ready(function(){
    $('#blogmost').each(function(){       
      var highestBox = 0;
      
      $('.col-md-12 .item', this).each(function(){
        
        if($(this).height() > highestBox) {
          highestBox = $(this).height(); 
        }
      
      });              
      $('.col-md-12 .item',this).height(highestBox);                    
    }); 
	
	$('#blog-new').each(function(){       
      var highestBox = 0;
      
      $('.item', this).each(function(){
        
        if($(this).height() > highestBox) {
          highestBox = $(this).height(); 
        }
      
      });              
      $('.item',this).height(highestBox);                    
    }); 
});
</script>
<script>
$('.panel-collapse').on('shown.bs.collapse', function(e) {
  var $panel = $(this).closest('.panel');
  $('html,body').animate({
    scrollTop: $panel.offset().top
  }, 500);
});

</script>
	<?php wp_footer(); ?>
</body>
</html>