{"id":190,"date":"2023-07-07T11:45:46","date_gmt":"2023-07-07T15:45:46","guid":{"rendered":"https:\/\/carleton.ca\/cutheme\/?page_id=190"},"modified":"2024-09-18T20:31:37","modified_gmt":"2024-09-19T00:31:37","slug":"people-listings","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/listing-block\/people-listings\/","title":{"rendered":"People Listings"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        People Listings\n                    <\/h1>\n                \n                                \n                                    \n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/listing-block\/\">How to: Stacked Listing Blocks<\/a><\/div>\n<\/div>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Block&#x20;Defaults&quot;,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;showEmail&quot;&#x3A;true,&quot;showPhone&quot;&#x3A;true,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"block-defaults\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Block Defaults\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/doggo-sand.jpeg\" alt=\"Dog on sandy beach\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6132768001\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/dj-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6135204321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/person.jpg\" alt=\"Happy Person\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6131234567\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/portrait-young-beautiful-model-stand-smiling-camera-high-quality-photo-1-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6135201234\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/cheerful-guy-enjoying-outdoor-coffee-break-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Tom\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6137654321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Image,&#x20;Name&#x20;and&#x20;Title&quot;,&quot;showEmail&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"image-name-and-title\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Image, Name and Title\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/doggo-sand.jpeg\" alt=\"Dog on sandy beach\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/dj-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/person.jpg\" alt=\"Happy Person\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/portrait-young-beautiful-model-stand-smiling-camera-high-quality-photo-1-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/cheerful-guy-enjoying-outdoor-coffee-break-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Name,&#x20;Title&#x20;and&#x20;Email&quot;,&quot;showImages&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;numberOfPosts&quot;&#x3A;10,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showJobTitle&quot;&#x3A;true,&quot;showEmail&quot;&#x3A;true,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"name-title-and-email\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Name, Title and Email\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Tom\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Name,&#x20;Title&#x20;and&#x20;Phone&quot;,&quot;showImages&quot;&#x3A;false,&quot;showEmail&quot;&#x3A;false,&quot;numberOfPosts&quot;&#x3A;10,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showJobTitle&quot;&#x3A;true,&quot;showPhone&quot;&#x3A;true,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"name-title-and-phone\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Name, Title and Phone\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                                                    <li>\n                        6132768001\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                                                    <li>\n                        6135204321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                                                    <li>\n                        6131234567\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                                                    <li>\n                        6135201234\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                                                    <li>\n                        6137654321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Filtered&#x20;by&#x20;Category&quot;,&quot;showEmail&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"filtered-by-category\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Filtered by Category\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/doggo-sand.jpeg\" alt=\"Dog on sandy beach\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/dj-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/person.jpg\" alt=\"Happy Person\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/portrait-young-beautiful-model-stand-smiling-camera-high-quality-photo-1-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/cheerful-guy-enjoying-outdoor-coffee-break-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Block&#x20;Defaults&#x20;at&#x20;1&#x20;Col&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;showEmail&quot;&#x3A;true,&quot;showPhone&quot;&#x3A;true,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"block-defaults-at-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Block Defaults at 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/doggo-sand.jpeg\" alt=\"Dog on sandy beach\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6132768001\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/dj-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6135204321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/person.jpg\" alt=\"Happy Person\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6131234567\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/portrait-young-beautiful-model-stand-smiling-camera-high-quality-photo-1-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6135201234\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/cheerful-guy-enjoying-outdoor-coffee-break-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Tom\n                        <\/a>\n                    <\/li>\n                                                                    <li>\n                        6137654321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Image,&#x20;Name&#x20;and&#x20;Title&#x20;at&#x20;1&#x20;Col&quot;,&quot;showEmail&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"image-name-and-title-at-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Image, Name and Title at 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/doggo-sand.jpeg\" alt=\"Dog on sandy beach\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/dj-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/person.jpg\" alt=\"Happy Person\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/portrait-young-beautiful-model-stand-smiling-camera-high-quality-photo-1-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[45%] @xl:md:max-w-[25%] aspect-square\">\n                                    <img loading=\"lazy\" decoding=\"async\"\n                src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/11\/cheerful-guy-enjoying-outdoor-coffee-break-scaled.jpg\" alt=\"\" width=\"280\" height=\"280\" \/>\n                                <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Name,&#x20;Title&#x20;and&#x20;Email&#x20;at&#x20;1&#x20;Col&quot;,&quot;showImages&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showJobTitle&quot;&#x3A;true,&quot;showEmail&quot;&#x3A;true,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"name-title-and-email-at-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Name, Title and Email at 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                    <li class=\"text-sm text-cu-black-600 @sm:md:text-base\">\n                        <a class=\"font-semibold break-all hover:cursor-pointer text-cu-red-700 hover:underline\">\n                            Email\n                            Tom\n                        <\/a>\n                    <\/li>\n                                                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Name,&#x20;Title&#x20;and&#x20;Phone&#x20;at&#x20;1&#x20;Col&quot;,&quot;showImages&quot;&#x3A;false,&quot;showEmail&quot;&#x3A;false,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showJobTitle&quot;&#x3A;true,&quot;showPhone&quot;&#x3A;true,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;cu_people&quot;,&quot;taxName&quot;&#x3A;&quot;cu_people_type&quot;,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaField&quot;&#x3A;&quot;cu_people_first_name&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showFilter&quot;&#x3A;false,&quot;buttonText&quot;&#x3A;&quot;View&#x20;Profile&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"name-title-and-phone-at-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Name, Title and Phone at 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            people\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Andrew\n                        Riddles\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        \n                    <\/li>\n                                                                                                    <li>\n                        6132768001\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/test-tet\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Andrew Riddles\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Danniel\n                        Johnson\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Designer\n                    <\/li>\n                                                                                                    <li>\n                        6135204321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/danniel-johnson\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Danniel Johnson\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Sarah \n                        Lamb\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Welder &#038; Baker\n                    <\/li>\n                                                                                                    <li>\n                        6131234567\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/sarah-lamb\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Sarah  Lamb\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Susan\n                        Connor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Web Developer \n                    <\/li>\n                                                                                                    <li>\n                        6135201234\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/susan-connor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Susan Connor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        <li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n            <header>\n                <h3 class=\"text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n                                            Tom\n                        Taylor\n                                    <\/h3>\n            <\/header>\n            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base list-none\">\n                                                    <li class=\"text-base @sm:md:text-lg italic\">\n                        Content Writer\n                    <\/li>\n                                                                                                    <li>\n                        6137654321\n                                                                    <\/li>\n                            <\/ul>\n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/people\/tom-taylor\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Profile\n                    <span class=\"sr-only\">\n                        for\n                        Tom Taylor\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":743,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-190","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/190\/revisions"}],"predecessor-version":[{"id":4339,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/190\/revisions\/4339"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/743"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=190"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}