blog.html

<!-- Blog Section -->
<section id="blog-content" class="blog-section">
    <h2>Latest Articles</h2>
    <div class="blog-item">
        <img src="https://example.com/blog1.jpg" alt="Finding Balance" class="blog-image">
        <h3>First Post: Finding Balance in Chaos</h3>
        <p>Life with three kids can be chaotic, but finding the balance is key. Here's how we manage work, school, and fun all in one day...</p>
        <a href="blog-post1.html" class="read-more-button">Read More</a> <!-- Corrected path to root -->
    </div>
    <div class="blog-item">
        <img src="https://example.com/blog2.jpg" alt="Family Adventures" class="blog-image">
        <h3>Family Adventures on a Budget</h3>
        <p>Exploring The OC doesn’t have to cost a fortune. Here are some of our favorite low-cost family activities that are fun for all...</p>
        <a href="blog-post2.html" class="read-more-button">Read More</a> <!-- Corrected path to root -->
    </div>
</section>