@extends('frontend.layouts.app')

@section('title')
Blog | Brokenshire Medical Center
@endsection

@section('seo')
<style>
    .blank-banner {
        background: url('{{url("/images/banners/blogs.jpg")}}') !important;
    }
</style>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Blog | Brokenshire Medical Center" />
<meta property="og:url" content="{{ url('/health-blogs') }}" />
<meta property="og:site_name" content="Blog | Brokenshire Medical Center"/>
<meta property="og:image" content="{{ asset('images/icons/meta-thumbnail.jpg') }}" />
<meta property="og:thumbnail" content="{{ asset('images/icons/meta-thumbnail.jpg') }}" />
<meta property="og:icon" content="{{ asset('images/icons/android-chrome-192x192.png') }}" />
<link rel="icon" href="{{ asset('images/icons/android-chrome-192x192.png') }}">
<meta property="og:description" content="Brokenshire Medical Center offers exceptional healthcare services in Davao City. We are committed to compassionate care, affordability, and excellence. Find a doctor, schedule an appointment, or learn more about our services." />
<meta property="og:keywords" content="Davao City hospital, Philippines healthcare, Quality medical care, Affordable healthcare, Compassionate care, Medical specialties (Urinalysis, Fecalysis, Ova & Parasites, Amoeba, Complete Blood Count, Red Blood Cells, White Blood Cells, Platelet Count, Hemoglobin, Hemetocrit), Appointments, Patient portal, Medical records">
@endsection

@section('content')
    <div class="container-fluid bg-dark blank-banner">
        <div class="container text-white">
            <div>
                <h3 class="fw-bold mb-2">Blogs</h3>
                <div>
                    <i class="fa-solid fa-angle-right"></i> <span>Health Articles</span>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid bg-light">
        <div class="container py-5">
            <div class="row gy-4">
                <div class="col-lg-4">
                    <a href="{{ url('health-blog-single') }}" class="text-decoration-none">
                        <div class="card card-blog border-0 rouned-0">
                            <img src="{{ asset('images/blog-1.jpg') }}" class="img-fluid" alt="">
                            <div class="card-body shadow-sm px-3 py-4 bg-white rounded-0">
                                <div class="d-flex gap-4 mb-3">
                                    <div>
                                        <i class="fa-regular fa-eye green"></i> &nbsp;
                                        <span class="text-muted">17 Views</span>
                                    </div>
                                    <div>
                                        <i class="fa-regular fa-calendar green"></i> &nbsp;
                                        <span class="text-muted">March 14, 2024</span>
                                    </div>
                                </div>

                                <h5 class="fw-bold">Facilisi etiam dignissim diam quis enim lobortis</h5>

                                <p class="mb-3">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, dolores, inventore
                                    accusamus cumque libero consequuntur enim iusto vel praesentium amet incidunt ex
                                    quibusdam
                                    illum voluptates? Voluptates ab dolorum accusantium repudiandae.
                                </p>

                                <span class="green fw-bold text-decoration-none">Read
                                    More</span><i class="bi bi-arrow-up-right green"></i>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4">
                    <a href="{{ url('health-blog-single') }}" class="text-decoration-none">
                        <div class="card card-blog border-0 rouned-0">
                            <img src="{{ asset('images/blog-2.jpg') }}" class="img-fluid" alt="">
                            <div class="card-body shadow-sm px-3 py-4 bg-white rounded-0">
                                <div class="d-flex gap-4 mb-3">
                                    <div>
                                        <i class="fa-regular fa-eye green"></i> &nbsp;
                                        <span class="text-muted">17 Views</span>
                                    </div>
                                    <div>
                                        <i class="fa-regular fa-calendar green"></i> &nbsp;
                                        <span class="text-muted">March 14, 2024</span>
                                    </div>
                                </div>

                                <h5 class="fw-bold">Facilisi etiam dignissim diam quis enim lobortis</h5>

                                <p class="mb-3">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, dolores, inventore
                                    accusamus cumque libero consequuntur enim iusto vel praesentium amet incidunt ex
                                    quibusdam
                                    illum voluptates? Voluptates ab dolorum accusantium repudiandae.
                                </p>

                                <span class="green fw-bold text-decoration-none">Read
                                    More</span><i class="bi bi-arrow-up-right green"></i>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4">
                    <a href="{{ url('health-blog-single') }}" class="text-decoration-none">
                        <div class="card card-blog border-0 rouned-0">
                            <img src="{{ asset('images/blog-3.jpg') }}" class="img-fluid" alt="">
                            <div class="card-body shadow-sm px-3 py-4 bg-white rounded-0">
                                <div class="d-flex gap-4 mb-3">
                                    <div>
                                        <i class="fa-regular fa-eye green"></i> &nbsp;
                                        <span class="text-muted">17 Views</span>
                                    </div>
                                    <div>
                                        <i class="fa-regular fa-calendar green"></i> &nbsp;
                                        <span class="text-muted">March 14, 2024</span>
                                    </div>
                                </div>

                                <h5 class="fw-bold">Facilisi etiam dignissim diam quis enim lobortis</h5>

                                <p class="mb-3">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, dolores, inventore
                                    accusamus cumque libero consequuntur enim iusto vel praesentium amet incidunt ex
                                    quibusdam
                                    illum voluptates? Voluptates ab dolorum accusantium repudiandae.
                                </p>

                                <span class="green fw-bold text-decoration-none">Read
                                    More</span><i class="bi bi-arrow-up-right green"></i>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4">
                    <a href="{{ url('health-blog-single') }}" class="text-decoration-none">
                        <div class="card card-blog border-0 rouned-0">
                            <img src="{{ asset('images/blog-1.jpg') }}" class="img-fluid" alt="">
                            <div class="card-body shadow-sm px-3 py-4 bg-white rounded-0">
                                <div class="d-flex gap-4 mb-3">
                                    <div>
                                        <i class="fa-regular fa-eye green"></i> &nbsp;
                                        <span class="text-muted">17 Views</span>
                                    </div>
                                    <div>
                                        <i class="fa-regular fa-calendar green"></i> &nbsp;
                                        <span class="text-muted">March 14, 2024</span>
                                    </div>
                                </div>

                                <h5 class="fw-bold">Facilisi etiam dignissim diam quis enim lobortis</h5>

                                <p class="mb-3">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, dolores, inventore
                                    accusamus cumque libero consequuntur enim iusto vel praesentium amet incidunt ex
                                    quibusdam
                                    illum voluptates? Voluptates ab dolorum accusantium repudiandae.
                                </p>

                                <span class="green fw-bold text-decoration-none">Read
                                    More</span><i class="bi bi-arrow-up-right green"></i>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4">
                    <a href="{{ url('health-blog-single') }}" class="text-decoration-none">
                        <div class="card card-blog border-0 rouned-0">
                            <img src="{{ asset('images/blog-2.jpg') }}" class="img-fluid" alt="">
                            <div class="card-body shadow-sm px-3 py-4 bg-white rounded-0">
                                <div class="d-flex gap-4 mb-3">
                                    <div>
                                        <i class="fa-regular fa-eye green"></i> &nbsp;
                                        <span class="text-muted">17 Views</span>
                                    </div>
                                    <div>
                                        <i class="fa-regular fa-calendar green"></i> &nbsp;
                                        <span class="text-muted">March 14, 2024</span>
                                    </div>
                                </div>

                                <h5 class="fw-bold">Facilisi etiam dignissim diam quis enim lobortis</h5>

                                <p class="mb-3">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, dolores, inventore
                                    accusamus cumque libero consequuntur enim iusto vel praesentium amet incidunt ex
                                    quibusdam
                                    illum voluptates? Voluptates ab dolorum accusantium repudiandae.
                                </p>

                                <span class="green fw-bold text-decoration-none">Read
                                    More</span><i class="bi bi-arrow-up-right green"></i>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-lg-4">
                    <a href="{{ url('health-blog-single') }}" class="text-decoration-none">
                        <div class="card card-blog border-0 rouned-0">
                            <img src="{{ asset('images/blog-3.jpg') }}" class="img-fluid" alt="">
                            <div class="card-body shadow-sm px-3 py-4 bg-white rounded-0">
                                <div class="d-flex gap-4 mb-3">
                                    <div>
                                        <i class="fa-regular fa-eye green"></i> &nbsp;
                                        <span class="text-muted">17 Views</span>
                                    </div>
                                    <div>
                                        <i class="fa-regular fa-calendar green"></i> &nbsp;
                                        <span class="text-muted">March 14, 2024</span>
                                    </div>
                                </div>

                                <h5 class="fw-bold">Facilisi etiam dignissim diam quis enim lobortis</h5>

                                <p class="mb-3">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae, dolores, inventore
                                    accusamus cumque libero consequuntur enim iusto vel praesentium amet incidunt ex
                                    quibusdam
                                    illum voluptates? Voluptates ab dolorum accusantium repudiandae.
                                </p>

                                <span class="green fw-bold text-decoration-none">Read
                                    More</span><i class="bi bi-arrow-up-right green"></i>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection