</main>
<footer>
    <div class="footer-top">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-2 col-md-2 col-12">
                    <div class="footer-content mb-0">
                        <p class="footer-title mb-md-0 mb-2">
                            <a class="navbar-brand" href="<?php echo base_url(); ?>">
                                <img src="<?php echo base_url(); ?>assets/user/img/logo.webp" alt="logo image" class="img-fluid">
                            </a>
                        </p>
                    </div>
                </div>
                <div class="col-lg-8 col-md-8 col-12">
                    <div class="footer-content mb-2">
                        <ul class="list-unstyled address mb-0 d-lg-flex justify-content-between">
                            <li>
                                <p class="fw-bold"> Contact Us: </p>
                            </li>
                            <li>
                                <img src="<?php echo base_url(); ?>assets/user/img/phone.webp" alt="phone icon">
                                <a href="tel:6565562429">+65 6556 2429</a>
                            </li>
                            <li>
                                <img src="<?php echo base_url(); ?>assets/user/img/fax.webp" alt="mail icon">
                                <a href="tel:6565562429">+65 6556 2429</a>
                            </li>
                            <li>
                                <img src="<?php echo base_url(); ?>assets/user/img/email.webp" alt="mail icon">
                                <a href="mailto:enquiry@lecolefood.com">enquiry@lecolefood.com</a>
                            </li>
                            <li class="ms-ms-3 me-0">
                                <p class="me-2 d-inline"> Follow Us </p>
                                <a href="#"> <img src="<?php echo base_url(); ?>assets/user/img/facebook.webp" alt="mail icon"> </a>
                                <a href="#"> <img src="<?php echo base_url(); ?>assets/user/img/instagram.webp" alt="mail icon">
                                </a>
                                <a href="#"> <img src="<?php echo base_url(); ?>assets/user/img/twitter.webp" alt="mail icon"> </a>
                            </li>
                        </ul>
                    </div>
                    <div class="copyright d-lg-flex justify-content-between">
                        <p class="mb-md-0 mb-2">Copyright by L’ecole Food Company Pte Ltd @ 2023. All rights reserved</p>
                        <p class="text-start mb-md-0 mb-2"><a href="https://websentials.com.sg/" target="_blank" class="text-start"> Web Design By Websentials <img src="<?php echo base_url(); ?>assets/user/img/websentials-logo.webp" alt="websentials-logo" width="20"> </a></p>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-12">
                    <a class="btn btn-primary" href="<?php echo base_url(); ?>shop"> <span> Shop Now <div><img src="<?php echo base_url(); ?>assets/user/img/btn-right.png" class="img" alt="right"> </div> </span> </a>
                </div>
            </div>
        </div>

    </div>
</footer>
<!-- footer end -->
<!-- <div class="whatsapp-img">
    <a href="https://wa.me/6565462112" target="_blank">
        <img src="<?php //echo base_url(); ?>assets/user/img/whatsapp.webp" alt="whatsapp" class="img-fluid">
    </a>
</div> -->
<div class="atc-success1" style="box-shadow: 1px 2px 8px 2px #ddd;border-radius: 50px;">
    <div class="row">
        <div class="col-md-12">
            <a href="javascript:void(0);" class="closeATcModal1" style="position:absolute;top: -10px;right: -10px;font-size: 24px;background: #ed1c24;border: 1px solid #ed1c24;border-radius: 50px;color: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;">×</a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4 col-sm-4 col-4">
            <img src="<?php echo base_url('assets/user/img/product1.webp'); ?>" id="pimageAtc" style="width:100%;" alt="img">
        </div>
        <div class="col-md-8 col-sm-8 col-8">
            <h1 class="text-start">Item added to cart</h1>
            <h5 id="pnameAtc"></h5>
            <h4 id="pPriceAtc"></h4>
            <div class="single-product-cart text-start">
                <a href="<?php echo base_url('shopping-cart'); ?>" class="btn btn-primary text-center ms-0" style="min-width:140px;margin:5px;">VIEW CART</a>
                <a href="<?php echo base_url('checkout'); ?>" class="btn btn-primary text-center" style="min-width:140px;">CHECKOUT</a>
            </div>
        </div>
    </div>
</div>
<style>
    .atc-success1 {
        background: #fff;
        position: fixed;
        left: 50%;
        top: 50%;
        /*right: 15px;
        top: 8%;*/
        transform: translate(-50%, -50%);
        z-index: 999;
        width: 90%;
        max-width: 650px;
        padding: 20px 15px;
        display: none;
        font-family: 'Sofia Pro';
    }
    .atc-success1 h1 {
        text-align: center;
        font: normal normal bold 25px/30px Sofia Pro;
        letter-spacing: 0px;
        color: #343434;
        opacity: 1;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }
    .atc-success1 h5 {
        text-align: left;
        font: normal normal 500 20px/30px Sofia Pro;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
    }
    .atc-success1 img {
        border-radius: 8px;
    }
</style>


<script src="<?php echo base_url(); ?>assets/user/js/owl.carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.js"></script>
<script src="<?php echo base_url(); ?>assets/user/js/main.js"></script>
<script src="https://www.google.com/recaptcha/api.js"></script>
<script src="<?php echo base_url(); ?>assets/ecommerce/js/custom.js"></script>
<script>
    $('.closeATcModal1').on('click', function () {
        $('.atc-success1').hide();
    });
</script>
<script>
    setTimeout(function() {

        // init Masonry
        var $grid = $('.grid').masonry({
            itemSelector: '.grid-item',
            percentPosition: true,
            columnWidth: '.grid-sizer'
        });

        // layout Masonry after each image loads
        $grid.imagesLoaded().progress(function() {
            $grid.masonry();
        });

    }, 3000);
</script>
<!-- <script>
    $(window).scroll(function() {
        var sticky = $('.sticky'),
            scroll = $(window).scrollTop();

        if (scroll >= 1) sticky.addClass('fixed');
        else sticky.removeClass('fixed');
    });
</script> -->
<script>
$(document).ready(function() {
  $('select').niceSelect();
});   
</script>
<script>
    // owl carousel
    ;
    (function($) {
        'use strict'
        $('.owl-carousel.owl-services').owlCarousel({
            loop: false,
            margin: 25,
            nav: true,
            dots: false,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/prev.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/next.webp'>"],
            responsive: {
                0: {
                    items: 1,
                },
                600: {
                    items: 2,
                },
                1000: {
                    items: 4,
                },
            },
        })
        $('.owl-carousel.owl-featured ').owlCarousel({
            loop: false,
            nav: true,
            dots: false,
            stagePadding: 10,
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/prev.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/next.webp'>"],
            responsive: {
                0: {
                    items: 1,
                    margin: 20
                },
                600: {
                    items: 3,
                    margin: 30
                },
                1000: {
                    items: 4,
                    margin: 50
                },
            },
        })
        $('.owl-carousel.owl-news ').owlCarousel({
            loop: false,
            nav: true,
            dots: false,
            stagePadding: 10,
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/prev.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/next.webp'>"],
            responsive: {
                0: {
                    items: 1,
                    margin: 20
                },
                600: {
                    items: 3,
                    margin: 20
                },
                1000: {
                    items: 3,
                    margin: 35
                },
            },
        })

        $('.owl-carousel.testimonial-slider-main').owlCarousel({
            loop: false,
            nav: true,
            dots: false,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/Icon_arrow-left.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/Icon_arrow-right.webp'>"],
            responsive: {
                0: {
                    items: 1,
                },
                500: {
                    items: 1,
                    margin: 15,
                },
                700: {
                    items: 1,
                    margin: 15,
                },
                1000: {
                    items: 1,
                    margin: 15,
                },
            },
        })

        $('.owl-carousel.recipes-item').owlCarousel({
            loop: false,
            nav: false,
            dots: false,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/Icon_arrow-left.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/Icon_arrow-right.webp'>"],
            responsive: {
                0: {
                    items: 1,
                    margin: 15,
                },
                500: {
                    items: 2,
                    margin: 15,
                },
                700: {
                    items: 3,
                    margin: 30,
                },
                1000: {
                    items: 3,
                    margin: 30,
                },
            },
        })

        $('.owl-carousel.gallery-slider').owlCarousel({
            loop: false,
            nav: true,
            dots: false,
            animateOut: 'fadeOut',
            animateIn: 'fadeIn',
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/prev.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/next.webp'>"],
            responsive: {
                0: {
                    items: 1,
                    margin: 0,
                },
                500: {
                    items: 1,
                    margin: 0,
                },
                700: {
                    items: 1,
                    margin: 0,
                },
                1000: {
                    items: 1,
                    margin: 0,
                },
            },
        })
        $('.owl-carousel.brand-slider').owlCarousel({
            loop: true,
            margin: 40,
            nav: false,
            stagePadding: 10,
            dots: false,
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/left-icon.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/right-icon.webp'>"],
            responsive: {
                0: {
                    items: 1,
                },
                500: {
                    items: 2,
                },
                700: {
                    items: 3,
                },
                1000: {
                    items: 4,
                },
            },
        })







        







        // $('.owl-carousel.owl-project').owlCarousel({
        //     loop: false,
        //     margin: 10,
        //     nav: true,
        //     dots: true,
        //     animateOut: 'fadeOut',
        //     animateIn: 'fadeIn',
        //     navText: ["<img src='<?php echo base_url(); ?>assets/user/img/prev.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/next.webp'>"],
        //     responsive: {
        //         0: {
        //             items: 1,
        //         },
        //         600: {
        //             items: 1,
        //         },
        //         1000: {
        //             items: 1,
        //         },
        //     },
        // })

        // $('.owl-carousel.service-slider').owlCarousel({
        //     loop: false,
        //     margin: 20,
        //     nav: true,
        //     dots: false,
        //     navText: ["<img src='<?php echo base_url(); ?>assets/user/img/prev.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/next.webp'>"],
        //     responsive: {
        //         0: {
        //             items: 1,
        //         },
        //         500: {
        //             items: 1,
        //             stagePadding: 0,
        //         },
        //         700: {
        //             items: 2,
        //             stagePadding: 30,
        //         },
        //         1000: {
        //             items: 2,
        //             stagePadding: 40,
        //             slideBy: 1
        //         },
        //     },
        // })

        // $('.owl-carousel.owl-company').owlCarousel({
        //     loop: false,
        //     margin: 10,
        //     nav: true,
        //     dots: true,
        //     animateOut: 'fadeOut',
        //     animateIn: 'fadeIn',
        //     navText: ["<img src='<?php echo base_url(); ?>assets/user/img/left-icon.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/right-icon.webp'>"],
        //     responsive: {
        //         0: {
        //             items: 1,
        //         },
        //         600: {
        //             items: 1,
        //         },
        //         1000: {
        //             items: 1,
        //         },
        //     },
        // })

        // $('.owl-carousel.owl-featuredwork').owlCarousel({
        //     loop: true,
        //     margin: 40,
        //     nav: true,
        //     dots: false,
        //     navText: ["<img src='<?php echo base_url(); ?>assets/user/img/f-left.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/f-right.webp'>"],
        //     responsive: {
        //         0: {
        //             items: 1,
        //         },
        //         600: {
        //             items: 3,
        //         },
        //         1000: {
        //             items: 3,
        //         },
        //     },
        // })


        // $('.owl-carousel.testimonials-slider').owlCarousel({
        //     loop: false,
        //     margin: 10,
        //     nav: true,
        //     dots: true,
        //     animateOut: 'fadeOut',
        //     animateIn: 'fadeIn',
        //     navText: ["<img src='<?php echo base_url(); ?>assets/user/img/left-icon.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/right-icon.webp'>"],
        //     responsive: {
        //         0: {
        //             items: 1,
        //         },
        //         600: {
        //             items: 1,
        //         },
        //         1000: {
        //             items: 1,
        //         },
        //     },
        // })

        $('.owl-carousel.shopping-item').owlCarousel({
            loop: true,
            margin: 40,
            nav: false,
            stagePadding: 10,
            dots: false,
            navText: ["<img src='<?php echo base_url(); ?>assets/user/img/left-icon.webp'>", "<img src='<?php echo base_url(); ?>assets/user/img/right-icon.webp'>"],
            responsive: {
                0: {
                    items: 1,
                },
                500: {
                    items: 2,
                },
                700: {
                    items: 3,
                },
                1000: {
                    items: 4,
                },
            },
        })
    })(jQuery)
</script>
</body>

</html>