{"id":1192,"date":"2023-07-07T11:45:31","date_gmt":"2023-07-07T15:45:31","guid":{"rendered":"https:\/\/carleton.ca\/cutheme\/?page_id=188"},"modified":"2024-09-18T20:31:38","modified_gmt":"2024-09-19T00:31:38","slug":"news-listings-2","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/listing-block\/news-listings-2\/","title":{"rendered":"News Listings"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        News Listings\n                    <\/h1>\n                \n                                \n                                    \n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-dark-grey is-style-dark-grey--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/listing-block\/\">How to: Stacked Listing Blocks<\/a><\/div>\n<\/div>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Block&#x20;Defaults&quot;,&quot;moreButton&quot;&#x3A;&quot;viewmore&quot;,&quot;pageLink&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;carleton.ca&#x5C;&#x2F;cutheme-docs&#x5C;&#x2F;introduction&#x5C;&#x2F;about&#x5C;&#x2F;&quot;,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-1.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            While standard paragraphs work well for many types of content, blocks such as Tables, Columns, and Feature Cards can help present information in a more&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-2.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good headings make your content easier to read, easier to navigate, and easier to find. In just a few minutes, you can improve your page&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-3.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Launching your website is an exciting milestone\u2014congratulations! To help you transition smoothly, we\u2019ve created this quick checklist. Follow these steps before submitting your go-live request:&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-4.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good website content should be easy to find, easy to understand, and easy to use. That is where SEO (Search Engine Optimization) comes in. The&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-5.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        How to Replace a Media File in cuTheme (Without Breaking Anything)\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Update your files while keeping the original URL exactly the same.\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/how-to-replace-a-media-file-in-cutheme-without-breaking-anything\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        How to Replace a Media File in cuTheme (Without Breaking Anything)\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-6.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Introducing the \u201cIn the Media\u201d Block!\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            We\u2019re excited to share a new way to highlight your media mentions \u2014 the In the Media block! This new feature makes it easy to&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2025\/introducing-the-in-the-media-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Introducing the \u201cIn the Media\u201d Block!\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                            <div class=\"flex flex-wrap justify-center gap-5 cu-buttongroup md:flex-1\">\n    <a href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/about\/\" class=\"cu-view-more cu-button not-prose cu-button--dark-grey\">\n        View More\n    <\/a>\n<\/div>\n                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Image,&#x20;Date&#x20;and&#x20;Title&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showExcerpts&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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-date-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, Date 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            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-1.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-2.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-3.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-4.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Date&#x20;and&#x20;Title&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showImages&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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=\"date-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        Date 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            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Date,&#x20;Title&#x20;and&#x20;Excerpt&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showImages&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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=\"date-title-and-excerpt\" 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        Date, Title and Excerpt\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            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            While standard paragraphs work well for many types of content, blocks such as Tables, Columns, and Feature Cards can help present information in a more&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good headings make your content easier to read, easier to navigate, and easier to find. In just a few minutes, you can improve your page&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Launching your website is an exciting milestone\u2014congratulations! To help you transition smoothly, we\u2019ve created this quick checklist. Follow these steps before submitting your go-live request:&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good website content should be easy to find, easy to understand, and easy to use. That is where SEO (Search Engine Optimization) comes in. The&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Image&#x20;and&#x20;Title&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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-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 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            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-1.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-2.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-3.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-4.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Filter&#x20;by&#x20;Category&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showImages&quot;&#x3A;false,&quot;numberOfColumns&quot;&#x3A;&quot;2&quot;,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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=\"filter-by-category\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Filter by Category\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--2 md:grid-cols-2\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            While standard paragraphs work well for many types of content, blocks such as Tables, Columns, and Feature Cards can help present information in a more&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good headings make your content easier to read, easier to navigate, and easier to find. In just a few minutes, you can improve your page&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Launching your website is an exciting milestone\u2014congratulations! To help you transition smoothly, we\u2019ve created this quick checklist. Follow these steps before submitting your go-live request:&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good website content should be easy to find, easy to understand, and easy to use. That is where SEO (Search Engine Optimization) comes in. The&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Block&#x20;Defaults&#x20;with&#x20;1&#x20;Col&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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-with-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Block Defaults with 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-1.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            While standard paragraphs work well for many types of content, blocks such as Tables, Columns, and Feature Cards can help present information in a more&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-2.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good headings make your content easier to read, easier to navigate, and easier to find. In just a few minutes, you can improve your page&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-3.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Launching your website is an exciting milestone\u2014congratulations! To help you transition smoothly, we\u2019ve created this quick checklist. Follow these steps before submitting your go-live request:&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-4.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good website content should be easy to find, easy to understand, and easy to use. That is where SEO (Search Engine Optimization) comes in. The&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Image&#x20;Date&#x20;and&#x20;Title&#x20;with&#x20;1&#x20;Col&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showExcerpts&quot;&#x3A;false,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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-date-and-title-with-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Image Date and Title with 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-1.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-2.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-3.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-4.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Date&#x20;and&#x20;Title&#x20;with&#x20;1&#x20;Col&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showImages&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;false,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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=\"date-and-title-with-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Date and Title with 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Date,&#x20;Title&#x20;and&#x20;Excerpt&#x20;with&#x20;1&#x20;Col&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showImages&quot;&#x3A;false,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showDates&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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=\"date-title-and-excerpt-with-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Date, Title and Excerpt with 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            While standard paragraphs work well for many types of content, blocks such as Tables, Columns, and Feature Cards can help present information in a more&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good headings make your content easier to read, easier to navigate, and easier to find. In just a few minutes, you can improve your page&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Launching your website is an exciting milestone\u2014congratulations! To help you transition smoothly, we\u2019ve created this quick checklist. Follow these steps before submitting your go-live request:&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                        <time datetime=\"2026-08-05T00:19:25-04:00\" class=\"block italic text-sm text-cu-black-600\">\n        \n    <\/time>\n\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n                            <p class=\"text-base text-cu-black-700\">\n                                            Good website content should be easy to find, easy to understand, and easy to use. That is where SEO (Search Engine Optimization) comes in. The&hellip;\n\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n\n\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                        \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center  md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;&quot;1&quot;,&quot;blockHeader&quot;&#x3A;&quot;Image&#x20;and&#x20;Title&#x20;with&#x20;1&#x20;Col&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;false,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;listing&quot;,&quot;contentType&quot;&#x3A;&quot;post&quot;,&quot;taxName&quot;&#x3A;&quot;category&quot;,&quot;showImages&quot;&#x3A;true,&quot;showTimeToRead&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false&#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-and-title-with-1-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Image and Title with 1 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            category\n\n            posts are available.\n        <\/p>\n\n                <div class=\"w-full max-w-5xl mx-auto overflow-hidden bg-white rounded-lg shadow-lg cu-stackedlist cu-component-updated not-prose\">\n            <ul class=\"grid cu-stackedlist--posts cu-stackedlist--1 md:grid-cols-1\">\n\n                                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-1.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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        What Block Should I Use?\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/what-block-should-i-use\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        What Block Should I Use?\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-2.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/using-headings-properly-a-quick-seo-and-accessibility-win\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        Using Headings Properly: A Quick SEO &#038; Accessibility Win\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-3.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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 Go Live Checklist\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/cutheme-go-live-checklist\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        cuTheme Go Live Checklist\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                                        \n\n<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n                    <figure class=\"flex-none max-w-[30%] @sm:md:max-w-[25%] hidden md:block aspect-[3\/2]\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/its-production.s3.amazonaws.com\/gutenberg\/cutheme-plugin\/images\/thumb-fallbacks\/news-thumb-4.jpg\" alt=\"Randomly generated thumbnail\" width=\"600\" height=\"400\" \/>\n            <\/figure>\n        \n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n                <header class=\"flex flex-col gap-3 \">\n        <div class=\"flex flex-row w-full gap-1\">\n                                            <\/div>        \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        SEO Tips: Creating Content That People (and Search Engines) Can Find\n    <\/h3>\n\n            <\/header>\n\n\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/2026\/seo-tips-creating-content-that-people-and-search-engines-can-find\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    Read news\n                    <span class=\"sr-only\">\n                        post\n                        SEO Tips: Creating Content That People (and Search Engines) Can Find\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, consequat semper metus.<\/p>\n\n\n\n<p>Donec et lectus vitae leo eleifend lacinia. Morbi dictum sem nisl. In commodo orci vitae ultricies molestie. Ut nisl tortor, posuere nec lacus in, sodales blandit metus. Mauris quis lobortis eros. Nunc id cursus tellus, et pulvinar tortor. Nunc nisi felis, volutpat et ante eget, elementum convallis nisl. Fusce hendrerit ac risus nec eleifend. Morbi malesuada, diam at dignissim mattis, mauris diam mattis urna, sit amet sagittis nisl lorem at velit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius, augue id facilisis rutrum, lectus erat porta ante, id egestas sem odio eget justo. Phasellus ac lorem dictum ante cursus pellentesque. Suspendisse a tincidunt felis, ut semper libero. Quisque suscipit orci posuere sodales pretium. Nullam et iaculis arcu. Morbi lacus nulla, molestie eleifend urna vitae, [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":743,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-1192","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\/1192","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=1192"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1192\/revisions"}],"predecessor-version":[{"id":4340,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1192\/revisions\/4340"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/743"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=1192"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=1192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}