{"id":170,"date":"2023-07-07T11:35:01","date_gmt":"2023-07-07T15:35:01","guid":{"rendered":"https:\/\/carleton.ca\/cutheme\/?page_id=170"},"modified":"2024-09-18T20:31:39","modified_gmt":"2024-09-19T00:31:39","slug":"people-cards","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/card-blocks\/people-cards\/","title":{"rendered":"People Cards"},"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 Cards\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\/block-library\/card-blocks\/\">How to: Card 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\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;numberOfPosts&quot;&#x3A;3,&quot;numberOfColumns&quot;&#x3A;3,&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;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:andrew.riddles@carleton.ca\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6132768001\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:danniel.johnson@carleton.ca\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6135204321\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:sarah.lamb@carleton.ca\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6131234567\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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<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;numberOfPosts&quot;&#x3A;3,&quot;numberOfColumns&quot;&#x3A;3,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--grey 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,&#x20;Grey&#x20;Background&quot;,&quot;blockBackground&quot;&#x3A;&quot;grey&quot;,&quot;showImages&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;numberOfPosts&quot;&#x3A;3,&quot;numberOfColumns&quot;&#x3A;3,&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;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl bg-cu-black-50 max-w-screen-2xl mx-auto rounded-xl px-6 py-5 md:px-14 md:py-12 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-grey-background\" 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, Grey Background\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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:andrew.riddles@carleton.ca\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:danniel.johnson@carleton.ca\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:sarah.lamb@carleton.ca\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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\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;3,&quot;numberOfColumns&quot;&#x3A;3,&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;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                                    <li>\n                    6132768001\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                                    <li>\n                    6135204321\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\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    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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\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;4,&quot;blockHeader&quot;&#x3A;&quot;Block&#x20;Defaults&#x20;at&#x20;4&#x20;Columns&quot;,&quot;numberOfPosts&quot;&#x3A;8,&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;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-7xl  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-4-columns\" 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 4 Columns\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=\"cu-column cu-component not-contained mx-auto grid max-w-7xl md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:andrew.riddles@carleton.ca\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6132768001\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:danniel.johnson@carleton.ca\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6135204321\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:sarah.lamb@carleton.ca\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6131234567\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Web Developer \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:susan.connor@carleton.ca\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6135201234\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Content Writer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:tom.taylor@carleton.ca\">\n                            Email\n                            Tom\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6137654321\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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<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;4,&quot;blockHeader&quot;&#x3A;&quot;Image,&#x20;Name&#x20;and&#x20;Title&#x20;at&#x20;4&#x20;Columns&quot;,&quot;showEmail&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;numberOfPosts&quot;&#x3A;8,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;true,&quot;showJobTitle&quot;&#x3A;true,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-7xl  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-4-columns\" 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 4 Columns\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=\"cu-column cu-component not-contained mx-auto grid max-w-7xl md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Web Developer \n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Content Writer\n                <\/li>\n                                            <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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<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;4,&quot;blockHeader&quot;&#x3A;&quot;Name,&#x20;Title&#x20;and&#x20;Email&#x20;at&#x20;4&#x20;Col&quot;,&quot;showImages&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;numberOfPosts&quot;&#x3A;8,&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;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-7xl  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-4-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 4 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=\"cu-column cu-component not-contained mx-auto grid max-w-7xl md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:andrew.riddles@carleton.ca\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:danniel.johnson@carleton.ca\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:sarah.lamb@carleton.ca\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Web Developer \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:susan.connor@carleton.ca\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Content Writer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:tom.taylor@carleton.ca\">\n                            Email\n                            Tom\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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><\/p>\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;2,&quot;blockHeader&quot;&#x3A;&quot;Block&#x20;Defaults&#x20;at&#x20;2&#x20;Columns&quot;,&quot;numberOfPosts&quot;&#x3A;4,&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;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&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-2-columns\" 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 2 Columns\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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-2 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:andrew.riddles@carleton.ca\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6132768001\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:danniel.johnson@carleton.ca\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6135204321\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:sarah.lamb@carleton.ca\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6131234567\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n            <figure class=\"px-6 pt-8 pb-2 mb-2 overflow-hidden rounded-t-lg cu-figure--round\">\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=\"200\" height=\"200\" \/>\n                        <\/figure>\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Web Developer \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:susan.connor@carleton.ca\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                        <li>\n                    6135201234\n                                    <\/li>\n                    <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \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\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--grey cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;2,&quot;blockHeader&quot;&#x3A;&quot;Name,&#x20;Title&#x20;and&#x20;Email&#x20;at&#x20;2&#x20;Columns&#x20;with&#x20;Grey&#x20;Background&quot;,&quot;blockBackground&quot;&#x3A;&quot;grey&quot;,&quot;showImages&quot;&#x3A;false,&quot;showPhone&quot;&#x3A;false,&quot;numberOfPosts&quot;&#x3A;4,&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;cards&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;,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl bg-cu-black-50 max-w-screen-2xl mx-auto rounded-xl px-6 py-5 md:px-14 md:py-12 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-2-columns-with-grey-background\" 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 2 Columns with Grey Background\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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-2 gap-6 md:gap-10\">\n                        \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:andrew.riddles@carleton.ca\">\n                            Email\n                            Andrew\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Designer\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:danniel.johnson@carleton.ca\">\n                            Email\n                            Danniel\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Welder &#038; Baker\n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:sarah.lamb@carleton.ca\">\n                            Email\n                            Sarah \n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 text-center group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n    \n    <header class=\"px-6 first:mt-6\">\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    <div class=\"flex flex-col px-6\">\n        <ul class=\"space-y-2 text-sm text-cu-black-700 @sm:md:text-base\">\n                            <li class=\"text-base @sm:md:text-lg italic\">\n                    Web Developer \n                <\/li>\n                                        <li>\n                    <strong class=\"font-semibold break-all text-cu-red-700 hover:underline\">\n                        <a href=\"mailto:susan.connor@carleton.ca\">\n                            Email\n                            Susan\n                        <\/a>\n                    <\/strong>\n                <\/li>\n                                <\/ul>\n    <\/div>\n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\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":751,"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-170","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\/170","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=170"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/170\/revisions"}],"predecessor-version":[{"id":4344,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/170\/revisions\/4344"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/751"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}