<?php include("header.php") ?>
    <!-- Page Title -->
    <section class="page-title" style="background-image: url(assets/images/background/image.png);">
        <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-detail.php"><img src="assets/images/resource/abt.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-detail.php">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-detail.php" 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-detail.php"><img src="assets/images/resource/img3.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-detail.php">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-detail.php" 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-detail.php"><img src="assets/images/resource/img1.jpg" alt=""></a></div>
                            <div class="lower-content col-md-6">
                                <div class="post-meta">By <a href="blog-details.php"><span> Eva Green</span></a> - <a href="#">October 13, 2020</a></div>
                            <h4><a href="blog-detail.php">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-detail.php" 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-detail.php"><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-detail.php">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-detail.php" 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-detail.php"><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-detail.php">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-detail.php" 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-detail.php"><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-detail.php">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-detail.php" 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-detail.php"><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-detail.php">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-detail.php" 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">
                        
                  

                   
                        
                        <!-- Post Widget -->
                        <div class="sidebar-widget popular-posts">
                            <h3 class="sidebar-title">Popular Blogs</h3>
                            <div class="widget-content">                                
                                <!--News Post-->
                                <div class="news-post">
                                    <div class="post-thumb"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
                                    <div class="date">April 18, 2020</div>
                                    <h4><a href="blog-detail.php">Consequntur eos magni dolore. </a></h4>
                                </div>
                                <!--News Post-->
                                <div class="news-post">
                                    <div class="post-thumb"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
                                    <div class="date">April 18, 2020</div>
                                    <h4><a href="blog-detail.php">Magni dolore qui ratione seque.</a></h4>
                                </div>
                                <!--News Post-->
                                <div class="news-post">
                                    <div class="post-thumb"><a href="blog-detail.php"><img src="assets/images/resource/abt.jpg" alt=""></a></div>
                                    <div class="date">April 18, 2020</div>
                                    <h4><a href="blog-detail.php">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>Feel <br> Free To<br> Message Me</h3>
                             <div class="link-btn contact-btn1"><a href="contact.php" class="theme-btn btn-style-one style-two"><span> Click Here</span></a></div>
                        </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") ?>