[collection]
handle = "Blog\Post"
recordsPerPage = 1
sortColumn = "published_at"
sortDirection = "asc"
==
<footer>
    <div class="footer-main sec-padd2">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-col">
                        <div class="logo-part">
                            <a href="{{ url('/') }}" class="footer-logo text-uppercase">
                                <img src="{{'sm-tlogo.png'|media}}" alt="">
                            </a>
                        </div>
                        <p class="footer-words">We understand that innovation lies at the heart of our customers. By the time you have the idea and move it on paper, we support you to make it a product with all components, ready at your doorstep.</p>
                        <ul class="list-inline footer-social">
                            <li><a href="https://www.linkedin.com/company/sm-electronic-technologies-pvt-ltd-/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                            <li><a href="https://www.facebook.com/smetgroupindia" target="_blank"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="https://www.instagram.com/sm_electronic_technologies/" target="_blank"><i class="fa fa-instagram"></i></a></li>
                              <li><a href="https://x.com/SmetGroup" target="_blank"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="https://www.youtube.com/@smelectronictechnologies9852" target="_blank"><i class="fa fa-youtube"></i></a></li>
                        </ul>

                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-col service-col">
                        <h3 class="footer-title">Quick Links</h3>
                        <ul class="footer-list">
                            <li><a href="javascript:void(0)" id="downloadLineCard">Line Card</a></li>
                            <li><a href="javascript:void(0)" id="downloadSolutionCatalog">Solution Catalog</a></li>
                            <li><a href="{{ url('/career') }}">Career</a></li>
                            <li><a href="{{ url('/csr') }}">CSR</a></li>
                            <li><a href="{{ url('/compliance') }}">Compliance</a></li>
                            <li><a href="{{ url('/warehouse') }}">Warehouse</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-col post-column">
                        <a href="{{ url('/blogs') }}"><h3 class="footer-title">Blogs</h3></a>
                        <div class="post-list">
                            {% for post in collection %}
                            <div class="blog">                                        
                                <div class="img-holder">
                                    <a href="{{ url('/blog/post/') }}/{{ post.slug }}"><img src="{{ post.banner[0]|media }}" alt="{{ post.title }}"></a>
                                </div>
                                <a href="{{ url('/blog/post/') }}/{{ post.slug }}"><h4>{{ str_limit( post.title, 20) }}</h4></a>
                                <p>{{ str_limit( post.featured_text, 60) }}</p>
                                <div class="post-info"><i class="fa fa-calendar"></i>  {{ post.published_at|date('M d, Y') }}</div>
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                    <a href="{{ url('/blogs') }}">Read more blogs</a>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="footer-col">
                        <h3 class="footer-title">LinkedIn</h3>
                        <div class="footer-widget iframe-wrap">
                            <iframe class="sk-ww-linkedin-page-post" src='https://widgets.sociablekit.com/linkedin-page-posts/iframe/25416701' marginheight="0" marginwidth="0" seamless="seamless" frameborder="0" allowtransparency="true" width='100%' height='360px'></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <p class="copyright">© 2024 SMET . All rights reserved.</p>
                </div>
                <div class="col-md-9">
                    <nav class="footer-menu pull-right">
                        <ul class="list-inline">
                            <!-- <li><a href="{{ url('/') }}">home</a></li>
                            <li><a href="{{ url('/solutions') }}">solutions</a></li>
                            <li><a href="{{ url('/gallery/events') }}">gallery</a></li>
                            <li><a href="{{ url('/news') }}">media</a></li> -->
                            <li><a href="{{url('/terms-and-conditions') }}">terms and conditions</a></li>
                            <li><a href="{{url('/privacy-policy') }}"> policy</a></li>
                            <li><a href="{{ url('/contact') }}">contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</footer>

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></div>

<!-- main jQuery /-->
<script src="{{'assets/js/jquery.js'|theme}}"></script>
<script src="{{'assets/js/plugins.js'|theme}}"></script>
<script src="{{'assets/js/jquery.meanmenu.js'|theme}}"></script>
<script src="{{'assets/js/bootstrap.min.js'|theme}}"></script>
<script src="{{'assets/js/bootstrap-select.min.js'|theme}}"></script>

<script src="{{'assets/js/jquery.bxslider.min.js'|theme}}"></script>
<script src="{{'assets/js/jquery.countTo.js'|theme}}"></script>
<script src="{{'assets/js/owl.carousel.min.js'|theme}}"></script>

<script src="{{'assets/js/validation.js'|theme}}"></script>
<script src="{{'assets/js/jquery.mixitup.min.js'|theme}}"></script>
<script src="{{'assets/js/jquery.easing.min.js'|theme}}"></script>

<script src="{{'assets/js/gmaps.js'|theme}}"></script>
<script src="{{'assets/js/map-helper.js'|theme}}"></script>
<script src="{{'assets/js/jquery.easing.min.js'|theme}}"></script>
<script src="{{'assets/js/jquery.fancybox.pack'|theme}}"></script>
<script src="{{'assets/js/jquery.appear'|theme}}"></script>
<script src="{{'assets/js/isotope.js'|theme}}"></script>
<script src="{{'assets/js/jquery.prettyPhoto.js'|theme}}"></script>

<script src="{{'assets/js/jquery.magnific-popup.min.js'|theme}}"></script>
<script src="{{'assets/js/jquery.bootstrap-touchspin.js'|theme}}"></script>
<script src="{{'assets/js/jquery-ui.js'|theme}}"></script>

<script src="{{'assets/js/SmoothScroll.js'|theme}}"></script>
<script src="{{'assets/js/validation.js'|theme}}"></script>
<script src="{{'assets/js/wow.min.js'|theme}}"></script>
<script src="{{'assets/js/custom.js'|theme}}"></script>
<script src="{{'assets/js/plugins/swiper-bundle.min.js'|theme}}"></script>

<!-- gmap helper /-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB2D8wrWMY3XZnuHO6C31uq90JiuaFzGws"></script>
</div>
</body>

</html>