@extends('frontend.app')



@section('content')

    <div class="jumbotron">
    <div class="container">

<section id="cover" style="padding-top:65px">
    <div id="cover-caption">
        <div class="container">
            <div class="row text-white">
                <div class="col-xl-5 col-lg-6 col-md-8 col-sm-10 mx-auto text-center form p-4">
                    <h1><i class="fa fa-search" aria-hidden="true"></i> ARAMA SONUÇLARI</h1>
                    <!--<div class="px-2">
                        <form action="" class="justify-content-center">
                            <div class="form-group">

  <input class="form-control" type="text" placeholder="Aranacak Kelime"
    aria-label="Search">
                            </div>
                            <button type="submit" class="btn btn-primary btn-lg">ARA</button>
                        </form>
                    </div>-->
                </div>
            </div>
        </div>
    </div>
</section>

</div>
</div>


    <div class="container2 st-pd" style="padding-top:10px; padding-bottom: 50px;">
        <div class="shadow bg-white rounded">
            <div class="icerik" style="padding:25px 25px 25px 25px">

                
                    @foreach($icerikler as $icerik)
                 <div style="padding-left:100px; padding-bottom:25px">   
                   
                     <p><h5><a href="">{{$icerik->baslik}}</a></h5></p>
                     <p>{{$icerik->descreption}}</p>
                    <p><b>HABER</b> - {{$icerik->created_at}}</p>
                </div>
                     
                        @endforeach
             
            <div class="col-12 d-flex justify-content-center">
                 {{ $icerikler->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection
@section('css')
<style>
#cover {
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
}
#cover h1 {color:#333;}
#cover-caption {
    width: 100%;
    position: relative;
    z-index: 1;
}

/* only used for background overlay not needed for centering */
form:before {
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: -1;
    border-radius: 10px;
}
</style>