<!DOCTYPE html>
<html lang="en">

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


<body>
    <div class="wrapper">


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


        <!-- ========================
       page title 
    =========================== -->
        <section class="page-title page-title-layout5 bg-overlay">
            <div class="bg-img"><img src="assets/images/page-titles/8.jpg" alt="background"></div>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h1 class="pagetitle__heading">Our Blog</h1>
                        <nav>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Our Blog</li>
                            </ol>
                        </nav>
                    </div><!-- /.col-12 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section><!-- /.page-title -->








        <section class="blog-grid">
            <div class="container">
                <div class="row">
                    <!-- Post Item #1 -->
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <div class="post-item">
                            <div class="post__img">
                                <a href="blog-single-post.html">
                                    <img src="assets/images/blog/grid/1.jpg" alt="post image" loading="lazy">
                                </a>
                            </div><!-- /.post__img -->
                            <div class="post__body">
                                <div class="post__meta-cat">
                                    <a href="#">Mental Health</a>
                                </div><!-- /.blog-meta-cat -->
                                <div class="post__meta d-flex">
                                    <span class="post__meta-date">Jan 30, 2022</span>

                                </div>
                                <h4 class="post__title"><a href="#">Bio chemistry</a></h4>

                                <p class="post__desc">Some quick example text to build on the card title and make up the
                                    bulk of the card's content......
                                </p>

                            </div><!-- /.post__body -->
                        </div><!-- /.post-item -->
                    </div><!-- /.col-lg-4 -->
                    <!-- Post Item #2 -->
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <div class="post-item">
                            <div class="post__img">
                                <a href="blog-single-post.html">
                                    <img src="assets/images/blog/grid/2.jpg" alt="post image" loading="lazy">
                                </a>
                            </div><!-- /.post__img -->
                            <div class="post__body">
                                <div class="post__meta-cat">
                                    <a href="#">Infectious</a><a href="#">Tips</a>
                                </div><!-- /.blog-meta-cat -->
                                <div class="post__meta d-flex">
                                    <span class="post__meta-date">Jan 30, 2022</span>

                                </div>
                                <h4 class="post__title"><a href="#">Bio chemistry</a></h4>

                                <p class="post__desc">Some quick example text to build on the card title and make up the
                                    bulk of the card's content......
                                </p>

                            </div><!-- /.post__body -->
                        </div><!-- /.post-item -->
                    </div><!-- /.col-lg-4 -->
                    <!-- Post Item #3 -->
                    <div class="col-sm-12 col-md-6 col-lg-4">
                        <div class="post-item">
                            <div class="post__img">
                                <a href="blog-single-post.html">
                                    <img src="assets/images/blog/grid/3.jpg" alt="post image" loading="lazy">
                                </a>
                            </div><!-- /.post__img -->
                            <div class="post__body">
                                <div class="post__meta-cat">
                                    <a href="#">Life Style</a><a href="#">Nutrition</a>
                                </div><!-- /.blog-meta-cat -->
                                <div class="post__meta d-flex">
                                    <span class="post__meta-date">Jan 30, 2022</span>

                                </div>
                                <h4 class="post__title"><a href="#">Bio chemistry</a></h4>

                                <p class="post__desc">Some quick example text to build on the card title and make up the
                                    bulk of the card's content......
                                </p>

                            </div><!-- /.post__body -->
                        </div><!-- /.post-item -->
                    </div><!-- /.col-lg-4 -->

                </div><!-- /.row -->
                <div class="row">
                    <div class="col-12 text-center">
                        <nav class="pagination-area">
                            <ul class="pagination justify-content-center">
                                <li><a class="current" href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#"><i class="icon-arrow-right"></i></a></li>
                            </ul>
                        </nav><!-- .pagination-area -->
                    </div><!-- /.col-12 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section>



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


    </div><!-- /.wrapper -->
</body>


</html>