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

@section('content')


@foreach($banner as $page)

@php 

$banner    = $page->banner_image;
$page_name = $page->service_name;

@endphp


@endforeach
    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="http://bmp.litost.co.in/storage/app/public/uploads/pages/{{ $banner }}">
      <div class="container pt-200 pb-50">
        <!-- Section Content -->
        <div class="section-content pt-100">
          <div class="row"> 
            <div class="col-md-12">
              <h3 class="title text-white dis-hidden">{{ $page_name }}</h3>
            </div>
          </div>
        </div>
      </div>
    </section>
    
<section id="blog">
      <div class="container"> 
          <!-- Section Title -->
          <div class="section-title wow fadeInDown" data-wow-delay=".1s" data-wow-duration=".8s" style="visibility: visible; animation-duration: 0.8s; animation-delay: 0.1s;">
              <div class="row">
                <div class="col-md-6 col-md-offset-3 text-center pb-30">
                  <h2>{{$homepages->page_blog_heading}}</h2>
                  <img src="http://bmp.litost.co.in/storage/app/public/uploads/logo/section-title-after.png" alt="">
                  <p><em>{{$homepages->page_blog_tagline}}</em></p>
                </div>
              </div>
          </div>
          <!-- Section Content -->
          <div class="section-content">
            <div class="cd-container cd-timeline">
                
                
            @foreach ($feature as $featureDetails)
            
                <div class="cd-timeline-block">
                <div class="cd-timeline-img bounce-in"> <i class="fa fa-heart"></i> </div>
                <!-- cd-timeline-img -->
                <div class="cd-timeline-content no-border bg-lighter bounce-in">
                  <div class="photo-timeline date-img text-right">
                    <h4><a href="blog_details.php">{{$featureDetails->title}} testing</a></h4>
                    <p>{{$featureDetails->description}}</p>
                    <a class="text-theme-colored" role="button" href="blog_details.php">Read More</a> </div>
                  <div class="discription style2">
                    <h5>{{$featureDetails->datevalue}}</h5>
                  </div>
                </div>
                <!-- cd-timeline-content --> 
              </div>
               @endforeach
             
              <div class="cd-timeline-block">
                <div class="cd-timeline-img is-hidden"> <i class="fa fa-heart"></i> </div>
                <!-- cd-timeline-img --> 
                <!-- cd-timeline-block --> 
                <!-- cd-timeline --> 
              </div>
            </div>
          </div>
      </div>
    </section>
    
@endsection