
<!DOCTYPE html>
<html>
<head>
    <title>Services</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    @include('frontend.includes.header-link')

    <style>
        .who-we-help-item {
            margin-bottom: 30px;
        }
        .who-we-help-sec.service-list-page {
            padding: 100px 0 80px 0;
        }
    </style>

</head>
<body>

    <!-- <div id="loader"></div> -->

    <div class="main-body" >

        <!-- header -->
        @include('frontend.includes.header')
        <!-- /header -->

        <!-- main content -->
        <div class="main-content">

            <!-- banner starts -->
            <div class="banner-sec" style="background-image: url(assets/images/about-banner-bg.png);">
                <div class="container">
                    <div class="banner-wrapper">
                        <h1>
                            What We Do
                        </h1>
                        <p>
                            
                        </p>
                        <div class="banner-btn d-flex">
                            <button class="main-btn-black">Call us</button>
                        </div>
                        <div class="scroll-div d-flex align-items-center justify-content-center">
                            <p>
                                scroll down
                                <br><br>
                                <img src="assets/images/fi_6364586.png" alt="...">
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /banner ends -->

            <div class="who-we-help-sec service-list-page">
                <div class="container">
                    <div class="who-we-help-wrapper">
                        <div class="row">
                            @foreach($WhatWeDoList as $value)
                            <div class="col-lg-4 col-md-6 col-12">
                                <div class="who-we-help-item">
                                    <img src="{{ asset($value->image) }}" alt="{{ $value->title }}">
                                    <h5>
                                     {{ $value->title }}
                                    </h5>
                                    <a href="{{ route('frontend.what-we-do.show', $value->slug) }}">
                                        <img src="{{ asset('assets/images/arrow.png') }}" alt="arrow">
                                        <span>
                                            View Details
                                        </span>
                                    </a>
                                </div>
                            </div>
                           @endforeach
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <!-- /main content -->

        <!-- footer -->
        @include('frontend.includes.footer')
        <!-- /footer -->
        
    </div>
    @include('frontend.includes.footer-link')

</body>
</html>

