@extends('layouts.frontend-layout')
@section('content')

    <style>
        p{
            text-align: left !important;
        }
    </style>
    <section class="title-bar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="left-title-text">
                        <h3>Slider Details</h3>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="right-title-text">
                        <ul>
                            <li class="breadcrumb-item"><a href="{{ route('main-site.index') }}">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Slider Details</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="about-natto">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-4">
                    <div class="new-heading ">
                        <p style="text-align: center !important;">{{ $sliders->small_title }}</p>
                        <h1> {{ $sliders->big_title }} </h1>
                    </div>
                </div>
                <div class="col-md-12 mb-5">
                    <img src="{{ asset($sliders->image) }}" style="width: 50%; float: left; margin-right: 15px; margin-bottom: 15px">
                    <div class="about-text1">
                        <p style="text-align: left">{!! $sliders->description !!}</p>
                    </div>

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


@endsection