Style 1

Blog 1
22 Sep
Totam rem aperiam eaque ipsa quae ab veritatis

Autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae conseq.

Author

Mike Hutson

Blog 2
21 Sep
Voluptatem quia voluptas sit aspernatur aut odit

Eius modi tempora incint ut labore et dolore magnam aliquam quaerat voluptatem enim.

Author

Mike Hutson

Blog 3
20 Sep
Ratione voluptatem seq sciunt eque porro quisqu

Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam volup tatem.

Author

Mike Hutson


<div class="section-title">
    <h2 class="mb-5">Style 1</h2>
</div>
<div class="row mb-7">
    <div class="col-md-4">
        <div class="post-item style-1 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-01.jpg" class="img-fluid" alt="Blog 1"></a>
                <div class="post-date">
                    <span class="date">22</span>
                    <span>Sep</span>
                </div>
            </div>
            <div class="post-content">
                <h5 class="mb-3"><a href="#" tabindex="-1">Totam rem aperiam eaque ipsa quae ab veritatis</a></h5>
                <p class="mb-4">Autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae conseq.</p>
                <div class="post-footer d-flex justify-content-between align-items-center pt-4">
                    <div class="post-author d-flex align-items-center">
                        <img class="mr-2" src="../themes/custom/agency_plus/assets/images/shortcodes/author.jpg" alt="Author">
                        <p class="mb-0">Mike Hutson</p>
                    </div>
                    <a href="#" class="post-link" tabindex="-1"><i class="fa fa-angle-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="post-item style-1 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-02.jpg" class="img-fluid" alt="Blog 2"></a>
                <div class="post-date">
                    <span class="date">21</span>
                    <span>Sep</span>
                </div>
            </div>
            <div class="post-content">
                <h5 class="mb-3"><a href="#" tabindex="-1">Voluptatem quia voluptas sit aspernatur aut odit</a></h5>
                <p class="mb-4">Eius modi tempora incint ut labore et dolore magnam aliquam quaerat voluptatem enim.</p>
                <div class="post-footer d-flex justify-content-between align-items-center pt-4">
                    <div class="post-author d-flex align-items-center">
                        <img class="mr-2" src="../themes/custom/agency_plus/assets/images/shortcodes/author.jpg" alt="Author">
                        <p class="mb-0">Mike Hutson</p>
                    </div>
                    <a href="#" class="post-link" tabindex="-1"><i class="fa fa-angle-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="post-item style-1 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-03.jpg" class="img-fluid" alt="Blog 3"></a>
                <div class="post-date">
                    <span class="date">20</span>
                    <span>Sep</span>
                </div>
            </div>
            <div class="post-content">
                <h5 class="mb-3"><a href="#" tabindex="-1">Ratione voluptatem seq sciunt eque porro quisqu</a></h5>
                <p class="mb-4">Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam volup tatem.</p>
                <div class="post-footer d-flex justify-content-between align-items-center pt-4">
                    <div class="post-author d-flex align-items-center">
                        <img class="mr-2" src="../themes/custom/agency_plus/assets/images/shortcodes/author.jpg" alt="Author">
                        <p class="mb-0">Mike Hutson</p>
                    </div>
                    <a href="#" class="post-link" tabindex="-1"><i class="fa fa-angle-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>

Style 2

Blog 1
We Hosting Oct 10, 2020
Totam rem aperiam eaque ipsa quae ab veritatis

Autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae conseq.

Read More

Blog 2
Product Design Oct 10, 2020
Culpa qui officia deserunt great mollit anim id est laborum

Porro quisquam est, qui dolorem ipsum quia dolor sit amet consec tetur adipisci velit sed.

Read More

Blog 3
Digital Marketing Oct 09, 2020
Eaque ipsa quae abs illo invent tore veritatis et quasi

Magni dolores eos qui ratione vup tatem sequi nesciunt eque porro quisquam est qui dolos.

Read More


<div class="section-title">
    <h2 class="mb-5">Style 2</h2>
</div>
<div class="row mb-7">
    <div class="col-md-4">
        <div class="post-item style-2 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-01.jpg" class="img-fluid" alt="Blog 1"></a>                            
            </div>
            <div class="post-content">
                <div class="post-meta d-flex flex-wrap align-items-center mb-4">
                    <a href="#" class="badge badge-primary mr-3" tabindex="-1">We Hosting</a>
                    <span class="date">Oct 10, 2020</span>                                
                </div>
                <h5 class="mb-3"><a href="#" tabindex="-1">Totam rem aperiam eaque ipsa quae ab veritatis</a></h5>
                <p class="mb-3">Autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae conseq.</p>
                <a href="#" class="read-more" tabindex="-1">Read More</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="post-item style-2 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-02.jpg" class="img-fluid" alt="Blog 2"></a>                            
            </div>
            <div class="post-content">
                <div class="post-meta d-flex flex-wrap align-items-center mb-4">
                    <a href="#" class="badge badge-primary mr-3" tabindex="-1">Product Design</a>
                    <span class="date">Oct 10, 2020</span>                                
                </div>
                <h5 class="mb-3"><a href="#" tabindex="-1">Culpa qui officia deserunt great mollit anim id est laborum</a></h5>
                <p class="mb-3">Porro quisquam est, qui dolorem ipsum quia dolor sit amet consec tetur adipisci velit sed.</p>
                <a href="#" class="read-more" tabindex="-1">Read More</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="post-item style-2 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-03.jpg" class="img-fluid" alt="Blog 3"></a>                            
            </div>
            <div class="post-content">
                <div class="post-meta d-flex flex-wrap align-items-center mb-4">
                    <a href="#" class="badge badge-primary mr-3" tabindex="-1">Digital Marketing</a>
                    <span class="date">Oct 09, 2020</span>                                
                </div>
                <h5 class="mb-3"><a href="#" tabindex="-1">Eaque ipsa quae abs illo invent tore veritatis et quasi</a></h5>
                <p class="mb-3">Magni dolores eos qui ratione vup tatem sequi nesciunt eque porro quisquam est qui dolos.</p>
                <a href="#" class="read-more" tabindex="-1">Read More</a>
            </div>
        </div>
    </div>
</div>

Style 3

Blog 1
19 Sep, 2020
Excepteur sint occaecat cupi is datat proident

Autem vel eum iure repreh greatui in ea voluptate velit esse quam nihil molestiae conse quat.

Read More

Blog 2
19 Sep, 2020
Magni dolores eos qui ratione voluptatem sequi

Duis aute irure dolor in repreh derit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Read More

Blog 3
19 Sep, 2020
Nemo enim ipsam voluptatem quia volupta asper

Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostr.

Read More


<div class="section-title">
    <h2 class="mb-5">Style 3</h2>
</div>
<div class="row mb-7">
    <div class="col-md-4">
        <div class="post-item style-3 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-01.jpg" class="img-fluid" alt="Blog 1"></a>                            
                <div class="post-date">
                    <span class="date"><i class="fa fa-calendar mr-2"></i>19 Sep, 2020</span>                                
                </div>
            </div>
            <div class="post-content">                            
                <h5 class="mb-3"><a href="#" tabindex="-1">Excepteur sint occaecat cupi is datat proident</a></h5>
                <p class="mb-4">Autem vel eum iure repreh greatui in ea voluptate velit esse quam nihil molestiae conse quat.</p>
                <a href="#" class="btn btn-secondary" tabindex="-1">Read More</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="post-item style-3 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-02.jpg" class="img-fluid" alt="Blog 2"></a>                            
                <div class="post-date">
                    <span class="date"><i class="fa fa-calendar mr-2"></i>19 Sep, 2020</span>                                
                </div>
            </div>
            <div class="post-content">                            
                <h5 class="mb-3"><a href="#" tabindex="-1">Magni dolores eos qui ratione voluptatem sequi</a></h5>
                <p class="mb-4">Duis aute irure dolor in repreh derit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                <a href="#" class="btn btn-secondary" tabindex="-1">Read More</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="post-item style-3 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-03.jpg" class="img-fluid" alt="Blog 3"></a>                            
                <div class="post-date">
                    <span class="date"><i class="fa fa-calendar mr-2"></i>19 Sep, 2020</span>                                
                </div>
            </div>
            <div class="post-content">                            
                <h5 class="mb-3"><a href="#" tabindex="-1">Nemo enim ipsam voluptatem quia volupta asper</a></h5>
                <p class="mb-4">Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostr.</p>
                <a href="#" class="btn btn-secondary" tabindex="-1">Read More</a>
            </div>
        </div>
    </div>
</div>

Style 4

Blog 1
Septemper 13, 2020
Consur vel illum qui dol fugiat quo volu

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus tium doloremque lauda.

Read More
Blog 2
Septemper 13, 2020
Consur vel illum qui dol fugiat quo volu

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus tium doloremque lauda.

Read More
Blog 3
Septemper 13, 2020
Consur vel illum qui dol fugiat quo volu

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus tium doloremque lauda.

Read More

<div class="section-title">
    <h2 class="mb-5">Style 4</h2>
</div>
<div class="row mb-3">
    <div class="col-lg-4 col-md-6">
        <div class="post-item style-4 mb-5 mb-lg-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-01.jpg" class="img-fluid" alt="Blog 1"></a>                                                        
            </div>
            <div class="post-content text-white">  
                <div class="post-date mb-1">
                    <span class="date">Septemper 13, 2020</span>                                
                </div>                          
                <h5 class="mb-3"><a href="#" tabindex="-1">Consur vel illum qui dol fugiat quo volu</a></h5>
                <p class="mb-4">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus tium doloremque lauda.</p>
                <div class="post-action">
                    <a href="#" class="btn btn-outline-light" tabindex="-1">Read More</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-6">
        <div class="post-item style-4 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-02.jpg" class="img-fluid" alt="Blog 2"></a>                                                        
            </div>
            <div class="post-content text-white">  
                <div class="post-date mb-1">
                    <span class="date">Septemper 13, 2020</span>                                
                </div>                          
                <h5 class="mb-3"><a href="#" tabindex="-1">Consur vel illum qui dol fugiat quo volu</a></h5>
                <p class="mb-4">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus tium doloremque lauda.</p>
                <div class="post-action">
                    <a href="#" class="btn btn-outline-light" tabindex="-1">Read More</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-6">
        <div class="post-item style-4 mb-5 mb-md-0">
            <div class="post-image">
                <a href="#" tabindex="-1"><img src="../themes/custom/agency_plus/assets/images/shortcodes/blog-03.jpg" class="img-fluid" alt="Blog 3"></a>                                                        
            </div>
            <div class="post-content text-white">  
                <div class="post-date mb-1">
                    <span class="date">Septemper 13, 2020</span>                                
                </div>                          
                <h5 class="mb-3"><a href="#" tabindex="-1">Consur vel illum qui dol fugiat quo volu</a></h5>
                <p class="mb-4">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus tium doloremque lauda.</p>
                <div class="post-action">
                    <a href="#" class="btn btn-outline-light" tabindex="-1">Read More</a>
                </div>
            </div>
        </div>
    </div>
</div>
HEADER STYLE
COLOR SCHEMES
Combo 1
Combo 2
Combo 3
Combo 4
Combo 5
Combo 6
Combo 7
Combo 8
Combo 9
Combo 10
Buy Now