<div class="page_header">
    <div class="page_header_inner">
        <div class="page_intro">
            <div class="fs-row">
                <div class="fs-cell">
                    <div class="page_intro_inner">
                        <div class="page_intro_body">
                            <div class="page_breadcrumb">
                                <div class="page_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" aria-labelledby="breadcrumb_nav_title">
                                                <li class="breadcrumb_item breadcrumb_item_home">
                                                    <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
                                                        <span class="breadcrumb_pill_inner">
                                                            <span class="breadcrumb_pill_label">Home</span>
                                                        </span>
                                                    </a>
                                                    <span class="breadcrumb_divider" aria-hidden="true">
                                                        <svg class="icon icon_divider">
                                                            <use href="/images/icons.svg#divider" />
                                                        </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">Navigation Level</span>
                                                        </span>
                                                    </a>
                                                    <span class="breadcrumb_divider" aria-hidden="true">
                                                        <svg class="icon icon_divider">
                                                            <use href="/images/icons.svg#divider" />
                                                        </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">Parent Level</span>
                                                        </span>
                                                    </a>
                                                    <span class="breadcrumb_divider" aria-hidden="true">
                                                        <svg class="icon icon_divider">
                                                            <use href="/images/icons.svg#divider" />
                                                        </svg>
                                                    </span>
                                                </li>
                                                <li class="breadcrumb_item">
                                                    <span class="breadcrumb_pill">
                                                        <span class="breadcrumb_pill_inner">
                                                            <span class="breadcrumb_pill_label">Explore Programs Available at Methodist</span>
                                                        </span>
                                                    </span>
                                                </li>
                                            </ol>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                            <h1 class="page_title" id="page_title" tabindex="-1">Explore Programs Available at Methodist</h1>
                            <p class="page_description">Engaged Learning is just the beginning. When it comes to your future, we have 100+ options.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="page_header_sole">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="page_header_sole_inner">
                    <div class="page_header_watermark">

                        <svg class="icon icon_watermark">
                            <use href="/images/icons.svg#watermark" />
                        </svg>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">

    <!-- Filter -->
    <div class="filter">
        <div class="fs-row">
            <div class="fs-cell">
                <form class="filter_inner" action="#" method="get">
                    <div class="filter_search">
                        <label class="filter_label" for="filter_search_input">Search</label>
                        <div class="filter_search_form">
                            <input class="filter_search_input" id="filter_search_input" type="search" placeholder="Search by name">
                            <div class="filter_search_submit">
                                <span class="filter_search_submit_icon">
                                    <svg class="icon icon_search">
                                        <use href="/images/icons.svg#search" />
                                    </svg>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="filter_tools">
                        <div class="filter_tool">
                            <label class="filter_label" for="filter_tool_label_1">Degree Type</label>
                            <div class="filter_tool_select_wrapper">
                                <select class="filter_tool_select" id="filter_tool_label_1">
                                    <option value="All Degree Types">All Degree Types</option>
                                    <option value="Category One" selected>Category One</option>
                                    <option value="Another Category">Another Category</option>
                                </select>
                                <span class="filter_tool_select_icon">
                                    <svg class="icon icon_chevron_down">
                                        <use href="/images/icons.svg#chevron_down" />
                                    </svg>
                                </span>
                            </div>
                        </div>
                        <div class="filter_tool">
                            <label class="filter_label" for="filter_tool_label_2">Mode of Study</label>
                            <div class="filter_tool_select_wrapper">
                                <select class="filter_tool_select" id="filter_tool_label_2">
                                    <option value="All Modes of Study">All Modes of Study</option>
                                    <option value="Category One" selected>Category One</option>
                                    <option value="Another Category">Another Category</option>
                                </select>
                                <span class="filter_tool_select_icon">
                                    <svg class="icon icon_chevron_down">
                                        <use href="/images/icons.svg#chevron_down" />
                                    </svg>
                                </span>
                            </div>
                        </div>
                        <div class="filter_tool">
                            <button class="filter_tools_submit" type="submit">
                                <span class="filter_tools_submit_label">Submit</span>
                                <span class="filter_tools_submit_icon">
                                    <svg class="icon icon_chevron_right">
                                        <use href="/images/icons.svg#chevron_right" />
                                    </svg>
                                </span>
                            </button>
                        </div>
                    </div>
                </form>
                <div class="filter_results">
                    <p class="filter_results_description">
                        <span class="filter_results_label">5 Results found for:</span>
                        <span class="filter_results_category">Category</span>
                    </p>

                    <a href="page-news-listing.html" class="filter_results_reset_link">
                        <span class="filter_results_reset_link_inner">
                            <span class="filter_results_reset_link_label">Reset</span>
                            <span class="filter_results_reset_link_icon" aria-hidden="true">

                                <svg class="icon icon_reset">
                                    <use href="/images/icons.svg#reset" />
                                </svg>

                            </span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Filter -->

    <!-- Program List -->
    <div class="program_list">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="program_list_inner">
                    <div aria-hidden="true" class="program_list_header">
                        <div class="program_list_header_label program_list_header_label_name">Name</div>
                        <div class="program_list_header_label program_list_header_label_degree">Degree Type</div>
                        <div class="program_list_header_label program_list_header_label_mode">Mode of Study</div>
                    </div>
                    <ul class="program_list_items" id="item_list" aria-label="">
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Academically & Intellectually Gifts</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Degree<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        B.S., B.A. </span>
                                </div>
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        On-campus, Online </span>
                                </div>
                            </div>
                        </li>
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Air Force ROTC</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Degree<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        Certificate </span>
                                </div>
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        Hybrid </span>
                                </div>
                            </div>
                        </li>
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Applied Communication</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Degree<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        B.A. </span>
                                </div>
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        On Campus </span>
                                </div>
                            </div>
                        </li>
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Art</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Degree<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        B.A. </span>
                                </div>
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        On Campus </span>
                                </div>
                            </div>
                        </li>
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Art Education</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        On Campus </span>
                                </div>
                            </div>
                        </li>
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Arts Management</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        On Campus </span>
                                </div>
                            </div>
                        </li>
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Athletic Training</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Degree<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        B.S. </span>
                                </div>
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        On Campus </span>
                                </div>
                            </div>
                        </li>
                        <li class="program_item">
                            <h2 class="program_item_heading">
                                <a class="program_item_heading_link" href="#">
                                    <span class="program_item_heading_title">Biology</span>
                                    <span class="program_item_heading_icon">
                                        <svg class="icon icon_chevron_right">
                                            <use href="/images/icons.svg#chevron_right" />
                                        </svg>
                                    </span>
                                </a>
                            </h2>
                            <div class="program_item_details">
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Degree<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        B.S., B.A. </span>
                                </div>
                                <div class="program_item_detail">
                                    <span class="program_item_detail_label">Mode of Study<span class="program_item_detail_label_hint">:</span></span>
                                    <span class="program_item_detail_data">
                                        On Campus </span>
                                </div>
                            </div>
                        </li>
                    </ul>

                    <!-- Pagination -->
                    <div class="pagination">
                        <nav class="pagination_nav" aria-label="Program Pagination">
                            <a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
                                <span class="pagination_arrow_icon">
                                    <svg class="icon icon_arrow_left">
                                        <use href="/images/icons.svg#arrow_left" />
                                    </svg>
                                </span>
                                <span class="pagination_arrow_label">Previous Page</span>
                            </a>
                            <a class="pagination_arrow pagination_arrow_right" href="#">
                                <span class="pagination_arrow_label">Next Page</span>
                                <span class="pagination_arrow_icon">
                                    <svg class="icon icon_arrow_right">
                                        <use href="/images/icons.svg#arrow_right" />
                                    </svg>
                                </span>
                            </a>
                        </nav>
                        <form class="pagination_form" action="#" method="get">
                            <div class="pagination_form_inner">
                                <label class="pagination_form_label" for="pagination_form_select">Page</label>
                                <div class="pagination_form_select_wrapper">
                                    <select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                        <option value="13">13</option>
                                        <option value="14">14</option>
                                        <option value="15">15</option>
                                        <option value="16">16</option>
                                        <option value="17">17</option>
                                        <option value="18">18</option>
                                        <option value="19">19</option>
                                        <option value="20">20</option>
                                        <option value="21">21</option>
                                        <option value="22">22</option>
                                        <option value="23">23</option>
                                        <option value="24">24</option>
                                        <option value="25">25</option>
                                        <option value="26">26</option>
                                        <option value="27">27</option>
                                        <option value="28">28</option>
                                        <option value="29">29</option>
                                        <option value="30">30</option>
                                        <option value="31">31</option>
                                        <option value="32">32</option>
                                        <option value="33">33</option>
                                        <option value="34">34</option>
                                        <option value="35">35</option>
                                        <option value="36">36</option>
                                        <option value="37">37</option>
                                        <option value="38">38</option>
                                        <option value="39">39</option>
                                        <option value="40">40</option>
                                        <option value="41">41</option>
                                        <option value="42">42</option>
                                        <option value="43">43</option>
                                        <option value="44">44</option>
                                        <option value="45">45</option>
                                        <option value="46">46</option>
                                        <option value="47">47</option>
                                        <option value="48">48</option>
                                        <option value="49">49</option>
                                        <option value="50">50</option>
                                    </select>
                                    <span class="pagination_form_select_icon">
                                        <svg class="icon icon_chevron_down">
                                            <use href="/images/icons.svg#chevron_down" />
                                        </svg>
                                    </span>
                                </div>
                                <span class="pagination_form_suffix">of 50</span>
                                <button class="pagination_form_button" type="submit" aria-label="View Page">Go</button>
                            </div>
                        </form>
                    </div>
                    <!-- END: Pagination -->
                </div>
            </div>
        </div>
    </div>
    <!-- END: Program List -->
</div>
{% include '@partial-page-header' with {
	page: page
} %}

<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
	{% render '@partial-filter' %}

	{% render '@partial-program-list' %}
</div>

No notes defined.