@extends('main')

@section('content')
  <!-- ======= Breadcrumbs ======= -->
  <section class="breadcrumbs">
    <div class="container">
      <ol>
        <li><a href="{{ url('/') }}">Home</a></li>
        <li>News & Events</li>
      </ol>
      <h2>Youtube <i class="fa-brands fa-youtube" style="color: red;"></i></h2>
    </div>
  </section>
  <!-- End Breadcrumbs -->

    <!-- ======= Project Archieve Section ======= -->
  <section id="contact" class="contact bg-light p-0">
    <div class="container bg-white py-5" data-aos="fade-up">
      <div class="section-title">
        <h2>Youtube <i class="fa-brands fa-youtube" style="color: red;"></i> </h2>
            <div class="row">
                <div class="col-md-4 mb-3">
                    <div class="ratio ratio-16x9">
                        <iframe src="https://www.youtube.com/embed/3FmhcHp1baU?si=cVzKcLr44knQ37fF" title="YouTube video" allowfullscreen></iframe>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="ratio ratio-16x9">
                        <iframe src="https://www.youtube.com/embed/ZYMpWO66pJA?si=J_3AlMw6A1TlpQvn" title="YouTube video" allowfullscreen></iframe>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="ratio ratio-16x9">
                        <iframe src="https://www.youtube.com/embed/FOXArgMqOcc?si=PGZn456AMrm6uJs-" title="YouTube video" allowfullscreen></iframe>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="ratio ratio-16x9">
                        <iframe src="https://www.youtube.com/embed/5Plplf6bPHg?si=lx44iR4jDrFE43zL" title="YouTube video" allowfullscreen></iframe>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="ratio ratio-16x9">
                        <iframe src="https://www.youtube.com/embed/I07NA-IF4NQ?si=np3az3N1djuT4Hc2" title="YouTube video" allowfullscreen></iframe>
                    </div>
                </div>
                <div class="col-md-4 mb-3">
                    <div class="ratio ratio-16x9">
                        <iframe src="https://www.youtube.com/embed/tXGx0-DDCSU?si=-6vAsIA-G-nBDDXn" title="YouTube video" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
      </div>
    </div>
  </section>
  <!-- End Project ArchievePartner and Donor Section -->

@endsection