<div class="page_header">
    <div class="page_header_inner">
        <div class="page_nav">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_nav_inner">
                        <a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>

                        <div class="js-sub-nav-group sub_nav_group">

                            <button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
                                <span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
                                    <span class="sub_nav_toggle_label_default sub_nav_toggle_label">In This Section</span>
                                    <span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">

                                        <svg class="icon icon_caret_down">
                                            <use href="/images/icons.svg#caret_down" />
                                        </svg>

                                    </span>
                                </span>
                                <span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
                                    <span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
                                    <span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">

                                        <svg class="icon icon_caret_up">
                                            <use href="/images/icons.svg#caret_up" />
                                        </svg>

                                    </span>
                                </span>
                            </button>
                            <nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
                                <div class="sub_nav_header">
                                    <h2 class="sub_nav_title" id="sub_nav_title">Who We Are</h2>
                                </div>
                                <div class="js-sub-nav-body sub_nav_body">
                                    <div class="js-sub-nav-body-inner sub_nav_body_inner">
                                        <ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Sustainability at Hopkins</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Office of Sustainability</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_item">
                                                <a class="sub_nav_link" href="#">
                                                    <span class="sub_nav_link_label">Sustainability Leadership Council</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page_header_media">
            <div class="page_header_media_inner">

                <figure class="page_header_figure">

                    <img class="page_header_image" srcset="https://images.fastspot.com/jhu-sustainability/1440x617/6 1440w, https://images.fastspot.com/jhu-sustainability/1220x523/6 1220w, https://images.fastspot.com/jhu-sustainability/980x420/6 980w, https://images.fastspot.com/jhu-sustainability/740x317/6 740w, https://images.fastspot.com/jhu-sustainability/500x214/6 500w, https://images.fastspot.com/jhu-sustainability/300x129/6 300w" src="https://images.fastspot.com/jhu-sustainability/300x129/6" alt="" loading="lazy" width="300" height="129">
                </figure>

            </div>
        </div>
    </div>
</div>
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
    <div class="fs-row">
        <div class="fs-cell fs-lg-8 fs-lg-justify-center">
            <!-- WYSIWYG -->
            <div class="typography">
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
                <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
            </div>
            <!-- END: WYSIWYG -->
        </div>
    </div>
</div>

<div class="full_width_callouts">

    <!-- Topic Row -->
    <div class="topics">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                <div class="topics_inner">
                    <div class="topics_header">
                        <h2 class="topics_title">
                            <span class="topics_title_label">Our Mission and Vision</span>
                        </h2>
                        <div class="topics_description">
                            <p>The Johns Hopkins’ Office of Sustainability started in 2006 to address immediate action to reverse the effects of climate change. Hopkins faculty, staff, and alumni commit to advancing a culture of sustainability across the university through learning, research, and engagement opportunities.</p>
                        </div>
                    </div>
                    <div class="topics_body">
                        <div class="topic">
                            <div class="topic_inner">
                                <figure class="topic_figure" aria-hidden="true">

                                    <img class="topic_image" srcset="https://images.fastspot.com/jhu-sustainability/740x740/1 740w, https://images.fastspot.com/jhu-sustainability/500x500/1 500w, https://images.fastspot.com/jhu-sustainability/300x300/1 300w" src="https://images.fastspot.com/jhu-sustainability/300x300/1" alt="" loading="lazy" width="300" height="300">
                                </figure>
                                <div class="topic_wrapper">
                                    <div class="topic_header">
                                        <h3 class="topic_title">Our Commitments</h3>
                                    </div>
                                    <div class="topic_body">
                                        <div class="topic_description">
                                            <p>Our main goal is simple - to reduce environmental harm. Hopkins Sustainability focuses on efforts that significantly reduce carbon production and waste at Hopkins. </p>
                                        </div>
                                    </div>
                                    <div class="topic_links">
                                        <div class="topic_link_item">

                                            <a href="#" class="basic_link theme_light_alt">
                                                <span class="basic_link_inner">
                                                    <span class="basic_link_label">Link Title One</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="topic_link_item">

                                            <a href="#" class="basic_link theme_light_alt">
                                                <span class="basic_link_inner">
                                                    <span class="basic_link_label">Link Title Two</span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="topic">
                            <div class="topic_inner">
                                <figure class="topic_figure" aria-hidden="true">

                                    <img class="topic_image" srcset="https://images.fastspot.com/jhu-sustainability/740x740/2 740w, https://images.fastspot.com/jhu-sustainability/500x500/2 500w, https://images.fastspot.com/jhu-sustainability/300x300/2 300w" src="https://images.fastspot.com/jhu-sustainability/300x300/2" alt="" loading="lazy" width="300" height="300">
                                </figure>
                                <div class="topic_wrapper">
                                    <div class="topic_header">
                                        <h3 class="topic_title">Sustainability Leadership</h3>
                                    </div>
                                    <div class="topic_body">
                                        <div class="topic_description">
                                            <p>Hopkins sustainability leadership comprises of faculty, employees, students, and partners. Our goal is to listen to the community to advance sustainability practice at Hopkins. </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="topic">
                            <div class="topic_inner">
                                <div class="topic_wrapper">
                                    <div class="topic_header">
                                        <h3 class="topic_title">Engage Today</h3>
                                    </div>
                                    <div class="topic_body">
                                        <div class="topic_description">
                                            <p>There are many ways for the Hopkins community to get involved and join efforts to meet local and global sustainability goals.</p>
                                        </div>
                                    </div>
                                    <div class="topic_links">
                                        <div class="topic_link_item">

                                            <a href="#" class="basic_link theme_light_alt">
                                                <span class="basic_link_inner">
                                                    <span class="basic_link_label">Link Title One</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="topic_link_item">

                                            <a href="#" class="basic_link theme_light_alt">
                                                <span class="basic_link_inner">
                                                    <span class="basic_link_label">Link Title Two</span>
                                                </span>
                                            </a>
                                        </div>
                                        <div class="topic_link_item">

                                            <a href="#" class="basic_link theme_light_alt">
                                                <span class="basic_link_inner">
                                                    <span class="basic_link_label">Link Title Three</span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="topic">
                            <div class="topic_inner">
                                <figure class="topic_figure" aria-hidden="true">

                                    <img class="topic_image" srcset="https://images.fastspot.com/jhu-sustainability/740x740/2 740w, https://images.fastspot.com/jhu-sustainability/500x500/2 500w, https://images.fastspot.com/jhu-sustainability/300x300/2 300w" src="https://images.fastspot.com/jhu-sustainability/300x300/2" alt="" loading="lazy" width="300" height="300">
                                </figure>
                                <div class="topic_wrapper">
                                    <div class="topic_header">
                                        <h3 class="topic_title">Ipsum</h3>
                                    </div>
                                    <div class="topic_body">
                                        <div class="topic_description">
                                            <p>Praesent</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Topic Row -->

    <!-- Gallery -->
    <div class="gallery">
        <div class="gallery_header">
            <div class="fs-row fs-lg-justify-center">
                <div class="fs-cell fs-lg-8">
                    <div class="gallery_header_inner">
                        <h2 class="gallery_title">Ipsum Fermentum Tristique</h2>
                        <div class="gallery_description">
                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="gallery_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="gallery_body_inner">
                        <div class="gallery_items">
                            <div class="gallery_row grid_layout_100">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhu-sustainability/1440x810/1 1440w, https://images.fastspot.com/jhu-sustainability/1220x686/1 1220w, https://images.fastspot.com/jhu-sustainability/980x552/1 980w, https://images.fastspot.com/jhu-sustainability/740x416/1 740w, https://images.fastspot.com/jhu-sustainability/500x282/1 500w, https://images.fastspot.com/jhu-sustainability/300x169/1 300w" src="https://images.fastspot.com/jhu-sustainability/300x169/1" alt="" loading="lazy" width="300" height="169">

                                            <div class="_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot - Our Methodology","playerVars":{}}'>
                                                <button type="button" class="lazy_video_toggle_btn js-play-btn" aria-label="Video Play Button">

                                                    <svg class="icon icon_video_play">
                                                        <use href="/images/icons.svg#video_play" />
                                                    </svg>

                                                </button>

                                                <div class="lazy_video_iframe_wrap">
                                                    <div class="lazy_video_iframe_target js-iframe-target"></div>
                                                </div>
                                            </div>
                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Hopkins <a href="#">solar farm project</a> through constellation will continue to reduce carbon emissions from buildings on campus. The solar farm in Virginia will power more than two-thirds of Hopkins buildings.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                            <div class="gallery_row grid_layout_70_30">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhu-sustainability/1440x810/1 1440w, https://images.fastspot.com/jhu-sustainability/1220x686/1 1220w, https://images.fastspot.com/jhu-sustainability/980x552/1 980w, https://images.fastspot.com/jhu-sustainability/740x416/1 740w, https://images.fastspot.com/jhu-sustainability/500x282/1 500w, https://images.fastspot.com/jhu-sustainability/300x169/1 300w" src="https://images.fastspot.com/jhu-sustainability/300x169/1" alt="" loading="lazy" width="300" height="169">

                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href="#">ullamcorper nulla non metus auctor fringilla</a>.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_media gallery_item_size_portrait">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhu-sustainability/735x980/2 735w, https://images.fastspot.com/jhu-sustainability/555x740/2 555w, https://images.fastspot.com/jhu-sustainability/375x500/2 375w, https://images.fastspot.com/jhu-sustainability/225x300/2 225w" src="https://images.fastspot.com/jhu-sustainability/225x300/2" alt="" loading="lazy" width="225" height="300">

                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                            <div class="gallery_row grid_layout_50_50">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhu-sustainability/980x552/3 980w, https://images.fastspot.com/jhu-sustainability/740x416/3 740w, https://images.fastspot.com/jhu-sustainability/500x282/3 500w, https://images.fastspot.com/jhu-sustainability/300x169/3 300w" src="https://images.fastspot.com/jhu-sustainability/300x169/3" alt="" loading="lazy" width="300" height="169">

                                        </span>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhu-sustainability/980x552/4 980w, https://images.fastspot.com/jhu-sustainability/740x416/4 740w, https://images.fastspot.com/jhu-sustainability/500x282/4 500w, https://images.fastspot.com/jhu-sustainability/300x169/4 300w" src="https://images.fastspot.com/jhu-sustainability/300x169/4" alt="" loading="lazy" width="300" height="169">

                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                            <div class="gallery_row grid_layout_30_70">
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_media gallery_item_size_portrait">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhu-sustainability/735x980/2 735w, https://images.fastspot.com/jhu-sustainability/555x740/2 555w, https://images.fastspot.com/jhu-sustainability/375x500/2 375w, https://images.fastspot.com/jhu-sustainability/225x300/2 225w" src="https://images.fastspot.com/jhu-sustainability/225x300/2" alt="" loading="lazy" width="225" height="300">

                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href="#">ullamcorper nulla non metus auctor fringilla</a>.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                                <div class="gallery_item">
                                    <figure class="gallery_item_figure">
                                        <span class="gallery_item_media gallery_item_size_wide">

                                            <img class="gallery_item_image" srcset="https://images.fastspot.com/jhu-sustainability/1440x810/3 1440w, https://images.fastspot.com/jhu-sustainability/1220x686/3 1220w, https://images.fastspot.com/jhu-sustainability/980x552/3 980w, https://images.fastspot.com/jhu-sustainability/740x416/3 740w, https://images.fastspot.com/jhu-sustainability/500x282/3 500w, https://images.fastspot.com/jhu-sustainability/300x169/3 300w" src="https://images.fastspot.com/jhu-sustainability/300x169/3" alt="" loading="lazy" width="300" height="169">

                                        </span>
                                        <figcaption class="gallery_item_caption">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                        </figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Gallery -->

    <!-- Link Group -->
    <div class="link_group">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                <div class="link_group_inner">
                    <div class="link_group_header">
                        <h2 class="link_group_title">Explore Further</h2>

                        <div class="link_group_description">
                            The move is part of a larger sustainability initiative at Johns Hopkins that includes:
                        </div>
                    </div>
                    <ul class="link_group_list">

                        <li class="link_group_item">
                            <a class="link_group_link" href="#">
                                <span class="link_group_link_inner">
                                    <span class="link_group_link_label">Thermal Coal</span>
                                    <span class="link_group_link_icon">
                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </li>

                        <li class="link_group_item">
                            <a class="link_group_link" href="#">
                                <span class="link_group_link_inner">
                                    <span class="link_group_link_label">Sustainability Leadership Council</span>
                                    <span class="link_group_link_icon">
                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </li>

                        <li class="link_group_item">
                            <a class="link_group_link" href="#">
                                <span class="link_group_link_inner">
                                    <span class="link_group_link_label">Energy-conserving Infrastructure</span>
                                    <span class="link_group_link_icon">
                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </li>

                        <li class="link_group_item">
                            <a class="link_group_link" href="#">
                                <span class="link_group_link_inner">
                                    <span class="link_group_link_label">Carbon Footprint</span>
                                    <span class="link_group_link_icon">
                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </li>

                        <li class="link_group_item">
                            <a class="link_group_link" href="#" target="_blank">
                                <span class="link_group_link_inner">
                                    <span class="link_group_link_label">University Energy Manager</span>
                                    <span class="link_group_link_icon">
                                        <svg class="icon icon_external">
                                            <use href="/images/icons.svg#external" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </li>

                        <li class="link_group_item">
                            <a class="link_group_link" href="#" target="_blank">
                                <span class="link_group_link_inner">
                                    <span class="link_group_link_label">Solar Power</span>
                                    <span class="link_group_link_icon">
                                        <svg class="icon icon_file">
                                            <use href="/images/icons.svg#file" />
                                        </svg>
                                    </span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Link Group -->

    <!-- Card Group -->
    <div class="card_group">
        <div class="card_group_header">
            <div class="fs-row">
                <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                    <div class="card_group_header_inner">
                        <h2 class="card_group_title">Facts & Figures</h2>
                        <div class="card_group_description">
                            <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card_group_body">
            <div class="fs-row">
                <div class="fs-cell">
                    <ul class="card_group_items card_count_3" aria-label="Facts & Figures">
                        <li class="card_group_item">
                            <a href="#">
                                <figure class="card_group_item_figure">

                                    <img class="card_group_item_image" srcset="https://images.fastspot.com/jhu-sustainability/740x494/1 740w, https://images.fastspot.com/jhu-sustainability/500x334/1 500w, https://images.fastspot.com/jhu-sustainability/300x200/1 300w" src="https://images.fastspot.com/jhu-sustainability/300x200/1" alt="" loading="lazy" width="300" height="200">
                                </figure>
                            </a>
                            <div class="card_group_item_body">
                                <h3 class="card_group_item_title">
                                    <a class="card_group_item_title_link" href="#">
                                        <span class="card_group_item_title_label">2/3</span>
                                    </a>
                                </h3>
                                <div class="card_group_item_description">
                                    <p>Roughly two-thirds of the university&#39;s <a href="#">overall electricity</a> needs will be provided by solar power.</p>
                                </div>
                            </div>
                        </li>
                        <li class="card_group_item">
                            <figure class="card_group_item_figure">

                                <img class="card_group_item_image" srcset="https://images.fastspot.com/jhu-sustainability/740x494/2 740w, https://images.fastspot.com/jhu-sustainability/500x334/2 500w, https://images.fastspot.com/jhu-sustainability/300x200/2 300w" src="https://images.fastspot.com/jhu-sustainability/300x200/2" alt="" loading="lazy" width="300" height="200">
                            </figure>
                            <div class="card_group_item_body">
                                <h3 class="card_group_item_title">
                                    <span class="card_group_item_title_label">#1 Largest</span>
                                </h3>
                                <div class="card_group_item_description">
                                    <p>Solar agreement in <strong>Baltimore</strong> & the state of Maryland.</p>
                                </div>
                            </div>
                        </li>
                        <li class="card_group_item">
                            <div class="card_group_item_body">
                                <h3 class="card_group_item_title">
                                    <span class="card_group_item_title_label">250,000 mwh</span>
                                </h3>
                                <div class="card_group_item_description">
                                    <p>University has pledged to buy more than <em>250,000 megawatt hours</em> of solar power a year.</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Card Group -->

    <!-- Accordion -->
    <div class="js-accordion accordion">
        <div class="fs-row">
            <div class="fs-cell fs-lg-8 fs-lg-justify-center">
                <div class="accordion_inner">
                    <div class="accordion_header">
                        <h2 class="accordion_title">
                            <span class="accordion_title_label">Research Projects</span>
                        </h2>
                        <div class="accordion_description">
                            <p>Explore current and past projects.</p>
                        </div>
                    </div>
                    <div class="accordion_items">
                        <div class="js-accordion-item js-accordion-item-5-1 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-5-1">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Affordable & Sustainable Energy</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Affordable & Sustainable Energy">
                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-5-2 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-5-2">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Clean Water & Sanitation</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Clean Water & Sanitation">
                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-5-3 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-5-3">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Climate Solutions</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Climate Solutions">
                                Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-5-4 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_button" data-swap-target=".js-accordion-item-5-4">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Healthy Communities, Workplaces, & Lifestyles</span>
                                        </span>
                                        <span class="accordion_item_heading_icon"></span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-labelled="Healthy Communities, Workplaces, & Lifestyles">
                                Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Accordion -->
</div>
{% include '@partial-page-header' with {
	page: page
} %}

<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
	<div class="fs-row">
		<div class="fs-cell {{ cell }}">
			<!-- WYSIWYG -->
			<div class="typography">
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
				<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
			</div>
			<!-- END: WYSIWYG -->
		</div>
	</div>
</div>

<div class="full_width_callouts">
	{% render '@component-topic-row' %}

	{% render '@component-gallery' %}

	{% render '@component-link-group' %}

	{% render '@component-card-group' %}

	{% render '@component-accordion' %}
</div>

No notes defined.