<?php include("header.php") ?>

    <!-- Page Title -->
    <section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);">
        <div class="auto-container">
            <h1>Blog List</h1>
            <div class="text">Explore my favourate blogs</div>
        </div>
    </section>

    <!-- Sidebar page -->
    <section class="sidebar-page">
        <div class="auto-container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="news-block-one list-style gallery-item">
                        <div class="inner-box">
                            <div class="image col-md-6"><a href="blog-details.php"><img src="assets/images/resource/news-21.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6 ">
                                <div class="post-meta">By <a href="#"><span>  Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                            <h4><a href="blog-details.html">Including animation in your  design system</a></h4>
                                <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
                                <div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="news-block-one list-style gallery-item">
                        <div class="inner-box">
                            <div class="image col-md-6"><a href="blog-details.php"><img src="assets/images/resource/news-22.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6">
                                
                                <div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                                <h4><a href="blog-details.html">Including animation in your  design system</a></h4>
                                <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
                                <div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="news-block-one list-style gallery-item">
                        <div class="inner-box">
                            <div class="image col-md-6"><a href="blog-details.php"><img src="assets/images/resource/news-23.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6">
                                <div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                            <h4><a href="blog-details.html">Including animation in your  design system</a></h4>
                                <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
                                <div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="news-block-one list-style gallery-item">
                        <div class="inner-box">
                            <div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-24.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6">
                                <div class="post-meta">By <a href="#"><span>  Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                            <h4><a href="blog-details.html">Including animation in your  design system</a></h4>
                                <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
                                <div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="news-block-one list-style gallery-item">
                        <div class="inner-box">
                            <div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-25.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6">
                                
                                <div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                                <h4><a href="blog-details.html">Including animation in your  design system</a></h4>
                                <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
                                <div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="news-block-one list-style gallery-item">
                        <div class="inner-box">
                            <div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-26.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6">
                                <div class="post-meta">By <a href="#"><span>  Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                            <h4><a href="blog-details.html">Including animation in your  design system</a></h4>
                                <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
                                <div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="news-block-one list-style gallery-item">
                        <div class="inner-box">
                            <div class="image col-md-6"><a href="blog-details.html"><img src="assets/images/resource/news-27.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6">
                                
                                <div class="post-meta">By <a href="#"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                                <h4><a href="blog-details.html">Including animation in your  design system</a></h4>
                                <div class="text">Lorem ipsum dolor sit amet consectur adip sed eiusmod tempor.</div>
                                <div class="link-btn"><a href="blog-details.html" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 sidebar-side">
                    <aside class="sidebar">
                        
                        <!-- Search -->
                        <div class="sidebar-widget search-box">
                            <h3 class="sidebar-title">Search</h3>
                            <form method="post" action="https://html.tonatheme.com/2020/Pestico/contact.html">
                                <div class="form-group">
                                    <input type="search" name="search-field" value="" placeholder="Search..." required="">
                                    <button type="submit"><span class="icon flaticon-search-1"></span></button>
                                </div>
                            </form>
                        </div>

                   
                        
                        <!-- Post Widget -->
                        <div class="sidebar-widget popular-posts">
                            <h3 class="sidebar-title">Popular Article</h3>
                            <div class="widget-content">                                
                                <!--News Post-->
                                <div class="news-post">
                                    <div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-4.jpg" alt=""></a></div>
                                    <div class="date">April 18, 2020</div>
                                    <h4><a href="blog-details.html">Consequntur eos magni dolore. </a></h4>
                                </div>
                                <!--News Post-->
                                <div class="news-post">
                                    <div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-5.jpg" alt=""></a></div>
                                    <div class="date">April 18, 2020</div>
                                    <h4><a href="blog-details.html">Magni dolore qui ratione seque.</a></h4>
                                </div>
                                <!--News Post-->
                                <div class="news-post">
                                    <div class="post-thumb"><a href="blog-details.html"><img src="assets/images/resource/news-6.jpg" alt=""></a></div>
                                    <div class="date">April 18, 2020</div>
                                    <h4><a href="blog-details.html">Raton magni sed dolore eos.</a></h4>
                                </div>                        
                            </div>
                        </div>

                        <!-- Offer widget -->
                        <div class="offer-widget">
                            <div class="image"><img src="assets/images/resource/image-12.jpg" alt=""></div>
                            <h3>Lets<br>Explore <br> All</h3>
                        </div>
                                            
                    </aside>
                </div>
            </div>
              <div class="page-pagination">
                        <ul class="clearfix" id="pagination">
                            <!-- JS will control this -->
                        </ul>
                    </div>
        </div>
    </section>

<?php include("footer.php") ?>