@extends('hulaki_khabar.layout.layout')
@section('content')
    <!-- Start Page Banner -->
    <div class="page-title-area">
        <div class="container">
            <div class="page-title-content">
                <h2>हाम्रो बारे</h2>
                <ul>
                    <li><a href="index.php">होमपेज</a></li>
                    <li>हाम्रो बारे</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Page Banner -->

    <!-- Start About Area -->
    <section class="about-area ptb-50">
        <div class="container">
            <div class="about-image">
                <img src="{{ $aboutus->cover_photo }}" alt="image">
            </div>

            <div class="about-content">
                <h3>{{ $aboutus->subtitle }}</h3>
                <p>{!! $aboutus->text !!}</p>


            </div>
        </div>
    </section>
    <!-- End About Area -->

    <!-- Start Team Area -->
    <section class="team-area" id="team">
        <div class="container">
            <div class="row">
                @foreach ($teams as $item)
                    <div class="col-lg-3 col-md-3">
                        <div class="single-team-box">
                            <div class="image">
                                <img src="{{ $item->photo }}" alt="image">
                            </div>
                            <div class="content">
                                <h3>{{ $item->title }}</h3>
                                <span>{{ $item->designation }} </span>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End Team Area -->
@endsection