<div class="card card-style mb-0">
    <a href="#" class="footer-title pt-4">AZURES</a>
    <p class="text-center font-12 mt-n1 mb-3 opacity-70">
        Put a little <span class="color-highlight">color</span> in  your life
    </p>
    <p class="boxed-text-l">
        Built to match the design trends and give your page the awesome facelift it deserves.
    </p>
    <p class="footer-copyright pb-3 mb-1">Copyright &copy; Enabled <span id="copyright-year">2017</span>. All Rights Reserved.</p>
</div>
<div class="footer-card card shape-rounded" data-card-height="230">
    <div class="card-overlay bg-highlight opacity-95"></div>
    <div class="card-bg preload-img" data-src="<?= base_url('code/') ;?>images/pictures/20s.jpg"></div>
</div>

<script type="text/javascript">
    //Activating the function to show the shape at the bottom
    $.card_extender();
</script>
