<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
    <div class="page_header">

        <div class="page_header_content">
            <div class="page_header_inner">
                <div class="page_header_breadcrumb">
                    <div class="fs-row">
                        <div class="fs-cell fs-lg-10 fs-xl-9">
                            <div class="page_header_breadcrumb_inner">
                                <div class="breadcrumb">
                                    <nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
                                        <div class="breadcrumb_nav_header">
                                            <h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
                                        </div>
                                        <ol class="breadcrumb_list multiple" aria-labelledby="breadcrumb_nav_title">
                                            <li class="breadcrumb_item breadcrumb_item_home">
                                                <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html" aria-label="Home">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_icon" aria-hidden="true">
                                                            <svg class="icon icon_home">
                                                                <use href="/images/icons.svg#home" />
                                                            </svg>
                                                        </span>

                                                        <span class="breadcrumb_pill_icon_back" aria-hidden="true" aria-label="Go Back">
                                                            <svg class="icon icon_arrow_back_breadcrumbs">
                                                                <use href="/images/icons.svg#arrow_back_breadcrumbs" />
                                                            </svg>
                                                        </span>

                                                        <span class="breadcrumb_pill_label">Home</span>
                                                    </span>
                                                </a>
                                                <span class="breadcrumb_divider" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </li>
                                            <li class="breadcrumb_item">
                                                <a class="breadcrumb_pill breadcrumb_pill_link" href="#">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_label">Support the Council</span>
                                                    </span>
                                                </a>
                                                <span class="breadcrumb_divider" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </li>
                                            <li class="breadcrumb_item">
                                                <span class="breadcrumb_pill">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_label">Page Title</span>
                                                    </span>
                                                </span>
                                            </li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="fs-row">
                    <div class="fs-cell fs-lg-9 fs-xl-9">
                        <div class="page_header_wrapper">

                            <h1 class="page_title">Young Professionals Network</h1>

                            <div class="page_intro">Council members within the YP Network are some of the most dynamic, ambitious, and connected young leaders in Chicago.</div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
    <div class="fs-row fs-lg-reverse">
        <div class="fs-cell general_sidebar_cell page_layout_simple fs-lg-4 fs-xl-3 fs-xl-push-1">
            <div class="sidebar">

                <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">Explore Section</span>
                            <span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
                                <span class="sub_nav_toggle_icon_inner_default sub_nav_toggle_icon_inner">
                                    <span class="sub_nav_toggle_icon_space">&#xfeff;</span>

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

                                </span>
                            </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">
                                <span class="sub_nav_toggle_icon_inner_active sub_nav_toggle_icon_inner">
                                    <span class="sub_nav_toggle_icon_space">&#xfeff;</span>

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

                                </span>
                            </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">Sub Nav Title</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_icon">
                                                <svg class="icon icon_arrow_right">
                                                    <use href="/images/icons.svg#arrow_right" />
                                                </svg>
                                            </span>
                                            <span class="sub_nav_link_label">Sibling Page One</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item active">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_icon">
                                                <svg class="icon icon_arrow_right">
                                                    <use href="/images/icons.svg#arrow_right" />
                                                </svg>
                                            </span>
                                            <span class="sub_nav_link_label">Sibling Page Two</span>
                                        </a>
                                        <ul class="sub_nav_children">
                                            <li class="sub_nav_child_item">
                                                <a class="sub_nav_child_link" href="#">
                                                    <span class="sub_nav_child_link_label">Child One</span>
                                                </a>
                                            </li>
                                            <li class="sub_nav_child_item">
                                                <a class="sub_nav_child_link" href="#">
                                                    <span class="sub_nav_child_link_label">Child Two</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_icon">
                                                <svg class="icon icon_arrow_right">
                                                    <use href="/images/icons.svg#arrow_right" />
                                                </svg>
                                            </span>
                                            <span class="sub_nav_link_label">Sibling Page Three</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_icon">
                                                <svg class="icon icon_arrow_right">
                                                    <use href="/images/icons.svg#arrow_right" />
                                                </svg>
                                            </span>
                                            <span class="sub_nav_link_label">Sibling Page Four</span>
                                        </a>
                                    </li>
                                    <li class="sub_nav_item">
                                        <a class="sub_nav_link" href="#">
                                            <span class="sub_nav_link_icon">
                                                <svg class="icon icon_arrow_right">
                                                    <use href="/images/icons.svg#arrow_right" />
                                                </svg>
                                            </span>
                                            <span class="sub_nav_link_label">Sibling Page Five</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
        <div class="fs-cell fs-lg-8">
            <div class="typography">

                <p>Ranked the #1 Think Tank to Watch worldwide by the prestigious University of Pennsylvania “2016 and 2017 Global Go To Think Tank Index,” the Chicago Council on Global Affairs engages not only the nation’s and world’s top leaders but also Chicago’s next generation of leaders.</p>

                <h2>What is the YP Network?</h2>

                <p>Nearly 1,500 smart, sophisticated Council members under the age of 45 participate in the Council’s YP Network. Through this network, you will see, hear, and interact with the world’s most influential thinkers and doers; rub shoulders and network with Chicago’s rising young business and civic leaders; and gain insights needed to compete in a fast-changing global economy.</p>

                <h2>YP Ambassadors</h2>

                <p>YP Ambassadors are a select group of leaders from among the approximately 2,000 Council YP Network members, and are essential to the success of the Council’s Young Professionals program. YP Ambassadors are chosen to represent their peers and help serve as the voice of the next generation at the Council.</p>

                <h2>Network Benefits</h2>

                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto:</p>

                <ul>
                    <li>Access to 20+ YP-only programs and events each year.</li>
                    <li>Invitation to the annual members-only YP Town Square with Council President Ivo Daalder.</li>
                </ul>

            </div>
        </div>
    </div>
</div>
<!-- END: Page Content -->

<!-- Full Width Callouts -->
<div class="full_width_callouts"></div>
<!-- END: Full Width Callouts -->
<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
	{% render "@component-page-header" with {
		title: 'Young Professionals Network',
		intro: 'Council members within the YP Network are some of the most dynamic, ambitious, and connected young leaders in Chicago.',
		bg_image: '/images/page-top-chicago.png'
	} %}
</div>
<!-- END: Page Feature -->

<!-- Page Content -->
<div class="page_content">
	<div class="fs-row fs-lg-reverse">
		<div class="fs-cell general_sidebar_cell page_layout_simple {{ cell_sidebar }}">
			<div class="sidebar">
				{% render "@navigation-sub" with {
					active_index: 2
				} %}
			</div>
		</div>
		<div class="fs-cell {{ cell }}">
			<div class="typography">
				{% render "@partial-wysiwyg--simple" with wysiwyg_context %}
			</div>
		</div>
	</div>
</div>
<!-- END: Page Content -->

<!-- Full Width Callouts -->
<div class="full_width_callouts"></div>
<!-- END: Full Width Callouts -->

No notes defined.