   <!-- Blog Section -->
    <section class="blog-section">
        <div class="auto-container">
            <div class="sec-title text-center">
                <div class="sub-title">Article</div>
                <h2>Discover my popular article</h2>
            </div>
            <div class="row">
                <div class="col-lg-4 news-block-one">
                    <div class="inner-box wow fadeInDown article" data-wow-duration="1500ms">
                        <div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-1.jpg" alt=""></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="/artice-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                    </div>
                </div>
                <div class="col-lg-4 news-block-one">
                    <div class="inner-box wow fadeInUp article" data-wow-duration="1500ms">
                        <div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-2.jpg" alt=""></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="./artice-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                    </div>
                </div>
                <div class="col-lg-4 news-block-one">
                    <div class="inner-box wow fadeInDown article" data-wow-duration="1500ms">
                        <div class="image"><a href="blog-details.html"><img src="assets/images/resource/news-3.jpg" alt=""></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="./artice-detail.php" class="theme-btn btn-style-one style-two"><span> Learn More</span></a></div>
                    </div>
                </div>
            </div>
              <div class="all-service-link text-center mt-30 mb-30"><a href="artice-list.php" class="theme-btn btn-style-one style-three"><span>More Articles</span></a></div>
        </div>
    </section>