footer

<footer class="main-footer">
  <div class="inside">
    <section class="about">
      <h4>About the Company</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate at neque in sit accusamus placeat quisquam animi recusandae, itaque, fuga fugit, debitis autem tenetur impedit ipsa iusto praesentium nemo. Iusto.</p>
      <a href="our-story" class="button">Read more</a>
    </section>


    <section class="twitter">
      <h4>Latest Tweets</h4>
    </section>


    <section class="instagram">
      <h4>Instagram Photos</h4>
      <?php
        function fetch_data($url){
          $ch = curl_init();
          curl_setopt($ch, CURLOPT_URL, $url);
          curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
          curl_setopt($ch, CURLOPT_TIMEOUT, 20);
          curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
          $result = curl_exec($ch);
          curl_close($ch);
          return $result;
        }

        $count = 12; // the number of photos you want to fetch
        $access_token = "dd43rwef4543reff45654ytrgry456y45re";
        $display_size = "thumbnail"; // you can choose between "low_resolution", "thumbnail" and "standard_resolution"

        $result = fetch_data("https://api.instagram.com/v1/users/324e2342/media/recent?count={$count}&access_token={$access_token}");
        $result = json_decode($result);

        echo "<ul>";
        foreach ($result->data as $photo) {
            $img = $photo->images->{$display_size};
            echo "<li><a href='{$photo->link}'><img src='{$img->url}' /></a></li>";
        }
        echo "</ul>";
      ?>
    </section>
  </div> <!-- end of .inside -->
</footer>

<footer class="copyright">
  <div class="inside">
    <small>Copyright &copy; 2014. Indian Cuisine. All rights reserved.</small>
  </div> <!-- end of .inside -->
</footer>

</div> <!-- end of .page-wrap -->

</div> <!-- end of mm-page wrapper -->


<!-- mobile off-canvas menu -->
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.mmenu.min.all.js"></script>
<script>
   $(document).ready(function() {
      var $menu = $("#menu-main-menu").clone();
      $menu.attr({
        id: "mobile-nav",
        class: ""
      });
      $menu.mmenu({
        offCanvas: {
          position: "right"
        },
        searchfield: {
          add: true,
          addTo: 'panels'
        }
      });
   });
</script>

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