source: resources/views/fragments/blog/footer.blade.php

<footer class="bg-dark">
    <div class="w-75 container-fluid border-bottom">
        <div class="row">
            <div class="col-md-4 text-center">
                <img src="{{ asset("assets/images/logo.png") }}">
                <ul class="nav footerNav text-justify flex-column pb-5">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route("blog.index") }}">Home</a>
                        <a class="nav-link" href="{{ route("blog.about") }}">About</a>
                    </li>
                    @foreach ($blogCategories as $category)
                        <li class="nav-item">
                            <a class="nav-link" href="{{ route("blog.category", ["category" => strtolower($category->name)]) }}">{{ $category->name }}</a>
                        </li>
                    @endforeach
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route("blog.about") }}/#contact-us">Contact</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <div class="verticalCentering">
                    <h5 class="text-light text-center pb-2">Recent Posts</h5>
                    <ul class="recentPostsList text-justify">
                        @foreach ($latestPostsFooter as $post)
                            <li class="pb-2"><a class="text-light" href="/category/{{ strtolower($post->category->name) }}/{{ $post->slug }}">{{ $post->title }}</a></li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="col-md-4">
                <div class=" pb-5">
                    <div class="subscribe pb-2">
                        <h5 class="text-light">Subscribe</h5>
                        <h6 class="text-light">Enter your e-mail address and get our monthly newsletter.</h6>
                        <form>
                            <div class="input-group mb-3">
                                <input type="text" class="form-control" placeholder="E-mail" aria-label="Recipient's username" required>
                                <div class="input-group-append">
                                    <input type="submit" class="btn btn-primary" value="Subscribe">
                                </div>
                                <small class="form-text text-left text-muted">We'll never share your email with anyone else.</small>
                            </div>
                        </form>
                    </div>
                    <div class="footerSocial pb-5">
                        <h5 class="text-light">Follow Us</h5>
                        <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="w-75 container-fluid bg-dark pt-2 pb-5">
        <p class="text-light text-left" style="font-size: 12px;">&copy;{{ now()->year }} TechnoBlog. All Rights Reserved</p>
    </div>
</footer>

<script type="text/javascript" src="{{ asset("assets/js/bundle.js") }}"></script>
<script type="text/javascript" src="{{ asset("assets/js/app.js") }}"></script>