@extends('app')

@section('title', 'CCU Videos')

@section('description',
    'Community Connecting Us (CCU) videos. We are a 501(c)(3) nonprofit Asset Based Community Development
    organization located in Port Deposit, MD')

@section('page_phrase', 'Our Videos')

@section('content')

    <div id="videos_page" class="interior_page text-center bg-light no_carousel">

        <section class="section_row bg-light">
            <div class="content_wrap">
                <div class="row featurette">
                    <div class="col-12 order-first mb-3">
                        <h1 class="featurette-heading bottom_border fs-1 fw_600 text-center mb-5">Our Videos</h1>
                    </div>
                    <div class="col-lg-6 column pe-lg-5 mb-5">
                        <div class="content_animate top_content slide_left">
                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" style="border: none; overflow: hidden;"
                                    src="https://www.youtube.com/embed/E-Y9e8rxlQ4?controls=0&rel=0" width="560"
                                    height="315" frameborder="0" scrolling="no"
                                    allowfullscreen="allowfullscreen"></iframe></p>
                            </div>
                            <h2 class="fw_500 fs-4 text-center mb-0">Community Connecting Us, your stories, your community
                            </h2>
                        </div>
                    </div>

                    <div class="col-lg-6 column ps-lg-5 mb-5">
                        <div class="content_animate top_content slide_right">
                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" style="border: none; overflow: hidden;"
                                    src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F175274407224001%2F&amp;show_text=0&amp;width=560"
                                    width="560" height="315" frameborder="0" scrolling="no"
                                    allowfullscreen="allowfullscreen"></iframe></p>
                            </div>
                            <h2 class="fw_500 fs-4 text-center mb-0">Asset Based Community Development (ABCD) with David
                                Swift</h2>
                        </div>
                    </div>

                    <div class="col-lg-6 column pe-lg-5 mb-4 mb-5">
                        <div class="content_animate slide_left">
                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" style="border: none; overflow: hidden;"
                                    src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F2915121225208522%2F&amp;show_text=0&amp;width=560"
                                    width="560" height="315" frameborder="0" scrolling="no"
                                    allowfullscreen="allowfullscreen"></iframe></p>
                            </div>
                            <h2 class="fw_500 fs-4 text-center mb-0">Creating Spaces with Melissa Corriveau</h2>
                        </div>
                    </div>

                    <div class="col-lg-6 column ps-lg-5 mb-5">
                        <div class="content_animate slide_right">

                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" style="border: none; overflow: hidden;"
                                    src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F1713471665459905%2F&amp;show_text=0&amp;width=560"
                                    width="560" height="315" frameborder="0" scrolling="no"
                                    allowfullscreen="allowfullscreen"></iframe></p>
                            </div>
                            <h2 class="fw_500 fs-4 text-center mb-0">Parenting in a Pandemic with Cherri Thompson</h2>
                        </div>
                    </div>

                    <div class="col-lg-6 column pe-lg-5 mb-4 mb-5">
                        <div class="content_animate slide_left">
                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" style="border: none; overflow: hidden;"
                                    src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F692214071581931%2F&amp;show_text=0&amp;width=560"
                                    width="560" height="315" frameborder="0" scrolling="no"
                                    allowfullscreen="allowfullscreen"></iframe></p>
                            </div>
                            <h2 class="fw_500 fs-4 text-center mb-0">Home with the Family with Jack Shitama</h2>
                        </div>
                    </div>

                    <div class="col-lg-6 column ps-lg-5 mb-5">
                        <div class="content_animate slide_right">
                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" style="border: none; overflow: hidden;"
                                    src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F2710892659038632%2F&amp;show_text=0&amp;width=560"
                                    width="560" height="315" frameborder="0" scrolling="no"
                                    allowfullscreen="allowfullscreen"></iframe></p>
                            </div>
                            <h2 class="fw_500 fs-4 text-center mb-0">Declutter and Organize with Melissa Corriveau</h2>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <x-contact-section class="mb-1" />
    </div>
@endsection