{% extends 'base.html.twig' %}

{% block css %}

{% endblock %}

{% block body %}

    <!-- start page title section -->
    <section class="page-title-section bg-img cover-background" data-overlay-dark="7" data-background="{{ asset('assets/img/img/bandeau2.jpg') }}">
        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <h1>Blog</h1>
                </div>
            </div>
        </div>
    </section>
    <!-- end page title section -->

    <!-- start blog section -->
    <section>
        <div class="container lg-container">

            <div class="row">

                <div class="col-lg-4 margin-40px-bottom">
                    <div class="blog-block overflow-hidden">
                        <div class="blog-img position-relative">
                            <img src="{{ asset('assets/img/img/services.jpg') }}" alt="" />
                            <div class="blog-date text-white text-center padding-15px-top z-index-1">
                                <span class="font-size20 md-font-size18">21 Jan</span>
                            </div>
                        </div>
                        <div class="padding-20px-top">
                            <ul class="d-flex font-size13">
                                <li><i class="far fa-folder"></i>
                                    <a href="javascript:void(0)">Pet Grooming</a>,
                                    <a href="javascript:void(0)">Pet Sitting</a>
                                </li>
                                <li class="margin-20px-left"><i class="fa fa-comments"></i> 0 comment</li>
                            </ul>
                            <h5><a href="{{ path('blog_detail') }}" class="text-extra-dark-gray">The ultimate guide to pet-friendly events</a></h5>
                            <a href="{{ path('blog_detail') }}" class="text-extra-dark-gray">Read more<i class="fas fa-arrow-right margin-5px-left font-size12 vertical-align-middle"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 margin-40px-bottom">
                    <div class="blog-block overflow-hidden">
                        <div class="blog-img position-relative">
                            <img src="{{ asset('assets/img/img/services.jpg') }}" alt="" />
                            <div class="blog-date text-white text-center padding-15px-top z-index-1">
                                <span class="font-size20 md-font-size18">18 Jan</span>
                            </div>
                        </div>
                        <div class="padding-20px-top">
                            <ul class="d-flex font-size13">
                                <li><i class="far fa-folder"></i>
                                    <a href="javascript:void(0)">Pet Grooming</a>,
                                    <a href="javascript:void(0)">Pet Sitting</a>
                                </li>
                                <li class="margin-20px-left"><i class="fa fa-comments"></i> 0 comment</li>
                            </ul>
                            <h5><a href="gallery-blog-post.html" class="text-extra-dark-gray">How to keep your pets comfortable anytime</a></h5>
                            <a href="gallery-blog-post.html" class="text-extra-dark-gray">Read more<i class="fas fa-arrow-right margin-5px-left font-size12 vertical-align-middle"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 margin-40px-bottom">
                    <div class="blog-block overflow-hidden">
                        <div class="blog-img position-relative">
                            <img src="{{ asset('assets/img/img/services.jpg') }}" alt="" />
                            <div class="blog-date text-white text-center padding-15px-top z-index-1">
                                <span class="font-size20 md-font-size18">10 Jan</span>
                            </div>
                        </div>
                        <div class="padding-20px-top">
                            <ul class="d-flex font-size13">
                                <li><i class="far fa-folder"></i>
                                    <a href="javascript:void(0)">Pet Grooming</a>,
                                    <a href="javascript:void(0)">Pet Sitting</a>
                                </li>
                                <li class="margin-20px-left"><i class="fa fa-comments"></i> 0 comment</li>
                            </ul>
                            <h5><a href="gallery-blog-post.html" class="text-extra-dark-gray">What to look for when buying a dog coat</a></h5>
                            <a href="gallery-blog-post.html" class="text-extra-dark-gray">Read more<i class="fas fa-arrow-right margin-5px-left font-size12 vertical-align-middle"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 sm-margin-40px-bottom">
                    <div class="blog-block overflow-hidden">
                        <div class="blog-img position-relative">
                            <img src="{{ asset('assets/img/img/services.jpg') }}" alt="" />
                            <div class="blog-date text-white text-center padding-15px-top z-index-1">
                                <span class="font-size20 md-font-size18">12 Dec</span>
                            </div>
                        </div>
                        <div class="padding-20px-top">
                            <ul class="d-flex font-size13">
                                <li><i class="far fa-folder"></i>
                                    <a href="javascript:void(0)">Pet Grooming</a>,
                                    <a href="javascript:void(0)">Pet Sitting</a>
                                </li>
                                <li class="margin-20px-left"><i class="fa fa-comments"></i> 0 comment</li>
                            </ul>
                            <h5><a href="gallery-blog-post.html" class="text-extra-dark-gray">Quality things for loving pet Store</a></h5>
                            <a href="gallery-blog-post.html" class="text-extra-dark-gray">Read more<i class="fas fa-arrow-right margin-5px-left font-size12 vertical-align-middle"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 sm-margin-40px-bottom">
                    <div class="blog-block overflow-hidden">
                        <div class="blog-img position-relative">
                            <img src="{{ asset('assets/img/img/services.jpg') }}" alt="" />
                            <div class="blog-date text-white text-center padding-15px-top z-index-1">
                                <span class="font-size20 md-font-size18">16 Dec</span>
                            </div>
                        </div>
                        <div class="padding-20px-top">
                            <ul class="d-flex font-size13">
                                <li><i class="far fa-folder"></i>
                                    <a href="javascript:void(0)">Pet Grooming</a>,
                                    <a href="javascript:void(0)">Pet Sitting</a>
                                </li>
                                <li class="margin-20px-left"><i class="fa fa-comments"></i> 0 comment</li>
                            </ul>
                            <h5><a href="gallery-blog-post.html" class="text-extra-dark-gray">Cat having nice moment the monsoon</a></h5>
                            <a href="gallery-blog-post.html" class="text-extra-dark-gray">Read more<i class="fas fa-arrow-right margin-5px-left font-size12 vertical-align-middle"></i></a>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="blog-block overflow-hidden">
                        <div class="blog-img position-relative">
                            <img src="{{ asset('assets/img/img/services.jpg') }}" alt="" />
                            <div class="blog-date text-white text-center padding-15px-top z-index-1">
                                <span class="font-size20 md-font-size18">25 Dec</span>
                            </div>
                        </div>
                        <div class="padding-20px-top">
                            <ul class="d-flex font-size13">
                                <li><i class="far fa-folder"></i>
                                    <a href="javascript:void(0)">Pet Grooming</a>,
                                    <a href="javascript:void(0)">Pet Sitting</a>
                                </li>
                                <li class="margin-20px-left"><i class="fa fa-comments"></i> 0 comment</li>
                            </ul>
                            <h5><a href="gallery-blog-post.html" class="text-extra-dark-gray">Pet feeling happy with his white house</a></h5>
                            <a href="gallery-blog-post.html" class="text-extra-dark-gray">Read more<i class="fas fa-arrow-right margin-5px-left font-size12 vertical-align-middle"></i></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- end blog section -->

{% endblock %}

{% block javascripts %}

{% endblock %}