@extends('layouts.layout_common')
@section('title', 'About || KLINIK PKP JAWA 3')
@push('styles')
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/page-header.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/module-css/error.css') }}">
@endpush

@section('content')

    <x-page_header title="About Us" subtitle="About Us" />


    <!--Page Header End-->

    <!--About One Start -->
    <section class="about-one">
        <div class="about-one__shape-3 float-bob-x">
            <img src="{{ asset('assets/images/shapes/about-one-shape-3.png') }}" alt="">
        </div>
        <div class="about-one__shape-4 float-bob-y">
            <img src="{{ asset('assets/images/shapes/about-one-shape-4.png') }}" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-xl-6">
                    <div class="about-one__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
                        <div class="about-one__img-box">
                            <div class="about-one__img">
                                <img src="{{ asset('assets/images/resources/about-one-img-1.jpg') }}" alt="">
                            </div>
                            <div class="about-one__img-two">
                                <img src="{{ asset('assets/images/resources/about-one-img-2.jpg') }}" alt="">
                            </div>
                            <div class="about-one__satisfied-box img-bounce">
                                <div class="about-one__satisfied-box-inner">
                                    <div class="about-one__satisfied-icon">
                                        <span class="icon-scales-of-justice"></span>
                                    </div>
                                    <div class="about-one__satisfied-count-box">
                                        <div class="about-one__satisfied-count">
                                            <h3 class="odometer" data-count="4356">00</h3>
                                            <span> </span>
                                        </div>
                                        <p class="about-one__satisfied-count-text">Satisfied Client</p>
                                    </div>
                                </div>
                                <div class="about-one__satisfied-box-shape"></div>
                            </div>
                            <div class="about-one__video-link">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="about-one__video-icon">
                                        <span class="fa fa-play"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="about-one__high-quality-service-box">
                                <div class="about-one__high-quality-service">
                                    <h5>Best Lawyer For You</h5>
                                    <a href="{{ route('about') }}">Read More <span class="fas fa-arrow-right"></span> </a>
                                </div>
                            </div>
                        </div>
                        <div class="about-one__shape-1"></div>
                        <div class="about-one__shape-2">
                            <img src="{{ asset('assets/images/shapes/about-one-shape-2.png') }}" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="about-one__right">
                        <div class="section-title text-left sec-title-animation animation-style2">
                            <div class="section-title__tagline-box">
                                <span class="section-title__tagline">About Us</span>
                                <div class="section-title__tagline-shape"></div>
                            </div>
                            <h2 class="section-title__title title-animation">KLINIK PKP JAWA 3
                                <span>Freedom</span>
                            </h2>
                        </div>
                        <p class="about-one__text">Unlock your brand's full potential with our all-encompassing
                            solutions, crafted to elevate visibility, drive growth, and bolster your market
                            position. Our strategies go beyond boosting brand
                        </p>
                        <div class="about-one__points-box">
                            <ul class="list-unstyled about-one__points">
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-contract"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Pre-file Investigation</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-auction-1"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Probation Violations</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                            </ul>
                            <ul class="list-unstyled about-one__points about-one__points--two">
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-scales-of-justice"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Illegal Search & Seizure</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="about-one__points-icon">
                                        <span class="icon-lawyer"></span>
                                    </div>
                                    <div class="about-one__points-content">
                                        <h4>Professional liability</h4>
                                        <p>Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit,</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="about-one__btn-box">
                            <a href="{{ route('about') }}" class="thm-btn">
                                <span class="thm-btn-text">Learn More</span>
                                <span class="thm-btn-icon-box"><i class="fas fa-arrow-right"></i></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--About One End -->

    <!-- Sliding Text One Start -->
    <section class="sliding-text-one">
        <div class="sliding-text-one__wrap">
            <ul class="sliding-text-one__list list-unstyled marquee_mode">
                <li>
                    <h2 data-hover="Business Law" class="sliding-text-one__title">Business Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Family Law" class="sliding-text-one__title">Family Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Insurance Defence" class="sliding-text-one__title">Insurance Defence</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Industrial Law" class="sliding-text-one__title">Industrial Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Employement Law" class="sliding-text-one__title">Employement Law</h2>
                </li>
                <li><span></span></li>
                <li>
                    <h2 data-hover="Criminal Law" class="sliding-text-one__title">Criminal Law</h2>
                </li>
                <li><span></span></li>
            </ul>
        </div>
    </section>
    <!-- Sliding Text One End -->

    <!--Services Two Start -->
    <section class="services-two">
        <div class="services-two__bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
            style="background-image: url({{ asset('assets/images/backgrounds/services-two-bg.jpg') }});"></div>
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Practice Areas</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Reliable Lawyer Agency With <br> High-quality
                    <span>Legal Services</span>
                </h2>
            </div>
            <div class="row">
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-scale"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('business-law') }}">Business Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('business-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-family"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('family-law') }}">Family Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('family-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="300ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-shield"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('insurance-defence') }}">Insurance Defence</a>
                        </h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('insurance-defence') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="400ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-factory"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('industrial-law') }}">Industrial Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('industrial-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-auction-1"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('employement-law') }}">Real Estate Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('employement-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
                <!--Services Two Single Start -->
                <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="600ms">
                    <div class="services-two__single">
                        <div class="services-two__icon">
                            <span class="icon-history"></span>
                        </div>
                        <h3 class="services-two__title"><a href="{{ route('employement-law') }}">Employement Law</a></h3>
                        <p class="services-two__text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit
                        </p>
                        <a href="{{ route('employement-law') }}" class="services-two__read-more">Read More <span
                                class="icon-right-arrow"></span></a>
                    </div>
                </div>
                <!--Services Two Single End -->
            </div>
        </div>
    </section>
    <!--Services Two End -->

    <!--Team One Start -->
    <section class="team-one">
        <div class="container">
            <div class="section-title text-left sec-title-animation animation-style2">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Our Attorneys</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Exceptional Legal Lawyers, <br>
                    <span>Proven Results</span>
                </h2>
            </div>
            <div class="team-one__carousel owl-theme owl-carousel">
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Miller</a></h3>
                            <p class="team-one__sub-title">Attorney</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-1.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">David Thompson</a></h3>
                            <p class="team-one__sub-title">Family Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-2.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Adam Smith</a></h3>
                            <p class="team-one__sub-title">Criminal Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-3.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Brown</a></h3>
                            <p class="team-one__sub-title">Financial Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-4.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Miller</a></h3>
                            <p class="team-one__sub-title">Attorney</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-1.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">David Thompson</a></h3>
                            <p class="team-one__sub-title">Family Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-2.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Adam Smith</a></h3>
                            <p class="team-one__sub-title">Criminal Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-3.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
                <!--Team One Single Start -->
                <div class="item">
                    <div class="team-one__single">
                        <div class="team-one__content">
                            <div class="team-one__shape-box-2">
                                <div class="team-one__shape-2"></div>
                            </div>
                            <h3 class="team-one__name"><a href="{{ route('lawyer-details') }}">Jessica Brown</a></h3>
                            <p class="team-one__sub-title">Financial Lawyer</p>
                            <div class="team-one__social">
                                <a href="#"><span class="icon-pinterest"></span></a>
                                <a href="#"><span class="icon-linkedin"></span></a>
                                <a href="#"><span class="icon-twitter"></span></a>
                                <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                            </div>
                        </div>
                        <div class="team-one__img-box">
                            <div class="team-one__shape-box">
                                <div class="team-one__shape-1"></div>
                            </div>
                            <div class="team-one__img">
                                <img src="{{ asset('assets/images/team/team-1-4.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!--Team One Single End -->
            </div>
        </div>
    </section>
    <!--Team One End -->

    <!-- Testimonial Two Start -->
    <section class="testimonial-two">
        <div class="testimonial-two__shape-1 float-bob-y">
            <img src="{{ asset('assets/images/shapes/testimonial-two-shape-1.png') }}" alt="">
        </div>
        <div class="testimonial-two__shape-2 float-bob-x">
            <img src="{{ asset('assets/images/shapes/testimonial-two-shape-2.png') }}" alt="">
        </div>
        <div class="container">
            <div class="section-title text-center sec-title-animation animation-style1">
                <div class="section-title__tagline-box">
                    <span class="section-title__tagline">Testimonials</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">What Our Client's Says <br> About Our
                    <span>Best Work.</span>
                </h2>
            </div>
            <div class="testimonial-two__carousel owl-carousel owl-theme">
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-1.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Alisa
                                        Fox</a>
                                </h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-2.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Creas
                                        Jordan</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-3.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Ass
                                        Lee</a>
                                </h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-4.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Creas
                                        Wokes</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-5.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Alex
                                        Jordan</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
                <!-- Testimonial Two Single Start -->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__quote">
                            <span class="icon-quote"></span>
                        </div>
                        <div class="testimonial-two__img">
                            <img src="{{ asset('assets/images/testimonial/testimonial-2-6.jpg') }}" alt="">
                        </div>
                        <p class="testimonial-two__text">A logistic service provider company plays a
                            pivotal role in the global
                            supply chain A logistic service provider companyA logistic service
                            provider company plays a pivotal role.</p>
                        <div class="testimonial-two__client-info">
                            <div class="testimonial-two__client-content">
                                <h4 class="testimonial-two__client-name"><a href="{{ route('testimonials') }}">Janaton
                                        Trot</a></h4>
                                <p class="testimonial-two__client-sub-title">Lawyer</p>
                            </div>
                            <div class="testimonial-two__rating">
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                                <span class="icon-star"></span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Testimonial Two Single End -->
            </div>
        </div>
    </section>
    <!-- Testimonial Two End -->

    <!--Brand One Start -->
    <section class="brand-one">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-3 col-lg-4 col-md-5">
                    <div class="brand-one__left">
                        <p class="brand-one__text">We have <span>over 250 trusted</span> <br> brands worldwide</p>
                    </div>
                </div>
                <div class="col-xl-9 col-lg-8 col-md-7">
                    <div class="brand-one__right">
                        <div class="brand-one__carousel owl-theme owl-carousel">
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-1.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"> <img src="{{ asset('assets/images/brand/brand-1-2.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-3.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-4.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="brand-one__single">
                                    <div class="brand-one__img">
                                        <a href="#"><img src="{{ asset('assets/images/brand/brand-1-5.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Brand One End -->

    <!--Blog One Start-->
    <section class="blog-one">
        <div class="blog-one__shape-1 img-bounce">
            <img src="{{ asset('assets/images/shapes/blog-one-shape-1.png') }}" alt="">
        </div>
        <div class="container">
            <div class="section-title text-left sec-title-animation animation-style2">
                <div class="section-title__tagline-box justify-content-center">
                    <div class="section-title__tagline-shape"></div>
                    <span class="section-title__tagline">Our Blog</span>
                    <div class="section-title__tagline-shape"></div>
                </div>
                <h2 class="section-title__title title-animation">Our Latest <span>Blog</span></h2>
            </div>
            <div class="blog-one__carousel owl-carousel owl-theme">
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-1.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Family Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">Design a leverage existing
                                    future proof rathe of-morate.</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-2.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Criminal Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">One of the most effective
                                    lawyer
                                    blog topic</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-3.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Divorce Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">Ideas for divorce and
                                    family
                                    law Rules</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-4.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Industrial Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">attorneys is sharing
                                    success
                                    stories or case studies</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-5.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Insurance Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">A case where you helped a
                                    parent
                                    secure full custody </a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
                <!--Blog One Single Start-->
                <div class="item">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                <img src="{{ asset('assets/images/blog/blog-1-6.jpg') }}" alt="">
                                <div class="blog-one__tags">
                                    <span>Business Law</span>
                                </div>
                            </div>
                            <div class="blog-one__date">
                                <p>10</p>
                                <span>Nov</span>
                            </div>
                        </div>
                        <div class="blog-one__content">
                            <ul class="blog-one__meta list-unstyled">
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-user"></span>Admin
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('blog-details') }}">
                                        <span class="fas fa-comments"></span>Comment
                                    </a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ route('blog-details') }}">A case study where you
                                    successfully negotiated</a></h3>
                            <p class="blog-one__text">Lawyer texting is a way for lawyers to communicate with
                                clients using text messages.</p>
                            <a href="{{ route('blog-details') }}" class="blog-one__read-more">Read More <span
                                    class="fas fa-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <!--Blog One Single End-->
            </div>
        </div>
    </section>
    <!--Blog One End-->

    <x-footer_one />
@endsection
