<footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    &copy; 2018 Icicle Corporation. All Rights Reserved.
                </div>
                <div class="col-md-6">
                    <i class="facebook fab fa-facebook fa-2x"></i>
                </div>
            </div>
        </div>
    </footer>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script>


<style>
    
.item {
  width: 300px;
  margin: 10px;
  float: left;
}



</style>


<script>
    var $container = $('#container');

    $container.imagesLoaded( function(){
      $container.masonry({
        itemSelector : '.item',
        isAnimated: true
      });
    });
    
    $container.infinitescroll({
        // infinite scroll options...
      },
      // trigger Masonry as a callback
      function( newElements ) {
        var $newElems = $( newElements );
        $container.masonry( 'appended', $newElems );
      }
    );


</script>

</body>
</html>
