[viewBag]
==
</main>

        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="foot-logo">
                            <a href="#"><img src="{{settings.logo.getPath()}}" alt=""></a>
                        </div>
                        <p class="info">{{ settings.address}}</p>
                    </div>
                    <div class="col-md-6">
                        <div class="social-media">
                            <h5>Our Social Media</h5>
                            <ul>
                                <li><a href="{{settings.facebook}}"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="{{settings.instagram}}"><i class="fab fa-instagram"></i></a></li>
                                <li><a href="{{settings.linkedin}}"><i class="fab fa-linkedin"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <p class="copyright">Copyright @ 2024 {{settings.name}}. All rights reserved</p>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <!-- Scripts -->
        <script src="{{ [
            '@jquery',
            '@framework',
            '@framework.extras',

            'assets/js/app.js',
        ] | theme }}"></script>
        {% scripts %}

        {% flash %}
            <p data-control="flash-message" data-interval="7" class="flashmessage {{ type }}">
                {{ message }}
            </p>
        {% endflash %}
        <script src="{{ 'assets/js/owl.carousel.min.js' | theme }}"></script>
        <script src="{{ 'assets/js/main.js' | theme }}"></script>
    
        <script>
            $(document).ready(function(){
                $(".work-slider").owlCarousel({
                    items: 4,
                    navigation: true,
                    pagination: true,
                    autoPlay: true,
                    responsive: true,
                    itemsTablet: [768,3],
                    itemsMobile : [480,2]
                });
                $(".news-slider").owlCarousel({
                    items: 4,
                    navigation: true,
                    pagination: true,
                    autoPlay: true,
                    responsive: true,
                    itemsTablet: [768,3],
                    itemsMobile : [480,1]
                });
                $(".brands-slider").owlCarousel({
                    items: 3,
                    navigation: false,
                    pagination: true,
                    autoPlay: true,
                    responsive: true,
                    itemsTablet: [768,3],
                    itemsMobile : [480,1]
                });
                $(".team-slider").owlCarousel({
                    items: 5,
                    navigation: false,
                    pagination: true,
                    autoPlay: true,
                    itemsMobile : [480,1]
                });
            });
        </script>
    </body>
</html>