core/paragraph

<p>Detroit PBS's latest virtual field trip takes learners to three exciting metro-Detroit locations: the Polk Penguin Conservation Center at the Detroit Zoo, the raptor habitat at the Leslie Science &amp; Nature Center in Ann Arbor, and the bat habitat at the Organization for Bat Conservation in Pontiac.</p>
<p>Using 360 degree videos and images, digital learners experience a unique first-person perspective of animal habitats, previously unavailable. To make the digital trip even more engaging, each 360-degree image contains “hotspots” that highlight additional resources like podcasts, news articles, videos, and web activities. By the end of this 360-degree virtual field trip, students will be able to explain how human behavior and climate change affects penguins, raptors, and bats. Teachers, if you’re interested in using this virtual experience with your students, we’ve included lesson plans at the bottom of this page, and be sure to check out our previous virtual field trip to the Detroit Institute of Arts.</p>
<p>Before you begin your adventure, please watch the following instructional video – it offers some tips for navigating the 360° environment.</p>

acf/richtextonly

360° Experience | Bats

360° Experience | Penguins

360° Experience | Raptors

acf/newsslider

<p>The Lauren &amp; Phillip Fisher Fund for <br />
Children and Education</p>

CTN-logo-2019-300&#215;300

Learn more

WKKF-Kellogg-Logo-Color-150-DPI

Logo 1

MM-Fisher-InDesign

Logo 4

Logo 7

Logo 9

Logo 6

logo-meemic-foundation-header (1)

WRESA_logo_2012_sm

acf/programssupportedbysection


<p></p>


<style>
    .listStyles h1,
    .listStyles h2,
    .listStyles h3,
    .listStyles h5,
    .listStyles h6 {
        margin-bottom: 40px;
        color: #0071c1;
        /* Assuming text-brand-blue-medium color */
        display: inline-block;
    }

    .listStyles h4 {
        margin-bottom: 40px;
        color: #4b5563;
        /* Assuming text-brand-gray-600 color */
        display: inline-block;
    }

    .listStyles a {
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        /* 144.444% */
        text-decoration: underline;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
        display: inline-block;
    }

    .listStyles p {
        display: inline-block;
    }

    .listStyles ul li,
    .listStyles ol li,
    .listStyles p {
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 30px;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
    }

    .listStyles ul li a,
    .listStyles ol li a {
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        /* 144.444% */
        text-decoration: underline;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
        position: unset !important;
    }

    .listStyles a {
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        /* 144.444% */
        text-decoration: underline;
        color: #4b5563;
        /* Assuming text-gray-600 color */
        font-family: sans-serif;
        font-size: 1.1rem;
    }

    .listStyles ol,
    .listStyles ul {
        display: flex;
        flex-direction: column;
        padding: 0px 80px;
    }

    @media (max-width: 768px) {

        .listStyles ol,
        .listStyles ul {
            padding: 0px 35px;
        }
    }

    .listStyles ol p,
    .listStyles ol h1,
    .listStyles ol h2,
    .listStyles ol h3,
    .listStyles ol h4,
    .listStyles ol h5,
    .listStyles ol h6,
    .listStyles ul p,
    .listStyles ul h1,
    .listStyles ul h2,
    .listStyles ul h3,
    .listStyles ul h4,
    .listStyles ul h5,
    .listStyles ul h6 {
        margin-bottom: 30px;
    }

    .listStyles ol li:last-child,
    .listStyles ul li:last-child {
        margin-bottom: 0;
    }

    .listStyles ol li {
        position: relative;
    }

    .listStyles ol li>*:first-child {
        position: relative;
        top: -30px;
        margin-bottom: 0;
    }

    .listStyles ol li ul li>*:first-child {
        position: relative;
        top: 0px;
        margin-bottom: 32px;
    }

    .listStyles ol li::marker {
        content: counter(list-item);
        color: transparent;
    }

    .listStyles ol li::before {
        content: counter(list-item);
        position: absolute;
        width: 32px;
        height: 32px;
        background-color: #ffcf00;
        border-radius: 100%;
        left: -60px;
        top: 2px;
        font-size: 16px;
        line-height: 29px;
        font-weight: 500;
        font-family: "PBS Sans";
        display: flex;
        justify-content: center;
        align-items: flex-end;
        color: #fff;
    }

    .listStyles ul li::before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background-color: #48d3cd;
        border-radius: 100%;
        padding: 0;
        top: 9px;
        left: -32px;
    }
</style>
<section class="my-10 max-w-screen-xxl mx-auto listStyles" data-testid="rich-text">
    <div class="listStyles">
        <p>Detroit PBS&#8217;s latest virtual field trip takes learners to three exciting metro-Detroit locations: the Polk Penguin Conservation Center at the Detroit Zoo, the raptor habitat at the Leslie Science &amp; Nature Center in Ann Arbor, and the bat habitat at the Organization for Bat Conservation in Pontiac.</p>
<p>Using 360 degree videos and images, digital learners experience a unique first-person perspective of animal habitats, previously unavailable. To make the digital trip even more engaging, each 360-degree image contains “hotspots” that highlight additional resources like podcasts, news articles, videos, and web activities. By the end of this 360-degree virtual field trip, students will be able to explain how human behavior and climate change affects penguins, raptors, and bats. Teachers, if you’re interested in using this virtual experience with your students, we’ve included lesson plans at the bottom of this page, and be sure to check out our previous virtual field trip to the Detroit Institute of Arts.</p>
<p>Before you begin your adventure, please watch the following instructional video – it offers some tips for navigating the 360° environment.</p>
    </div>
</section>


<style>
    .col-span-2 {
        grid-column: span 2 / span 2;
    }

    .w-\[500px\] {
        width: 500px;
    }

    .w-\[30\%\] {
        width: 30%;
    }

    .w-\[40\%\] {
        width: 40%;
    }

    .\-mt-5 {
        margin-top: -20px;
    }
</style>

    <section class="lg:my-16 my-12 bg-transparent py-0">
                    <div class="max-w-screen-xxl mx-auto lg:pl-32 pl-4 lg:pr-6 pr-4">
                                    <h2 class="lg:text-h2-sec text-left text-brand-blue-medium">Winged Creatures 360º</h2>
                                                    <div class="relative grid grid-cols-4 gap-4 overflow-hidden">
                                                    <div class="sm:pr-3 block relative group overflow-hidden cursor-pointer focus:outline-none">
                                <span style="top: 20px; left: 24px; border-radius: 4px; padding: 4px 10px;" class="bg-white absolute top-5 left-6 py-1 px-[10px] z-10 text-brand-blue-medium rounded text-xs">
                                    New
                                </span>
                                                                <img loading="lazy" decoding="async" class="w-full min-h-[256px] max-h-[256px]" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/da-bats-1024x576.jpg" height="256" width="384" alt="">
                                <h4 class="text-2xl font-bold mt-6 lg:mt-10 text-brand-blue-medium">
                                    360° Experience | Bats                                </h4>
                            </div>
                                                    <div class="sm:pr-3 block relative group overflow-hidden cursor-pointer focus:outline-none">
                                <span style="top: 20px; left: 24px; border-radius: 4px; padding: 4px 10px;" class="bg-white absolute top-5 left-6 py-1 px-[10px] z-10 text-brand-blue-medium rounded text-xs">
                                    New
                                </span>
                                                                <img loading="lazy" decoding="async" class="w-full min-h-[256px] max-h-[256px]" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/da-penguin-1024x576.jpg" height="256" width="384" alt="">
                                <h4 class="text-2xl font-bold mt-6 lg:mt-10 text-brand-blue-medium">
                                    360° Experience | Penguins                                </h4>
                            </div>
                                                    <div class="sm:pr-3 block relative group overflow-hidden cursor-pointer focus:outline-none">
                                <span style="top: 20px; left: 24px; border-radius: 4px; padding: 4px 10px;" class="bg-white absolute top-5 left-6 py-1 px-[10px] z-10 text-brand-blue-medium rounded text-xs">
                                    New
                                </span>
                                                                <img loading="lazy" decoding="async" class="w-full min-h-[256px] max-h-[256px]" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/da-raptor-1024x576.jpg" height="256" width="384" alt="">
                                <h4 class="text-2xl font-bold mt-6 lg:mt-10 text-brand-blue-medium">
                                    360° Experience | Raptors                                </h4>
                            </div>
                                                <div class="flex flex-col gap-1 items-center w-full">
                            <div class="relative w-right w-full">
                                <div class="overflow-hidden h-[6px] w-full text-xs flex rounded bg-brand-gray-200">
                                    <div style="width: 100%" class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-brand-orange"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                            </div>
            </section>




<section class="my-10 lg:my-28 py-20 bg-brand-white" data-testid="programs-supported-by-section">
    <div class="max-w-screen-xl mx-auto px-4 relative z-[2] text-center">
                    <h2 class="font-Gotham lg:text-h2-sec text-h2-fira pb-4 text-brand-orange"> Support Provided By</h2>
        
        <div class="text-3xl text-brand-gray-600"><p>The Lauren &amp; Phillip Fisher Fund for <br />
Children and Education</p>
</div>

        <hr class="h-[1px] border-[1px] border-brand-yellow my-10 lg:my-16 w-full lg:max-w-[80%] mx-auto" />

        <div class="flex justify-center items-center flex-wrap gap-10">
                            <a href="https://ctnonline.org/" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                    <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/CTN-logo-2019-300x300-1.jpg" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                </a>
                    </div>

        <hr class="h-[1px] border-[1px] border-brand-gray-400 my-10 lg:my-16 w-full lg:max-w-[60%] mx-auto" />

        <div class="flex justify-center items-center flex-wrap gap-10">
                                                <a href="https://www.wkkf.org/" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                        <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/WKKF-Kellogg-Logo-Color-150-DPI.webp" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                    </a>
                                                                <a href="https://kresge.org/" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                        <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/Logo-1.svg" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                    </a>
                                                                <a href="https://mmfisher.org/" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                        <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/MM-Fisher-InDesign-scaled.webp" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                    </a>
                                                                                            <a href="https://www.donaldmarykoschfoundation.com/" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                        <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/Logo-7.svg" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                    </a>
                                                                <a href="https://whsschool.org.uk/news/the-smith-foundation/" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                        <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/Logo-9.svg" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                    </a>
                                                                                            <a href="https://www.meemic.com/the-meemic-foundation/?utm_source=pbswebpage&#038;utm_medium=referral&#038;utm_campaign=pbs" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                        <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/logo-meemic-foundation-header-1.png" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                    </a>
                                                                <a href="https://www.resa.net/about" class="block border-brand-gray-400 border-solid border-[1px] bg-white rounded-[10px]">
                        <img decoding="async" src="https://wordpress.detroitpbs.org/wp-content/uploads/2024/03/WRESA_logo_2012_sm.png" alt="" class="object-fit h-[100px] w-auto bg-white p-5 border-box rounded-[10px]">
                    </a>
                                    </div>

                    <div class="mt-10 lg:mt-20 bg-brand-orange max-w-max mx-auto rounded-bl-[60px] rounded-tr-[60px]">
                <p class="text-brand-white text-h4 font-sans font-normal py-4 px-10 lg:px-16">And Support From Viewers Like You. Thank you.</p>
            </div>
            </div>
</section>

Winged Creatures 360º | Virtual Field Trip

<p>No telephone calls or third parties. Please include the title of the position in the subject line of the email.</p>
<p>Detroit Public Media, d/b/a Detroit PBS and WRCJ 90.9 FM, is an equal opportunity employer committed to a culturally diverse workforce. All qualified applicants will receive consideration for employment without regard to race, color, religion, national origin, gender, sexual orientation, gender identity, age, disability status, marital status, military status, or protected veteran status. Employment decisions at Detroit PBS will be based on merit, qualifications, and abilities. The specific statements above are not intended to be all inclusive.</p>
