@include('temp2/common/header')
<section class="page-title parallax3 parallax-fix page-title-large"
    style="background: url({{url($title->menuimage)}}) 50% 0px;">
    <div class="opacity-medium bg-black"></div>

    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 text-center animated fadeInUp">
                <div class="separator-line bg-yellow no-margin-top margin-four"></div>
                <!-- page title -->
                <h1 class="white-text">{{$title->menutitle}}</h1>
                <!-- end page title -->
                <!-- page title tagline -->
                <span class="white-text">Home</span>
                <!-- end title tagline -->
            </div>
        </div>
    </div>
</section>
<section id="key-person" class="wow fadeIn">
            <div class="container">
                
                <div class="row margin-six">
                    <!-- key person item -->
                    @foreach($product as $product)
                    <div class="col-md-4 col-xs-4 bottom-margin text-center wow fadeInUp" data-wow-duration="300ms">
                        <div class="key-person">
                            <div class="key-person-img">@if(!empty($product->image1))<img src="{{url($product->image1)}}" alt="">@endif</div>
                            <div class="key-person-details">
                                <span class="person-name black-text"><a href="{{url('/serviceproduct/'.$product->id)}}">{{ substr($product->productname,0,25) }}...</a></span> 
                                <div class="person-social"><a href="{{url('/serviceproduct/'.$product->id)}}"class="highlight-button-dark btn btn-small button">View Details</a></div>
                                
                            </div>
                        </div>
                    </div>
                    @endforeach 
                    <!-- end key person item -->
                </div>
            </div>
        </section>
@include('temp2/common/footer')