@extends('app')

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

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

@section('page_phrase', 'Community Resources')

@section('content')

    <div id="library_page" class="interior_page text-center">

        <div class="carousel main_banner">
            <div class="container d-flex align-items-center justify-content-center">
                <div class="banner_info_wrap">
                    <h1 class="banner_heading display-4 fw_500 text-center mb-3 text-uppercase">
                        Community Resources
                    </h1>
                </div>
            </div>
        </div>

        <section class="section_row bg-light">
            <div class="content_wrap">
                <div class="row featurette">
                    <div class="col-12 mb-lg-5 order-lg-first">
                        <h2 class="featurette-heading fs-1 text-center mb-5 content_animate top_content slide_up">Community
                            Cupboard &amp; Little Free Library</h2>
                    </div>
                    <div class="col-lg-6 column d-lg-flex align-items-center order-lg-last ps-lg-4 mb-5 mb-lg-0">
                        <div class="text_wrap content_animate top_content slide_right">
                            <p class="mb-3">
                                CCU’s Community Cupboard with Little Free Library was built and donated by one of our
                                generous neighbors in 2020.
                                It's a combination of a Little Free Library and a Mini-Food Pantry that neighbors can add to
                                and take from.
                            </p>
                            <p>
                                Located across from CCU at Nesbitt Hall, in the parking lot next to the Paw Paw Museum in
                                Port Deposit.
                            </p>
                            <p class="mb-2">
                                What to share:
                            </p>
                            <ul class="ps-4">
                                <li>Only nonperishable food and hygiene items</li>
                                <li>Books in acceptable to like-new condition</li>
                                <li>No clothing except for new or freshly laundered cold weather accessories: gloves, socks,
                                    hats, and scarves</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-6 column order-lg-1 pe-lg-5 text-start">
                        <div class="content_animate top_content slide_up">
                            <div class="image_wrap mb-4">
                                <img class="content_image"
                                    src="/images/little-free-library-community-connecting-us-port-deposit-md600x500.jpg"
                                    title="Community Connecting Us Library in Port Deposit, MD" alt="Little Free Library">
                            </div>

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

        <div class="section_row our_model_section bg_blue">
            <div class="content_wrap">
                <div class="row">
                    <div class="col-12 mx-auto px-0">
                        <p class="mb-5">
                            We operate under a <b>"pay-what-you-want"</b> model. This means that we rely heavily on the
                            donations of others to ensure that everyone has the opportunity to participate,
                            regardless of their socioeconomic status. Whether you have or have not; all are welcome and all
                            are equal here.
                        </p>
                        <p class="text-center d-md-flex justify-content-center mb-0">
                            <a class="btn custom_button red text-uppercase mx-md-2 mb-4 mb-md-0"
                                href="{{ route('contact') }}">
                                Connect Now
                            </a>

                            <a class="btn custom_button green text-uppercase mx-md-2" href="{{ route('donate') }}">
                                Donate
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <section class="section_row bg-light">
            <div class="content_wrap">
                <div class="row featurette">
                    <div class="col-12 mb-lg-5">
                        <h2 class="featurette-heading fs-1 text-center mb-5 content_animate top_content slide_up">Our
                            Community Library In Port Deposit</h2>
                    </div>
                    <div class="col-lg-6 column d-lg-flex align-items-center pe-lg-5 mb-5 mb-lg-0">
                        <div class="text_wrap content_animate slide_left">
                            <p class="mb-3">
                                We have a Community Library in Nesbitt Hall thanks to a partnership with the Cecil County
                                Public Library, the Town of Port Deposit and community donations. Children, Young Adult and
                                Adult fiction and non-fiction books, DVDs, and Video games are available. We also have
                                computer access and free internet.
                            </p>
                            <p>
                                No library card is needed, no due dates and no late fees. Hours vary or can be made by
                                appointment.
                            </p>
                            <p class="mb-4">
                                Check out our calendar for monthly youth <b>STEAM</b> programming presented by CCPL and book
                                clubs with Bodhi Counseling and community volunteers.
                            </p>
                            <p class="text-center text-lg-start mb-0">
                                <a class="btn custom_button blue text-uppercase ms-lg-0" href="{{ route('calendar') }}">
                                    <i class="far fs-6 fa-calendar-alt me-2"></i> Check Calendar
                                </a>
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-6 column ps-lg-5 text-start">
                        <div class="content_animate slide_up">
                            <div class="image_wrap mb-4">
                                <img class="content_image"
                                    src="/images/our-library-community-connecting-us-port-deposit-md700x467.jpg"
                                    title="Community Connecting Us Library in Port Deposit, MD"
                                    alt="Community Connecting Us Library">
                            </div>

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

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

        <section id="ccu-video-resources" 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 slide_left">
                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" 
                                        src="https://www.youtube.com/embed/E-Y9e8rxlQ4?controls=1&rel=0" 
                                        width="560" 
                                        height="315" 
                                        frameborder="0" 
                                        allowfullscreen 
                                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
                                </iframe>
                            </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 slide_right">
                            <div class="ratio ratio-16x9 mb-3">
                                <iframe loading="lazy" 
                                        src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F175274407224001%2F&show_text=0&width=560" 
                                        width="560" 
                                        height="315" 
                                        frameborder="0" 
                                        allowfullscreen 
                                        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
                                </iframe>
                            </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" 
                                        src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F2915121225208522%2F&show_text=0&width=560" 
                                        width="560" 
                                        height="315" 
                                        frameborder="0" 
                                        allowfullscreen 
                                        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
                                </iframe>
                            </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" 
                                        src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F1713471665459905%2F&show_text=0&width=560" 
                                        width="560" 
                                        height="315" 
                                        frameborder="0" 
                                        allowfullscreen 
                                        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
                                </iframe>
                            </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" 
                                        src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F692214071581931%2F&show_text=0&width=560" 
                                        width="560" 
                                        height="315" 
                                        frameborder="0" 
                                        allowfullscreen 
                                        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
                                </iframe>
                            </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" 
                                        src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FCommunityConnectingUs%2Fvideos%2F2710892659038632%2F&show_text=0&width=560" 
                                        width="560" 
                                        height="315" 
                                        frameborder="0" 
                                        allowfullscreen 
                                        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
                                </iframe>
                            </div>
                            <h2 class="fw_500 fs-4 text-center mb-0">Declutter and Organize with Melissa Corriveau</h2>
                        </div>
                    </div>
                    
                </div>
            </div>
        </section>

    </div>
@endsection