Call
Order Now
Menu
MENU
Home
About Us
Menu
Gallery
Contact Us
Order Now
Our Menu
</div> </div> </section> <footer> <div class="container-xl"> <div class="row"> <div class="col-md-9"> <a href="index.php">Home</a> | <a href="about.php">About Us</a> | <a href="menu.php">Menu</a> | <a href="gallery.php">Gallery</a> | <a href="contact.php">Contact Us</a> | <a href="order.php">Order Now</a> <div class="social"> <a target="_blank" href="https://maps.app.goo.gl/3JBuevtEGawMCeEx8"><i class="fa fa-google" aria-hidden="true"></i></a> <a target="_blank" href="https://www.instagram.com/kolabacoffee/"><i class="fa fa-instagram" aria-hidden="true"></i></a> <!--<a target="_blank" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>--> <!--<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>--> </div> </div> <div class="col-md-3 copyright"> © 2025 Kolaba </div> </div> </div> </footer> <div id="slide-menu" role="complementary"> <div class="container-fluid"> <div class="col"> <a class="js-offcanvas-close"><i class="fa fa-times-circle" aria-hidden="true"></i></a> <a class="logo" href="index.php"><img src="img/logo.webp" alt="" title=""></a> <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li> <li class="nav-item"><a class="nav-link" href="about.php">About Us</a></li> <li class="nav-item"><a class="nav-link" href="menu.php">Menu</a></li> <li class="nav-item"><a class="nav-link" href="gallery.php">Gallery</a></li> <li class="nav-item"><a class="nav-link" href="contact.php">Contact Us</a></li> <li class="nav-item"><a class="nav-link" href="order.php">Order Now</a></li> </ul> <div class="social"> <a target="_blank" href="https://maps.app.goo.gl/3JBuevtEGawMCeEx8"><i class="fa fa-google" aria-hidden="true"></i></a> <a target="_blank" href="https://www.instagram.com/kolabacoffee/"><i class="fa fa-instagram" aria-hidden="true"></i></a> <!--<a target="_blank" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>--> <!--<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>--> </div> </div> </div> </div> <a id="back-to-top" href="#"><img src="img/arrow-top.png" alt="Arrow"></a> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=PT+Sans+Narrow:wght@400;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet"> <script src="js/jquery-latest.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootnavbar.js"></script> <script> $(function () { $('#main_navbar').bootnavbar({ //option //animation: false }); }) </script> <script src="js/js-offcanvas.pkgd.js"></script> <script> $( function(){ $( '#slide-menu' ).offcanvas( { modifiers: "left,overlay", triggerButton: '.js-offcanvas-trigger-left' } ); }); </script> <script src="js/masonry-docs.min.js?2"></script> <link href="css/lightslider.min.css" rel="stylesheet"> <script src="js/lightslider.min.js"></script> <script> $(document).ready(function() { //$(".comment").shorten(); $('.image-gallery').lightSlider({ gallery:true, item:1, thumbItem:5, slideMargin: 0, speed:500, auto:false, loop:true, onSliderLoad: function() { $('.image-gallery').removeClass('cS-hidden'); } }); $('.review-slider').lightSlider({ item:3, speed:1000, pause:5000, auto:true, loop:true, slideMargin:30, //controls:false, //mode:"slide", pager:false, responsive : [ { breakpoint:992, settings: { item:2 } }, { breakpoint:576, settings: { item:1, slideMove:1 } } ] }); $('.fade-img').lightSlider({ mode:'fade', item:1, speed:1000, pause:5000, auto:true, loop:true, //pauseOnHover:true, pager:false }); }); </script> <script> /*--Scroll Back to Top Button Show--*/ $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); //Click event scroll to top button jquery $('#back-to-top').click(function(){ $('html, body').animate({scrollTop : 0},600); return false; }); </script> <script> jQuery(document).ready(function($){ // Get current path and find target link var path = window.location.pathname.split("/").pop(); // Account for home page with empty path if ( path == '' ) { path = 'index.php'; } var target = $('.navbar-nav .nav-link[href="'+path+'"]'); // Add active class to target link target.closest( "li" ).addClass('current-parent'); target.addClass('current'); }); </script> <script> $(window).scroll(function(){ var scroll = $(window).scrollTop(); if (scroll >= 320.1) {$(".sticky").addClass("is-stuck");} else {$(".sticky").removeClass("is-stuck");} }); </script> <script src="js/aos.js"></script> <script> AOS.init(); </script> </body> </html>
