@extends('layouts.main')
@section('main-section')
<div class="breadcrumb-area bg-overlay-2" style="background-image:url('public/assets/img/breadcrumb.jpeg')">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumb-inner">
                    <div class="section-title mb-0">
                        <h2 class="page-title">Services </h2>
                        <ul class="page-list">
                            <li><a href="/">Home</a></li>
                            <li>Services</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="service-area style-2 pd-top-115 pd-bottom-80">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-7">
                <div class="section-title text-center">
                    <h4 class="subtitle">SERVICES</h4>
                    <h2 class="title">OUR SERVICE FOR YOU</h2>
                    <p>Quickly optimize cooperative models for long-term high-impact ROI. Dynamically drive innovative e-commerce and distributed paradigms.</p>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            @foreach($service as $services)
            <div class="col-lg-4">
                <div class="single-service-wrap">
                    <div class="thumb">
                        <img src="{{asset('public/uploads/post/'.$services->image)}}" style="height: 200px;" alt="img">
                    </div>
                    <div class="details">
                        <h5>{{$services->name}}</h5>
                        <p>{{$services->info}}</p>
                        <!-- <div class="btn-wrap">
                            <a class="read-more-text" href="service-details.html">READ MORE <span><i class="fa fa-arrow-right"></i></span></a>
                        </div> -->
                    </div>
                </div>
            </div>
            @endforeach
    </div>
</div>

@endsection