{"id":3617,"date":"2024-04-23T11:36:25","date_gmt":"2024-04-23T15:36:25","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=3617"},"modified":"2024-09-18T20:31:18","modified_gmt":"2024-09-19T00:31:18","slug":"page-cards","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/card-blocks\/page-cards\/","title":{"rendered":"Page 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                        Page 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\/advanced\/module-2-cards-listing-blocks\/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;numberOfPosts&quot;&#x3A;3,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;page&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfColumns&quot;&#x3A;3,&quot;showImages&quot;&#x3A;false,&quot;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;true,&quot;showHours&quot;&#x3A;false,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_page_type&quot;,&quot;moreButton&quot;&#x3A;&quot;none&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        <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            page\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                    \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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        A Variety of Posts\n    <\/h2>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    \n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/a-variety-of-posts\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                A Variety of Posts\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        杏吧原创 cutheme Training\n    <\/h2>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Welcome to our cuTheme training. We are excited to show you around our latest theme! There are lots of exciting new things to explore but\n                                            &#8230;\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/about\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                杏吧原创 cutheme Training\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Add Forms to a Page\n    <\/h2>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    In order for users to fill out your form, you will need to add it to a page. Step-By-Step 1. Edit or create the page\n                                            &#8230;\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/add-form-to-a-page\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Add Forms to a Page\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. Maecenas mollis lectus sapien, eget ullamcorper nisi interdum at. Vivamus id aliquet erat. Aliquam eu odio auctor ante elementum aliquam ut at augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur at tincidunt neque. Etiam quis condimentum sapien. Aliquam interdum rhoncus ligula, ac placerat mauris volutpat in. Quisque feugiat, risus et lacinia condimentum, ante nisl finibus lacus, ac bibendum lorem purus id lectus. Praesent dignissim arcu lectus. Morbi sed ante eget quam ornare faucibus.<\/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;Load&#x20;more,&#x20;Gray&#x20;Background&quot;,&quot;blockBackground&quot;&#x3A;&quot;grey&quot;,&quot;numberOfPosts&quot;&#x3A;3,&quot;moreButton&quot;&#x3A;&quot;loadmore&quot;,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;page&quot;,&quot;currentPage&quot;&#x3A;1,&quot;numberOfColumns&quot;&#x3A;3,&quot;showImages&quot;&#x3A;false,&quot;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;true,&quot;showHours&quot;&#x3A;false,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_page_type&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=\"load-more-gray-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        Load more, Gray 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            page\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                    \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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        A Variety of Posts\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    \n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/a-variety-of-posts\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                A Variety of Posts\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        杏吧原创 cutheme Training\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Welcome to our cuTheme training. We are excited to show you around our latest theme! There are lots of exciting new things to explore but\n                                            &#8230;\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/about\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                杏吧原创 cutheme Training\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Add Forms to a Page\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    In order for users to fill out your form, you will need to add it to a page. Step-By-Step 1. Edit or create the page\n                                            &#8230;\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/add-form-to-a-page\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Add Forms to a Page\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n                    \n        <\/div>\n        \n                                            <button aria-label=\"Load More\" class=\"loadMore cu-button not-prose cu-button--dark-grey cu-button--center \" type=\"button\">\n    <div class=\"block load-more-button\">\n        Load More\n    <\/div>\n    <div class=\"hidden no-more-posts\">\n        No more to load\n    <\/div>\n    <div class=\"items-center justify-center hidden load-more-spinner cu-pageloader\">\n    <div class=\"inline-block 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<\/div>\n<\/button>\n                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis lectus sapien, eget ullamcorper nisi interdum at. Vivamus id aliquet erat. Aliquam eu odio auctor ante elementum aliquam ut at augue. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur at tincidunt neque. Etiam quis condimentum sapien. Aliquam interdum rhoncus ligula, ac placerat mauris volutpat in. Quisque feugiat, risus et lacinia condimentum, ante nisl finibus lacus, ac bibendum lorem purus id lectus. Praesent dignissim arcu lectus. Morbi sed ante eget quam ornare faucibus.<\/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;Four&#x20;Columns,&#x20;No&#x20;Excerpts&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showExcerpts&quot;&#x3A;false,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;page&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;showImages&quot;&#x3A;false,&quot;showDates&quot;&#x3A;false,&quot;showHours&quot;&#x3A;false,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_page_type&quot;,&quot;moreButton&quot;&#x3A;&quot;none&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=\"four-columns-no-excerpts\" 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        Four Columns, No Excerpts\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            page\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                    \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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        A Variety of Posts\n    <\/h3>\n\n            <\/header>\n\n\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/a-variety-of-posts\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                A Variety of Posts\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        杏吧原创 cutheme Training\n    <\/h3>\n\n            <\/header>\n\n\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/about\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                杏吧原创 cutheme Training\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Add Forms to a Page\n    <\/h3>\n\n            <\/header>\n\n\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/add-form-to-a-page\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Add Forms to a Page\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Additional Support\n    <\/h3>\n\n            <\/header>\n\n\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/additional-support\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Additional Support\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Fusce ornare quam mauris. Nullam nec blandit nisi. Nam elementum tempus commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean et mollis quam, nec vulputate leo. Maecenas semper facilisis orci in luctus. Maecenas ex felis, fringilla sit amet libero vel, euismod mollis augue. Nullam fermentum eros nec turpis posuere, nec elementum nisl aliquam. Vivamus auctor justo purus. Cras maximus diam ipsum. Nullam faucibus ipsum nec tempus malesuada. Nam eget eros laoreet risus venenatis aliquam id a nunc. Maecenas vitae eros enim.<\/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;Two&#x20;Columns,&#x20;No&#x20;Date&quot;,&quot;blockBackground&quot;&#x3A;&quot;grey&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showDates&quot;&#x3A;false,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;page&quot;,&quot;currentPage&quot;&#x3A;1,&quot;showImages&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;true,&quot;showHours&quot;&#x3A;false,&quot;showAllPosts&quot;&#x3A;false,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;showFilter&quot;&#x3A;false,&quot;taxName&quot;&#x3A;&quot;cu_page_type&quot;,&quot;moreButton&quot;&#x3A;&quot;none&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=\"two-columns-no-date\" 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        Two Columns, No Date\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            page\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                    \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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        A Variety of Posts\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    \n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/a-variety-of-posts\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                A Variety of Posts\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        杏吧原创 cutheme Training\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Welcome to our cuTheme training. We are excited to show you around our latest theme! There are lots of exciting new things to explore but\n                                            &#8230;\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/about\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                杏吧原创 cutheme Training\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Add Forms to a Page\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    In order for users to fill out your form, you will need to add it to a page. Step-By-Step 1. Edit or create the page\n                                            &#8230;\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/add-form-to-a-page\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Add Forms to a Page\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\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 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Additional Support\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Accessibility Scan Interested in an accessibility scan for your site? Just&nbsp;fill out this form&nbsp;to get started. Accessibility Documentation and Training Block Library Check out the&nbsp;block\n                                            &#8230;\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/additional-support\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Additional Support\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-3617","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\/3617","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=3617"}],"version-history":[{"count":2,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3617\/revisions"}],"predecessor-version":[{"id":4239,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3617\/revisions\/4239"}],"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=3617"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=3617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}