@extends('site.pages.build')
@section('title',$blog->name)
@push('css')
    <style>
        @media (max-width: 500px) {
            .row_breadcrumb ul.breadcrumb li{
                font-size: 1rem;
            }
        }
        .row_header .static_header .static_header_txt {
             max-width:unset;
        }
    </style>
@endpush
@section('content')
    <div class="row_header">

        <div id="c2247" class="ce_element ce_id_2247 fr_default sb_ sa_"><div class="static_header back_resource back_resource_2247">
                <style type="text/css" scoped="scoped">
                    .back_resource_2247 { background-image: url("/storage/{{ $blog->bg }}"); height: 300px} @media (max-width: 1200px) { .back_resource_2247 { background-image: url("/storage/{{ $blog->bg }}"); } } @media (max-width: 768px) { .back_resource_2247 { background-image: url("/storage/{{ $blog->bg }}"); } } @media (max-width: 480px) { .back_resource_2247 { background-image: url("/storage/{{ $blog->bg }}"); } } @media (max-width: 360px) { .back_resource_2247 { background-image: url("/storage/{{ $blog->bg }}"); } }
                </style>
                <div class="container">
                    <div class="static_header_txt static_header_p1 static_header_c1 static_header_o1" ><div class="headline_title" style="font-size: 36px;color: #fff;" >
                        {{ $blog->name }}
                        </div></div></div>
            </div></div>


    </div>

    <div class="row_breadcrumb"><ul class="breadcrumb"><li class="first"><a href="/">{{ __('dil.anaSayfa') }}</a></li><li class="last" style="font-size: 16px">
        {{ $blog->name }}</li></ul></div>



    <div class="row_content">
        <div class="container_x">
            <!--TYPO3SEARCH_begin-->

            <div id="c52" class="ce_element ce_id_52 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container">
                        <div class="news ">
                            <div class="article" itemscope="itemscope" itemtype="http://schema.org/Article">
                                <h1 class="news_headline" itemprop="headline">{{ $blog->name }}</h1>
                                <div class="news_text">
                                    <div class="lead" itemprop="description"><p>{!! $blog->description !!}</p></div>

                                </div>
                                <div class="news_image">
                                    <div class="thumbnailx news_thumb">
                                        <a
                                            href="/storage/{{ $blog->image }}"
                                            class="img_lightbox"
                                            data-rel="lightcase:set_4"
                                        >
                                            <img
                                                class="img-responsive"
                                                src="/storage/{{ $blog->image }}"
                                            />
                                        </a>
                                    </div>
                                </div>
                                <!-- Link Back -->
                                <div class="news_link_back">
                                    <a class="btn btn-default" href="{{ route('site.bloglar.index') }}">
                                        {{ __('dil.bloglar') }}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--TYPO3SEARCH_end-->
        </div>
    </div>


@endsection