@extends('layouts.front.front')
@section('title', 'Blog | Apsys Network')
{{-- main content --}}
@section('content')


<main id="static">
    <section class="common-banner-wrapper" style="background-image: url('./assets/images/blog/blog-banner.jpg');">
        <div class="container">
            <h1>Blogs</h1>
        </div>
    </section>
    
    <!--breacrumb-->
    <div class="container">
        <nav aria-label="breadcrumb" data-aos="fade-right" data-aos-delay="600">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">blog</li>
            </ol>
        </nav> 
        <div class="mobile--breadcrumbs">
            <a href="{{route('home')}}" class="back"><i class="fa fa-chevron-left"></i></a>
            <a href="javascript:void(0)" class="page">blog</a> 
        </div>
    </div>


    <section class="py-4">
        <div class="container">
            <h2 class="text-dark header mb-0">Market Insights</h2>
            <p class="lead">Explore the up-to-date industry trends from our insightful experts</p> 
            <!-- space -->
            <div class="py-3"></div>
            
            <div class="row g-4 g-xxl-5">
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  -->
                <div class="col-lg-4 col-md-6 col-sm-12"> 
                    <div class="card blog__item rounded">
                        <figure class="mb-0 overflow-hidden">
                            <img src="assets/images/blog/blog-post-1.jpg" class="img-fluid w-100 hover-scale" alt="blog-image">
                        </figure>
                        <div class="content bg-white d-flex">
                            <div class="date">
                                24 <span>May</span>
                            </div>
                            <div class="caption"> 
                                <a href="/blog-details" class="lead fw-normal">Fibre Optic types</a>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis veritatis enim itaque </p>
                                <a href="/blog-details" class="more__link">Read more <i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>


            <nav aria-label="Page navigation" class="pt-5">
                <ul class="pagination justify-content-center">
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Previous"> 
                            <i class="fa fa-angle-left"></i>     
                        </a>
                    </li>
                    <li class="page-item"><a class="page-link active" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Next">
                            <i class="fa fa-angle-right"></i>  
                        </a>
                    </li>
                </ul>
            </nav>

        </div><!--.//container-->
    </section> 
    

</main>


@endsection