Results Listing: Grid

No notes defined.

<div class="tcu-article _content tcu-full-width tcu-directory">
    <div>
        <header class="tcu-results-filter">
            <button class="tcu-results-filter__menu-trigger">
                <div class="filter _label">
                    Filters
                    <img alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" data-state="" class="tcu-down-arrow" width="15" height="9">
                </div>
            </button>
            <div class="tcu-results-filter__list ">
                <button aria-label="Close Filter Dropdown" class="close-filter-menu">X</button>

                <div class="tcu-results-filter__column">
                    <!-- School -->
                    <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-school">

                        <!-- Button Toggle for Mobile -->
                        <button class="_is-open show-for-small-only">
                            College
                            <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                        </button>
                        <!-- Regular Label on larger sizes -->
                        <legend class="show-for-large">College</legend>

                        <div class="tcu-results-filter__list-wrapper _is-open">
                            <div>
                                <input type="checkbox" id="school-addran" name="school" value="addran">
                                <label for="school-addran">AddRan College of Liberal Arts</label>
                            </div>
                            <div>
                                <input type="checkbox" id="school-sis" name="school" value="sis">
                                <label for="school-sis">School of Interdisciplinary Studies</label>
                            </div>
                            <!-- Show All -->
                            <div class="tcu-results-filter__show-all">
                                <input type="checkbox" id="school-all" name="id" value="all">
                                <label for="school-all">Show All</label>
                            </div>
                        </div>

                    </fieldset>
                    <!-- Department -->
                    <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-departments">

                        <!-- Button Toggle for Mobile -->
                        <button class="_is-open show-for-small-only">
                            Department
                            <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                        </button>
                        <!-- Regular Label on larger sizes -->
                        <legend class="show-for-large">Department</legend>

                        <div class="tcu-results-filter__list-wrapper _is-open">
                            <div>
                                <input type="checkbox" id="departments-political-science" name="departments" value="political-science">
                                <label for="departments-political-science">Political Science</label>
                            </div>
                            <!-- Show All -->
                            <div class="tcu-results-filter__show-all">
                                <input type="checkbox" id="departments-all" name="id" value="all">
                                <label for="departments-all">Show All</label>
                            </div>
                        </div>

                    </fieldset>
                    <!-- Teaching Audience -->
                    <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-teaching-audiences">

                        <!-- Button Toggle for Mobile -->
                        <button class="_is-open show-for-small-only">
                            Teaching Audience
                            <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                        </button>
                        <!-- Regular Label on larger sizes -->
                        <legend class="show-for-large">Teaching Audience</legend>

                        <div class="tcu-results-filter__list-wrapper _is-open">
                            <div>
                                <input type="checkbox" id="teaching-audiences-undergraduate-students" name="teaching-audiences" value="undergraduate-students">
                                <label for="teaching-audiences-undergraduate-students">Undergraduate Students</label>
                            </div>
                            <!-- Show All -->
                            <div class="tcu-results-filter__show-all">
                                <input type="checkbox" id="teaching-audiences-all" name="id" value="all">
                                <label for="teaching-audiences-all">Show All</label>
                            </div>
                        </div>

                    </fieldset>
                    <!-- Teaching Status -->
                    <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-teaching-status">

                        <!-- Button Toggle for Mobile -->
                        <button class="_is-open show-for-small-only">
                            Teaching Status
                            <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                        </button>
                        <!-- Regular Label on larger sizes -->
                        <legend class="show-for-large">Teaching Status</legend>

                        <div class="tcu-results-filter__list-wrapper _is-open">
                            <div>
                                <input type="checkbox" id="teaching-status-active" name="teaching-status" value="active">
                                <label for="teaching-status-active">Active</label>
                            </div>
                            <div>
                                <input type="checkbox" id="teaching-status-emeritus" name="teaching-status" value="emeritus">
                                <label for="teaching-status-emeritus">Emeritus</label>
                            </div>
                            <!-- Show All -->
                            <div class="tcu-results-filter__show-all">
                                <input type="checkbox" id="teaching-status-all" name="id" value="all">
                                <label for="teaching-status-all">Show All</label>
                            </div>
                        </div>

                    </fieldset>
                    <!-- Office Type -->
                    <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-office-types">

                        <!-- Button Toggle for Mobile -->
                        <button class="_is-open show-for-small-only">
                            Office Type
                            <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                        </button>
                        <!-- Regular Label on larger sizes -->
                        <legend class="show-for-large">Office Type</legend>

                        <div class="tcu-results-filter__list-wrapper _is-open">
                            <div>
                                <input type="checkbox" id="office-types-chairs" name="office-types" value="chairs">
                                <label for="office-types-chairs">Chairs</label>
                            </div>
                            <div>
                                <input type="checkbox" id="office-types-directors" name="office-types" value="directors">
                                <label for="office-types-directors">Directors</label>
                            </div>
                            <div>
                                <input type="checkbox" id="office-types-staff" name="office-types" value="staff">
                                <label for="office-types-staff">Staff</label>
                            </div>
                            <!-- Show All -->
                            <div class="tcu-results-filter__show-all">
                                <input type="checkbox" id="office-types-all" name="id" value="all">
                                <label for="office-types-all">Show All</label>
                            </div>
                        </div>

                    </fieldset>
                </div>
                <div class="tcu-results-filter__column">
                    <!-- Areas of Study -->
                    <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-areas-study">

                        <!-- Button Toggle for Mobile -->
                        <button class="_is-open show-for-small-only">
                            Areas of Study
                            <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                        </button>
                        <!-- Regular Label on larger sizes -->
                        <legend class="show-for-large">Areas of Study</legend>

                        <div class="tcu-results-filter__list-wrapper _is-open">
                            <div>
                                <input type="checkbox" id="areas-study-asian-studies" name="areas-study" value="asian-studies">
                                <label for="areas-study-asian-studies">Asian Studies</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areas-study-middle-east-studies" name="areas-study" value="middle-east-studies">
                                <label for="areas-study-middle-east-studies">Middle East Studies</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areas-study-political-science" name="areas-study" value="political-science">
                                <label for="areas-study-political-science">Political Science</label>
                            </div>
                            <!-- Show All -->
                            <div class="tcu-results-filter__show-all">
                                <input type="checkbox" id="areas-study-all" name="id" value="all">
                                <label for="areas-study-all">Show All</label>
                            </div>
                        </div>

                    </fieldset>
                </div>
                <div class="tcu-results-filter__column">
                    <!-- Areas of Interest -->
                    <fieldset class="tcu-results-filter__list-set tcu-results-filter__list-areasOfInterest">

                        <!-- Button Toggle for Mobile -->
                        <button class="_is-open show-for-small-only">
                            Areas of Interest
                            <img width="15" height="9" alt="Open Accordion" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='15px' height='9px' viewBox='0 0 27 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3Eslider arrow copy 2%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Program-D-Math' transform='translate(-1039.000000, -3726.000000)' fill='%234D4D4A' stroke='%234D4D4A' stroke-width='1.96'%3E%3Cg id='slider-arrow' transform='translate(1052.500000, 3734.000000) rotate(-90.000000) translate(-1052.500000, -3734.000000) translate(1044.500000, 3721.500000)'%3E%3Cpath d='M13.5324837,24.8310811 C13.312616,24.8310811 13.09215,24.7563214 12.9189481,24.6054125 L0.519904875,13.8072257 C0.189654598,13.5193037 0,13.0724132 0,12.5810559 C0,12.0896987 0.189654598,11.6428081 0.519904875,11.3548861 L12.9189481,0.556699337 C13.2803089,0.241541468 13.8483753,0.258772321 14.1873006,0.594496048 C14.526226,0.930497691 14.5079784,1.45826206 14.1463185,1.77314201 L2.68089039,11.7586995 C2.16936142,12.2039226 2.16936142,12.9581893 2.68089039,13.4034123 L14.1463185,23.3892477 C14.5079784,23.7038498 14.526226,24.2316141 14.1873006,24.5676158 C14.0108082,24.7427035 13.7717955,24.8310811 13.5324837,24.8310811' id='Fill-1'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow">
                        </button>
                        <!-- Regular Label on larger sizes -->
                        <legend class="show-for-large">Areas of Interest</legend>

                        <div class="tcu-results-filter__list-wrapper _is-open">
                            <div>
                                <input type="checkbox" id="areasOfInterest-american-politics" name="areasOfInterest" value="american-politics">
                                <label for="areasOfInterest-american-politics">American Politics</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-asian-politics" name="areasOfInterest" value="asian-politics">
                                <label for="areasOfInterest-asian-politics">Asian Politics</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-development" name="areasOfInterest" value="development">
                                <label for="areasOfInterest-development">Development</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-elections" name="areasOfInterest" value="elections">
                                <label for="areasOfInterest-elections">Elections</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-european-politics" name="areasOfInterest" value="european-politics">
                                <label for="areasOfInterest-european-politics">European Politics</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-foreign-policy" name="areasOfInterest" value="foreign-policy">
                                <label for="areasOfInterest-foreign-policy">Foreign Policy</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-gender-&-sexuality" name="areasOfInterest" value="gender-&-sexuality">
                                <label for="areasOfInterest-gender-&-sexuality">Gender & Sexuality</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-human-rights" name="areasOfInterest" value="human-rights">
                                <label for="areasOfInterest-human-rights">Human Rights</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-identity-politics" name="areasOfInterest" value="identity-politics">
                                <label for="areasOfInterest-identity-politics">Identity Politics</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-international-relations" name="areasOfInterest" value="international-relations">
                                <label for="areasOfInterest-international-relations">International Relations</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-media-&-politics" name="areasOfInterest" value="media-&-politics">
                                <label for="areasOfInterest-media-&-politics">Media & Politics</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-middle-eastern-studies" name="areasOfInterest" value="middle-eastern-studies">
                                <label for="areasOfInterest-middle-eastern-studies">Middle Eastern Studies</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-political-psychology" name="areasOfInterest" value="political-psychology">
                                <label for="areasOfInterest-political-psychology">Political Psychology</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-political-science" name="areasOfInterest" value="political-science">
                                <label for="areasOfInterest-political-science">Political Science</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-political-theory" name="areasOfInterest" value="political-theory">
                                <label for="areasOfInterest-political-theory">Political Theory</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-public-policy" name="areasOfInterest" value="public-policy">
                                <label for="areasOfInterest-public-policy">Public Policy</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-russian-politics" name="areasOfInterest" value="russian-politics">
                                <label for="areasOfInterest-russian-politics">Russian Politics</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-texas-politics" name="areasOfInterest" value="texas-politics">
                                <label for="areasOfInterest-texas-politics">Texas Politics</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-united-nations" name="areasOfInterest" value="united-nations">
                                <label for="areasOfInterest-united-nations">United Nations</label>
                            </div>
                            <div>
                                <input type="checkbox" id="areasOfInterest-urban-politics" name="areasOfInterest" value="urban-politics">
                                <label for="areasOfInterest-urban-politics">Urban Politics</label>
                            </div>
                            <!-- Show All -->
                            <div class="tcu-results-filter__show-all">
                                <input type="checkbox" id="areasOfInterest-all" name="id" value="all">
                                <label for="areasOfInterest-all">Show All</label>
                            </div>
                        </div>

                    </fieldset>
                </div>
            </div>
            <div class="tcu-results-filter__heading tcu-visually-hidden">
                <div class="tcu-results-filter__search"><label for="directory-keyword-search" class="screen-reader-text tcu-visuallyhidden">Search for:</label> <input type="search" value="" name="s" id="directory-keyword-search" placeholder="Who can we help you find?" autocorrect="off"> <input type="submit" value="Search"></div>
            </div>
            <div class="tcu-view-selector tcu-visually-hidden">
                <p class="tcu-view-selector__option _label"><button class="active">
                        View Grid
                        <img alt="" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23111111;%7D%0A%3C/style%3E%3Ctitle%3EGroup%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1'%3E%3Cg id='Program-List-links' transform='translate(-1468.000000, -545.000000)'%3E%3Cg id='Group' transform='translate(1468.000000, 545.000000)'%3E%3Crect id='Rectangle' class='st0' width='5' height='5'/%3E%3Crect id='Rectangle_1_' y='7' class='st0' width='5' height='5'/%3E%3Crect id='Rectangle_2_' x='7' class='st0' width='5' height='5'/%3E%3Crect id='Rectangle_3_' x='7' y='7' class='st0' width='5' height='5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow" width="10" height="10"></button></p>
                <p class="tcu-view-selector__option _label"><button class="">
                        View List
                        <img alt="" src="data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 10' style='enable-background:new 0 0 16 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-linecap:square;%7D%0A%3C/style%3E%3Ctitle%3EGroup 3%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1'%3E%3Cg id='Program-List-links' transform='translate(-1637.000000, -545.000000)'%3E%3Cg id='Group-3' transform='translate(1638.000000, 545.000000)'%3E%3Cpath id='Line' class='st0' d='M4,0.5h10'/%3E%3Cpath id='Line_1_' class='st0' d='M0,0.5h1'/%3E%3Cpath id='Line_2_' class='st0' d='M4,3.5h10'/%3E%3Cpath id='Line_3_' class='st0' d='M0,3.5h1'/%3E%3Cpath id='Line_4_' class='st0' d='M4,6.5h10'/%3E%3Cpath id='Line_5_' class='st0' d='M0,6.5h1'/%3E%3Cpath id='Line_6_' class='st0' d='M4,9.5h10'/%3E%3Cpath id='Line_7_' class='st0' d='M0,9.5h1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A" class="tcu-down-arrow" width="15" height="15"></button></p>
            </div>
        </header>
        <div class="tcu-results-listing _grid tcu-fadeIn">
            <ul>
                <li id="richard-leo-enos" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/richard-enos-2-profile-lg.jpg" alt="Richard Leo Enos" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/richard-enos-2-profile-lg.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/richard-leo-enos">Richard Leo Enos</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Emeritus Professor and Quondam Holder of The Lillian B. Radford Chair of Rhetoric and Composition</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:r.enos@tcu.edu">r.enos@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="bailey-abercrombie" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/abercrombie-bailey.webp" alt="CPT Bailey Abercrombie" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/abercrombie-bailey.webp">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/bailey-abercrombie">CPT Bailey Abercrombie</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Assistant Professor of Military Science</span>
                            <div class="tcu-directory-card__unit">Army ROTC</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:bailey.abercrombie@tcu.edu">bailey.abercrombie@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-4233
                        </span>
                    </div>
                </li>
                <li id="dave-aftandilian" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/Dave-Aftandilian-2023.jpg" alt="Dave Aftandilian" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/Dave-Aftandilian-2023.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/dave-aftandilian">Dave Aftandilian</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Professor of Anthropology; Director of Human-Animal Relationships (HARE) minor</span>
                            <div class="tcu-directory-card__unit">Sociology & Anthropology</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:d.aftandilian@tcu.edu">d.aftandilian@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-4540
                        </span>
                    </div>
                </li>
                <li id="komla-aggor" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/dr-komla-aggor-profile-lg.jpg" alt="Komla Aggor" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/dr-komla-aggor-profile-lg.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/komla-aggor">Komla Aggor</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Emeritus Professor</span>
                            <div class="tcu-directory-card__unit">World Languages and Global Studies</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:k.aggor@tcu.edu">k.aggor@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="esther-ajayi-lowo" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/esther-ajayi-lowo.jpg" alt="Esther Oluwashina Ajayi-Lowo" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/esther-ajayi-lowo.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/esther-ajayi-lowo">Esther Oluwashina Ajayi-Lowo</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Assistant Professor of Women and Gender Studies</span>
                            <div class="tcu-directory-card__unit">Comparative Race & Ethnic Studies</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:e.ajayi-lowo@tcu.edu">e.ajayi-lowo@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-1767
                        </span>
                    </div>
                </li>
                <li id="nicholas-albanese" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/nicholas-albanese-profile-lg.jpg" alt="Nicholas Albanese" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/nicholas-albanese-profile-lg.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/nicholas-albanese">Nicholas Albanese</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Associate Professor of Italian and Department Chair</span>
                            <div class="tcu-directory-card__unit">World Languages and Global Studies</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:n.albanese@tcu.edu">n.albanese@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-6360
                        </span>
                    </div>
                </li>
                <li id="ahmed-aljaberi" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/ahmed-aljaberi.jpg" alt="Ahmed Aljaberi" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/ahmed-aljaberi.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/ahmed-aljaberi">Ahmed Aljaberi</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Visiting Lecturer</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:ahmed.aljaberi@tcu.edu">ahmed.aljaberi@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="kesley-archer" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/Kesley-Archer-profile.JPG" alt="Kesley Archer" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/Kesley-Archer-profile.JPG">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/kesley-archer">Kesley Archer</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Administrative Assistant</span>
                            <div class="tcu-directory-card__unit">Sociology & Anthropology</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:k.archer@tcu.edu">k.archer@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-7470
                        </span>
                    </div>
                </li>
                <li id="tatiana-arguello" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/tatiana-Arguello-profile-lg.jpg" alt="Tatiana Arguello" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/tatiana-Arguello-profile-lg.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/tatiana-arguello">Tatiana Arguello</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Associate Professor</span>
                            <div class="tcu-directory-card__unit">World Languages and Global Studies</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:t.arguello@tcu.edu">t.arguello@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-5405
                        </span>
                    </div>
                </li>
                <li id="samuel-arnold" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/Arnold-Sam-headshot-profile-lg.jpg" alt="Samuel Arnold" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/Arnold-Sam-headshot-profile-lg.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/samuel-arnold">Samuel Arnold</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Associate Professor</span>
                            <div class="tcu-directory-card__unit">Political Science</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:s.arnold@tcu.edu">s.arnold@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-6402
                        </span>
                    </div>
                </li>
                <li id="amanda-atkinson" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg" alt="Amanda Atkinson" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/amanda-atkinson">Amanda Atkinson</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Adjunct Professor</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:a.b.atkinson@tcu.edu">a.b.atkinson@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="ariane-balizet" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/Balizet-Ariane.jpg" alt="Ariane Balizet" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/Balizet-Ariane.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/ariane-balizet">Ariane Balizet</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Assistant Provost for Faculty Success and Professor of English</span>
                            <div class="tcu-directory-card__unit">AddRan College</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:a.balizet@tcu.edu">a.balizet@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="rachelle-berry" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg" alt="Rachelle Berry" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/rachelle-berry">Rachelle Berry</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Assistant Professor</span>
                            <div class="tcu-directory-card__unit">Comparative Race & Ethnic Studies</div>
                        </div>
                        <!--  -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="ashok-bhusal" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/leadon-cornerstone.jpg" alt="Ashok Bhusal" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/leadon-cornerstone.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/ashok-bhusal">Ashok Bhusal</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Instructor I and Internship Coordinator</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:a.bhusal@tcu.edu">a.bhusal@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="rishav-bista" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/Rishav-Bista-2023-Profile-lg.jpg" alt="Rishav Bista" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/Rishav-Bista-2023-Profile-lg.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/rishav-bista">Rishav Bista</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Associate Professor</span>
                            <div class="tcu-directory-card__unit">Economics</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:r.bista@tcu.edu">r.bista@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-7594
                        </span>
                    </div>
                </li>
                <li id="andreley-bjelland" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg" alt="Andreley Bjelland" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/andreley-bjelland">Andreley Bjelland</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Visiting Lecturer</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:a.g.bjelland@tcu.edu">a.g.bjelland@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="bonnie-blackwell" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg" alt="Bonnie Blackwell" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/bonnie-blackwell">Bonnie Blackwell</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Associate Professor</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:b.blackwell@tcu.edu">b.blackwell@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="teriann-blaisdell" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/Blaisdell_Teriann_2025.jpg" alt="Teriann Blaisdell" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/Blaisdell_Teriann_2025.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/teriann-blaisdell">Teriann Blaisdell</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Adjunct Professor</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:t.blaisdell@tcu.edu">t.blaisdell@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="lori-borchers" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/Borchers-Lori-400x420.jpg" alt="Lori Borchers" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/Borchers-Lori-400x420.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/lori-borchers">Lori Borchers</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Assistant Professor</span>
                            <div class="tcu-directory-card__unit">Master of Liberal Arts</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:lori.borchers@tcu.edu">lori.borchers@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-4487
                        </span>
                    </div>
                </li>
                <li id="kendra-bowen" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/KendraBowen-profile-lg.jpg" alt="Kendra Bowen" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/KendraBowen-profile-lg.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/kendra-bowen">Kendra Bowen</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Professor</span>
                            <div class="tcu-directory-card__unit">Criminology & Criminal Justice</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:k.bowen@tcu.edu">k.bowen@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-5846
                        </span>
                    </div>
                </li>
                <li id="regan-boxwell-cruz" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/ReganBoxwell.jpg" alt="Regan Boxwell Cruz" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/ReganBoxwell.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/regan-boxwell-cruz">Regan Boxwell Cruz</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Instructor II</span>
                            <div class="tcu-directory-card__unit">World Languages and Global Studies</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:r.a.boxwell@tcu.edu">r.a.boxwell@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-6978
                        </span>
                    </div>
                </li>
                <li id="judy-sconce" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/laurabriley_headshot2025.jpg" alt="Laura Briley" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/laurabriley_headshot2025.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/judy-sconce">Laura Briley</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Administrative Assistant</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:laura.briley@tcu.edu">laura.briley@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-phone-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-phone-icon" xlink:href="#icon-phone-icon"></use>
                            </svg>
                            817-257-7240
                        </span>
                    </div>
                </li>
                <li id="alicia-brown" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg" alt="Alicia Brown" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/alicia-brown">Alicia Brown</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Adjunct Professor</span>
                            <div class="tcu-directory-card__unit">English</div>
                        </div>
                        <!--     <br><br>
     -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                            <svg focusable="false" height="24" width="24" class="tcu-email-icon">
                                <use xmlns:xlink="http://www.w3.org/1999/xlink" href="#icon-email-icon" xlink:href="#icon-email-icon"></use>
                            </svg>
                            <a href="mailto:a.k.brown@tcu.edu">a.k.brown@tcu.edu</a>
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
                <li id="clayton-brown" class="tcu-card _profile | tcu-directory-card" value="grid">
                    <div class="tcu-card-img | tcu-directory-card__image-wrapper">
                        <img data-url="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg" alt="D. Clayton Brown" class="tcu-card__image lazy-load loaded | tcu-directory-card__image" src="https://www.tcu.edu/directory/images/leadon-default-headshot-mobile.jpg">

                        <div class="spinner">
                            <div class="rect1"></div>
                            <div class="rect2"></div>
                            <div class="rect3"></div>
                            <div class="rect4"></div>
                            <div class="rect5"></div>
                        </div>
                    </div>
                    <div class="tcu-card__info | tcu-directory-card__content">
                        <div class="group">
                            <span class="tcu-profile-card__name | tcu-directory-card__name"><a href="/view/clayton-brown">D. Clayton Brown</a></span>
                            <br>
                            <span class="tcu-profile-card__title | tcu-directory-card__title">Emeritus Professor</span>
                            <div class="tcu-directory-card__unit">History</div>
                        </div>
                        <!--  -->

                        <span class="tcu-profile-card__email | tcu-directory-card__icon">
                        </span>
                        <span class="tcu-profile-card__telephone | tcu-directory-card__icon">
                        </span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>