@extends('front.layouts.app')
@section('content')


<style>
u {
    text-decoration: underline !important;
}

section.miss-cent-new {
    margin-top: 65px;
}
.seco p span {
    font-size: 17px !important;
}
</style>

<main>

    <section class="banner">
        <div class="main-slide">
            <div class="h-100 position-relative">
                <img src="{{ URL::asset('uploads/dirtycopsus/cms/objectivepage/'.$objectivePage->objective_banner) }}" class="img-fluid banner-img" alt="">
                <div class="container">
            <div class="row">
                <div class="banner-slider"> </div>
            </div>
                </div>
            </div>
        </div>
    </section>

    <!-- <section class="banner">
        <div class="main-slide">
            <div class="h-100 position-relative">
                <img src="{{ asset('assets/front/images/ban2.jpg') }}" class="img-fluid banner-img" alt="">
                <div class="container">
                    <div class="row">
                        <div class="banner-slider">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    <section class="mission mpage">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-7">
                    <div class="seco">
                        <div class="col-12">
                            <h4 class="h4 m-0">The OBJECTIVES of the Website LOUSYLANDLORD.us are:</h4>
                            
                            {!! !empty($objectivePage) ? $objectivePage->objective_section : '' !!}
                        </div>
                    </div>
                </div>
                <div class="col-12 col-lg-5">
                    <img src="{{ URL::asset('uploads/dirtycopsus/cms/objectivepage/'.$objectivePage->objective_image) }}"
                        class="img-fluid" alt="">
                </div>
                <div class="col-12">

                    {!! !empty($objectivePage) ? $objectivePage->principle_section : '' !!}

                </div>
            </div>
        </div>
    </section>

    

    <section class="mission mt-3 bottom">
        <div class="container">
            <div class="row gy-4 justify-content-center">
                <div class="col-12 col-lg-6">
                    <img src="{{ URL::asset('uploads/dirtycopsus/cms/objectivepage/'.$objectivePage->remember_section_image) }}"
                        class="img-fluid rem-img" alt="">
                </div>

                <!--<div class="col-12 col-lg-6">-->

                    <!--{!! !empty($objectivePage) ? $objectivePage->objective_text : '' !!}-->

                <!--</div>-->
                
                <div class="col-12 col-lg-6" bis_skin_checked="1">
                    <h3 class="stroke">Remember:</h3>
                    <p class="para rem"> 
                      <span>{!! !empty($objectivePage) ? $objectivePage->objective_text : '' !!}</span>
                    </p>
                </div>
                
    <section class="miss-cent-new">
        <div class="container">
            <div class="row">
                {!! !empty($objectivePage) ? $objectivePage->signs_section : '' !!}
            </div>
        </div>
    </section>
                

                <div class="col-10">
                    <div class="pt-3 mt-5 object-mar">
                        {!! !empty($objectivePage) ? $objectivePage->welcome_content_section : '' !!}
                    </div>
                </div>

            </div>
        </div>
    </section>

</main>

@endsection