@extends('web.layouts.app')

@section('content')

<!-- start heeder -->
@include('web.layouts.header')
<!-- end heeder -->

<!-- start app -->
<main id="app">


    <section class="ourteam">
        <div class="main-container">
            <div class="row">

                @foreach ($teams as $team)

                <div class="col-lg-6">
                    <div class="sub-ourteam">
                        <div class="img-ourteam">
                            <img src="{{ $team->photo }}" alt="">
                        </div>
                        <div class="text-ourteam">
                            <h2>{{ $team->name }}</h2>
                            <h4>{{ $team->job_title }}</h4>
                            <a href="tel:{{ $team->phone }}"> <i class="bi bi-telephone-fill"></i> {{ $team->phone }}</a>
                            <a href="mailto:{{ $team->email }}"> <i class="bi bi-envelope-fill"></i> {{ $team->email }} </a>
                        </div>
                    </div>
                </div>

                @endforeach

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












</main>
<!-- end app -->

@endsection