<footer>
  <div id="footer">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm-4 footer-widget">
          <div class="footer-about">
            <h2 class="footer-title">About US</h2>
            <p><?=substr(db_scalar("select site_pages_description from tbl_site_pages where 1 and site_pages_link='about-us'"),0,300); ?></p>
            <a href="<?=$site_url?>/about-us.html" class="read-more mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--accent">Read More</a> </div>
        </div>
        <div class="col-md-2">
          <section class="latest-ami-widget">
            <h2 class="footer-title">Quick Links</h2>
            <?php 
	  $link_sql=db_query("select * from tbl_site_pages where 1 and site_pages_status='Active' and site_pages_show_in_footer='Yes' order by site_pages_order_by asc");
	  if(mysqli_num_rows($link_sql)>0){
	   while($link_data=mysqli_fetch_array($link_sql)){
	   $pgName=$link_data['site_pages_link'];
	  ?>
<p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/<?=$link_data['site_pages_link']?>.html"><?=$link_data['site_pages_name']?>  </a></p>
           <? }} ?>
          </section>
        </div>
        <div class="col-md-3 col-sm-4">
          <section class="latest-ami-widget">
            <h2 class="footer-title">Products</h2>
            <?php 
	  $ft_sql=db_query("select * from tbl_category where 1 and category_status='Active' and category_parent_id='0' order by category_order_by limit 0,7");
	  if(mysqli_num_rows($ft_sql)>0){
	   while($ft_data=mysqli_fetch_array($ft_sql)){
	  ?>
            <p><i class="fa fa-caret-right caretAmi"></i> <a href="<?=$site_url?>/<?=$ft_data['category_url']?>.html"><?=$ft_data['category_name']?></a></p>
            <? }} ?>
          </section>
        </div>
        <div class="col-md-3 col-sm-4">
          <section class="tags-widget1">
          <?php if( ($compDATA['admin_facebook_link']!='') || ($compDATA['admin_twitter_link']!='') || ($compDATA['admin_gplus_link']!='') || ($compDATA['admin_linkedin_link']!='') ){ ?>
            <h2 class="footer-title">Follow Us</h2>
            <ul>
            <?php if($compDATA['admin_facebook_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_facebook_link']?>" target="_blank"><i class="fa fa-facebook amiShare"></i></a></li>
              <? } ?>
              <?php if($compDATA['admin_twitter_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_twitter_link']?>" target="_blank"><i class="fa fa-twitter amiShare"></i></a></li>
              <? } ?>
              <?php if($compDATA['admin_gplus_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_gplus_link']?>" target="_blank"><i class="fa fa-google-plus amiShare"></i></a></li>
              <? } ?>
              <?php if($compDATA['admin_linkedin_link']!=''){ ?>
              <li><a href="<?=$compDATA['admin_linkedin_link']?>" target="_blank"><i class="fa fa-linkedin amiShare"></i></a></li>
              <? } ?>
            </ul>
            <? } ?>
            <p style="margin-left:7px;"><img src="img/webmail-login.png" alt="Webmail Login" title="Webmail Login" /></p>
            <?php
if($compDATA['admin_language_option']=='Yes'){ ?>
            <div style="margin-left:15px; margin-bottom:15px;" id="google_translate_element"></div>
            <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 
<? } ?>
<?php
if($compDATA['admin_visitor_counter_option']=='Yes'){ ?>
<!-----VISITOR COUNTER START ---------------->
<!-- hitwebcounter Code START -->
<div style="margin-left:7px; margin-bottom:15px;"><img src="http://counter9.01counter.com/private/freecounterstat.php?c=c22f8d1bcf70483344afcf49f2b176d1" border="0" title="web page counter" alt="web page counter"></div>
<!-----VISITOR COUNTER END ---------------->                                         
<? } ?>
          </section>
        </div>
      </div>
    </div>
  </div>
  <div id="copyright" class="text-center">
    <p><?php if(!empty($compDATA['admin_copyright'])){ ?>Copyright &copy; <?=$compDATA['admin_copyright'];?><? } ?> <?php if(!empty($compDATA['admin_all_right_reserved'])){ ?><?=$compDATA['admin_all_right_reserved'];?> - all right reserved.<? } ?> Designed & Developed By - <a href="http://www.webkeyindia.com" target="_blank">WebKeyIndia.Com</a></p>
  </div>
</footer>
<div id="backToTop">
  <button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"> <i class="fa fa-angle-up"></i> </button>
</div>
<?php /*?><div class="color-switcher hidden-xs">
  <div id="open-switcher"> <i class="fa fa-envelope"></i> </div>
  <div id="close-switcher"> <i class="fa fa-times"></i> </div>
  <div id="demo-colors" class="mdl-card mdl-shadow--24dp">
    <div id="demo-wrapper">
      <h2>Quick Enquiry</h2>
      <form action="#" method="post" id="contactForm">
        <div class="row">
          <div class="col-md-12">
            <div class="mdl-textfield mdl-js-textfield">
              <input class="mdl-textfield__input" type="text" name="contactName" id="contactName">
              <label class="mdl-textfield__label" for="contactName">Name</label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="mdl-textfield mdl-js-textfield">
              <input class="mdl-textfield__input" type="text" name="contactName" id="contactName">
              <label class="mdl-textfield__label" for="contactName">Email</label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="mdl-textfield mdl-js-textfield">
              <textarea class="mdl-textfield__input" rows="4" name="contactMessage" id="contactMessage" ></textarea>
              <label class="mdl-textfield__label" for="contactMessage">Message</label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-center">
            <button type="submit" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--raised mdl-button--accent">Send</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div><?php */?>
<script src="js/jquery-2.2.2.min.js"></script><script src="js/bootstrap.min.js"></script><script src="js/material.min.js"></script><script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/isotope-docs.min.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.counterup.min.js"></script> <script src="js/animatescroll.min.js"></script> <script src="js/retina.min.js"></script> <script src="js/jquery.tubular.1.0.js"></script><script src="js/mainc4ca.js?2"></script> 
<!-- jQuery --> 

  <script defer src="flexislider/jquery.flexslider.js"></script> 
<script type="text/javascript">

    (function() {

      // store the slider in a local variable
      var $window = $(window),
          flexslider = { vars:{} };

      // tiny helper function to add breakpoints
      function getGridSize() {
        return (window.innerWidth < 600) ? 2 :
               (window.innerWidth < 900) ? 3 : 4;
      }

      $(function() {
        SyntaxHighlighter.all();
      });

      $window.load(function() {
        $('.flexslider').flexslider({
          animation: "slide",
          animationSpeed: 400,
          animationLoop: true,
          itemWidth: 210,
          itemMargin: 5,
          minItems: getGridSize(), // use function to pull in initial value
          maxItems: getGridSize(), // use function to pull in initial value
          start: function(slider){
            $('body').removeClass('loading');
            flexslider = slider;
          }
        });
      });

      // check grid size on resize event
      $window.resize(function() {
        var gridSize = getGridSize();

        flexslider.vars.minItems = gridSize;
        flexslider.vars.maxItems = gridSize;
      });
    }());

  </script>
  <!-- FlexSlider --> 
<script defer src="flexislider/jquery.flexslider.js"></script> 
<script type="text/javascript">

    (function() {

      // store the slider in a local variable
      var $window = $(window),
          flexslider = { vars:{} };

      // tiny helper function to add breakpoints
      function getGridSize() {
        return (window.innerWidth < 600) ? 2 :
               (window.innerWidth < 900) ? 3 : 4;
      }

      $(function() {
        SyntaxHighlighter.all();
      });

      $window.load(function() {
        $('.flexslider').flexslider({
          animation: "slide",
          animationSpeed: 400,
          animationLoop: true,
          itemWidth: 210,
          itemMargin: 5,
          minItems: getGridSize(), // use function to pull in initial value
          maxItems: getGridSize(), // use function to pull in initial value
          start: function(slider){
            $('body').removeClass('loading');
            flexslider = slider;
          }
        });
      });

      // check grid size on resize event
      $window.resize(function() {
        var gridSize = getGridSize();

        flexslider.vars.minItems = gridSize;
        flexslider.vars.maxItems = gridSize;
      });
    }());

  </script>
</body></html>