@include('_partials_frontend.head')
<!--Header-->
@include('_partials_frontend.navbar')


<section class="program-page section-padding">
  <div class="container">
    <h1 class="text-center font-xl">
      Our Programs      
    </h1>
    <div class="row">
                  @foreach($program as $prog)
            <div class="col-md-6 mobile-hide">
              <div class="box-program">
                <img src="/upload/page/{{ $prog->foto }}" alt="" class="program-img">
                <div class="content">
                  <div class="text">
                    <div class="link-area">
                      <a href="{{ $prog->video }}" class="link mr-2 link-yt"><i class="mdi mdi-magnify"></i></a>
                      <a href="/Frontend/Program_detail?program=" class="link"><i class="mdi mdi-link-variant"></i></a>
                      </div>
                      <h3 class="font-large">{{ $prog->judul_page }}</h3>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-md-6 mobile-show" style="margin-bottom: -80px;">
                <div class="box-program">
                  <img src="/upload/page/{{ $prog->foto }}" alt="" class="program-img">
                  <div class="content">
                    <div class="text">
                      <div class="link-area">
                        <a href="{{ $prog->video }}" class="link mr-2 link-yt"><i class="mdi mdi-magnify"></i></a>
                        <a href="/Frontend/Program_detail?program=" class="link"><i class="mdi mdi-link-variant"></i></a>
                        </div>
                        <!-- <h3 class="font-large">{{ $prog->judul_page }}</h3> -->
                      </div>
                    </div>
                  </div>
                </div>
                @endforeach
                          </div>
          </div>
        </section>
        @include('_partials_frontend.footer')