<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<div class="f_mid">
    <div class="container">
      <div class="row">

        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
          <?php
          //get home footer 1
          $this->db
            ->select('description')
            ->from('home_footer')
            ->where('id_home_footer', 1);
          $footer1 = $this->db->get()->row()->description;
          echo ucfirst($footer1);
          ?>
        </div>

        <div id="footerContactUs" class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
           <?php
           //get home footer 1
           $this->db
             ->select('description')
             ->from('home_footer')
             ->where('id_home_footer', 2);
           $footer2 = $this->db->get()->row()->description;
           echo ucfirst($footer2);
           ?>
        </div>

        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
          <h4>Newsletter</h4>
          <div class="desc">Join our Newsletter and get update news on promotion</div>
          <div class="emial_box">
            <!-- Begin MailChimp Signup Form -->
            <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
            <style type="text/css">
              #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
              /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
                We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
            </style>
            <div id="mc_embed_signup">
            <form action="//kanvakanva.us12.list-manage.com/subscribe/post?u=1b917e16290975f287caa578c&amp;id=3e71758b87" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
              <div id="mc_embed_signup_scroll">
                <div class="mc-field-group">
                  <label for="mce-EMAIL">Email Address </label>
                  <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
                </div>
                <div id="mce-responses" class="clear">
                  <div class="response" id="mce-error-response" style="display:none"></div>
                  <div class="response" id="mce-success-response" style="display:none"></div>
                </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_1b917e16290975f287caa578c_3e71758b87" tabindex="-1" value=""></div>
                <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
                </div>
            </form>
          </div>
          <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
          <!--End mc_embed_signup-->
            
            
          </div>
          <div class="social"> 
            <ul>
            <?php
            //get sosmed links
            $this->db
              ->select('facebook, twitter, instagram')
              ->from('configuration')
              ->where('id_configuration', 1);
            $sosmed = $this->db->get()->row();
            ?>
              <li class="facebook"><a href="<?= $sosmed->facebook ?>"><span class="fa fa-facebook"></span></a></li>
              <li class="dribbble"><a href="<?= $sosmed->instagram ?>"><span class="fa fa-instagram"></span></a></li>
            </ul> 
            
          </div>
          <div class="social">
            <br>
            <b>@ka.n.va on instagram</b>
            <br>
            <!-- SnapWidget -->
           <!-- SnapWidget -->
          <script src="https://snapwidget.com/js/snapwidget.js"></script>
          <iframe src="https://snapwidget.com/embed/734223" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden;  width:100%; "></iframe>

          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="f_bot">
    <div class="container">
      <div class="f_bot_left"><strong>© <?= date(
        'Y'
      ) ?> Ka.nVa Home and Living. All Rights Reserved</div></strong>
    </div>
  </div>
</div>

<script type="text/javascript" src="<?= base_url(
  'template/js/bootstrap.min.js'
) ?>"></script>
<!-- <script type="text/javascript" src="<?= base_url(
  'template/js/jquery.icheck.js'
) ?>"></script> -->
<script type="text/javascript" src="<?= base_url(
  'template/js/package.min.js'
) ?>"></script>
<script type="text/javascript" src="<?= base_url(
  'template/js/jquery.flexslider.js'
) ?>"></script>
<script type="text/javascript" src="<?= base_url(
  'template/js/bxslider/jquery.bxslider.min.js'
) ?>"></script> 
<script type="text/javascript" src="<?= base_url(
  'template/js/scripts.js'
) ?>"></script>

<!-- elevate zoom -->
<script src="<?= base_url() .
  'template/js/jquery.elevateZoom-3.0.8.min.js' ?>"></script>

<script type="text/javascript">

  $(document).ready(function () {

      $("#zoom_03").elevateZoom({gallery:'thumbs_list', cursor: 'zoom-in', galleryActiveClass: "active", 
          imageCrossfade: true, 
          easing : true, 
          borderSize : 1,
          borderColour : '#e8e8e9',
          zoomWindowWidth : 500,
          zoomWindowHeight : 500, 
          loadingIcon: "http://www.canvaswebdesign.com/spinner.gif"}); 
  }); 

</script>

<!-- <script type="text/javascript">
  $("#Submit").on('click', function (e) {
    e.stopPropagation()

    alert("Submitted Fired"); 
    $(e.target).attr('id', 'Save');           
    $(this).unbind('click');
  })
</script> -->

<script>
// $zopim.livechat.setOnChatStart( function () {
//   fbq('track','Contact', {content_name: 'zendesk_chat', content_category:'chat'});
// });
</script>

<!-- Modal -->
<div id="confirmPaymentModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">What is my Order ID</h4>
      </div>
      <div class="modal-body">
        <p>Order ID consist of letter and number combination that you receive after getting your order confirmation. Example: abcdefgh-1110 (sent automatically by email). Contact us if you can't find it.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>


</body>

</html>