Blog markup

<section class="blog py-100 bg_secondary" id="blog">
        <div class="container">
            <div class="section-title text-center text-lg-left mb-5">
                <h2>Blog</h2> <br>
                <p class="text-muted">All you need to know about me.</p>
            </div>
            <div class="row">
                <div class="post-slide col-md-4">
                    <div class="post-img">
                        <img src="assets/images/blog/blog1.jpg" alt="" class="img-responsive">
                        <a href="#" class="overlay"><i class="fas fa-search"></i></a>
                    </div>
                    <div class="post-review">
                        <ul class="post-comment">
                            <li><strong>14</strong></strong><small>sep</small></li>
                            <li><i class="far fa-comment"></i><a href="#"><small>2</small></a></li>
                        </ul>
                        <h3 class="post-title">
                            <a href="#">Latest News Post</a>
                        </h3>
                        <p class="post-description">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus orci elit, at iaculis
                            dui.
                        </p>
                    </div>
                </div>

                <div class="post-slide col-md-4">
                    <div class="post-img">
                        <img src="assets/images/blog/blog2.jpg" alt="" class="img-responsive">
                        <a href="#" class="overlay"><i class="fas fa-search"></i></i></a>
                    </div>
                    <div class="post-review">
                        <ul class="post-comment">
                            <li><strong>14</strong><small>sep</small></li>
                            <li><i class="far fa-comment"></i><a href="#"><small>3</small></a></li>
                        </ul>
                        <h3 class="post-title">
                            <a href="#">Latest News Post</a>
                        </h3>
                        <p class="post-description">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus orci elit, at iaculis
                            dui.
                        </p>
                    </div>
                </div>

                <div class="post-slide col-md-4">
                    <div class="post-img">
                        <img src="assets/images/blog/blog3.jpg" alt="" class="img-responsive">
                        <a href="#" class="overlay"><i class="fas fa-search"></i></i></a>
                    </div>
                    <div class="post-review">
                        <ul class="post-comment">
                            <li><strong>14</strong><small>sep</small></li>
                            <li><i class="far fa-comment"></i><a href="#"><small>5</small></a></li>
                        </ul>
                        <h3 class="post-title">
                            <a href="#">Latest News Post</a>
                        </h3>
                        <p class="post-description">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rhoncus orci elit, at iaculis
                            dui.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

Leave a Reply

Your email address will not be published. Required fields are marked *