HTML - Bootstrap Blog Page Grid Layout

blog.html

    <section class="blog">
            <div class="container">
                <div class="row">
                    <!--blog-page-title-->
                    <div class="col-xs-12 col-md-6 col-md-offset-3 text-center title">
                        <h3>LATEST FROM BLOG</h3>
                        <p>A free Bootstrap blog theme perfect for personal blogs.</p>
                    </div>
                    <!--blog-page-title/-->
                </div>

                <div class="row">
                    <!--Single-blog-->
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="panel single-blog">
                            <img src="http://lorempixel.com/750/500/" class="img-responsive" alt="">
                            <div class="content">
                                <ul class="list-unstyled list-inline">
                                    <li>By: Admin</li>
                                    <li>Feb 01, 2017</li>
                                </ul>
                                <a href="#"><h3>Free Bootstrap Blog Templates</h3></a>
                                <p>he following free Bootstrap blog templates we are about to explore have all been carefully selected. The official example template of creating a blog.</p>
                                <a href="#" class="read-more">Read more</a>
                            </div>
                        </div>
                    </div>
                    <!--Single-blog/-->

                    <!--Single-blog-->
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="panel single-blog">
                            <img src="http://lorempixel.com/600/400/" class="img-responsive" alt="">
                            <div class="content">
                                <ul class="list-unstyled list-inline">
                                    <li>By: Admin</li>
                                    <li>Feb 01, 2017</li>
                                </ul>
                                <a href="#"><h3>Bootstrap blog Code Examples</h3></a>
                                <p>Browse high quality free Bootstrap blog templates in the NextBootstrap. Sample code of blog design using bootstrap, javascript, css, and html.</p>
                                <a href="#" class="read-more">Read more</a>
                            </div>
                        </div>
                    </div>
                    <!--Single-blog/-->

                    <!--Single-blog-->
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="panel single-blog">
                            <img src="http://lorempixel.com/900/600/" class="img-responsive" alt="">
                            <div class="content">
                                <ul class="list-unstyled list-inline">
                                    <li>By: Admin</li>
                                    <li>Feb 01, 2017</li>
                                </ul>
                                <a href="#"><h3>Bootstrap Snippet Bootstrap 3.0.0 Blog</h3></a>
                                <p>Bootstrap example of Bootstrap 3.0.0 Blog Post Example using HTML, Javascript, jQuery, and CSS. Bootstrap example of Complete blog layout.</p>
                                <a href="#" class="read-more">Read more</a>
                            </div>
                        </div>
                    </div>
                    <!--Single-blog/-->

                </div>
                <div class="row">
                    <div class="col-xs-12 text-center">
                        <a href="blog.html" class="view-all">View All</a>
                    </div>
                </div>
            </div>
        </section>