{"id":3243,"date":"2024-03-21T10:38:56","date_gmt":"2024-03-21T14:38:56","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=3243"},"modified":"2024-09-18T20:31:19","modified_gmt":"2024-09-19T00:31:19","slug":"page-listings","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/listing-block\/page-listings\/","title":{"rendered":"Page 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                        Page Listings\n                    <\/h1>\n                \n                                \n                                    \n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/advanced\/module-2-cards-listing-blocks\/listing-block\/\">How to: 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. Nullam quis tellus malesuada, imperdiet dui quis, cursus nunc. Quisque tincidunt ipsum in diam tristique, ut vehicula lectus placerat. Donec interdum sem justo, eu accumsan ligula porttitor at. Suspendisse non purus eget libero consectetur lacinia non sed dui. Nulla massa ex, laoreet at porttitor venenatis, ullamcorper in dui. Phasellus purus nisi, cursus vitae metus quis, rutrum vehicula sapien. In gravida egestas vulputate. Morbi in luctus sem.<\/p>\n\n\n\n<h2 id=\"default-settings\" class=\"wp-block-heading\">Default Settings<\/h2>\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;numberOfPosts&quot;&#x3A;4,&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;page&quot;,&quot;taxName&quot;&#x3A;&quot;cu_page_type&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;showAllPosts&quot;&#x3A;false,&quot;showImages&quot;&#x3A;false,&quot;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;true,&quot;showFilter&quot;&#x3A;false,&quot;showHours&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        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            page\n\n            posts are available.\n        <\/p>\n\n                <div class=\"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<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                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        A Variety of Posts\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n                            <p class=\"text-base text-cu-black-700\">\n                    \n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-2-content-essentials\/a-variety-of-posts\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        A Variety of Posts\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\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                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        About cutheme Training\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n                            <p class=\"text-base text-cu-black-700\">\n                    Welcome to our cuTheme training. We are excited to show you around our latest theme! There are lots of exciting new things to explore but\n                                            &#8230;\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/introduction\/about\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        About cutheme Training\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\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                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Add Forms to a Page\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n                            <p class=\"text-base text-cu-black-700\">\n                    In order for users to fill out your form, you will need to add it to a page. Step-By-Step 1. Edit or create the page\n                                            &#8230;\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-5-forms\/add-form-to-a-page\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Add Forms to a Page\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\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                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Additional Support\n    <\/h2>\n\n            <\/header>\n\n\n                        \n\n                            <p class=\"text-base text-cu-black-700\">\n                    Accessibility Scan Interested in an accessibility scan for your site? Just&nbsp;fill out this form&nbsp;to get started. Accessibility Documentation and Training Block Library Check out the&nbsp;block\n                                            &#8230;\n                                    <\/p>\n            \n            <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/additional-support\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                    <span class=\"sr-only\">\n                        titled\n                        Additional Support\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\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;Upcoming&#x20;Events&quot;,&quot;numberOfPosts&quot;&#x3A;4,&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;cu_event&quot;,&quot;taxName&quot;&#x3A;&quot;cu_event_type&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaCompare&quot;&#x3A;&quot;&gt;&#x3D;&quot;,&quot;metaField&quot;&#x3A;&quot;cu_event_end_date&quot;,&quot;showFilter&quot;&#x3A;false,&quot;hideEventMeta&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=\"upcoming-events\" 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        Upcoming Events\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            event\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<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Dec\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    11\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            10:00 PM\n                to\n                11:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/coffee-break-with-web-services\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break with Web Services\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 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Oct\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    26\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            4:00 PM\n                to\n                6:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/event-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Ut volutpat justo ut convallis dapibus. Ut id enim sit amet velit facilisis scelerisque ut ac mauris. Donec venenatis eu arcu sed pellentesque. In sed nisi et ligula mollis consectetur eu ut felis. Morbi viverra auctor massa, gravida laoreet nulla. Mauris maximus nunc in lorem consequat, venenatis posuere sem dapibus. Praesent ut ornare tellus. Nunc in mi tristique, efficitur elit ac, cursus lectus. Integer a venenatis purus. Suspendisse semper bibendum nisi, et aliquam nisl ullamcorper volutpat. Suspendisse venenatis augue nibh, a convallis elit volutpat ut. Aliquam erat volutpat. Donec malesuada vel purus vel pretium. Nullam eget dignissim magna. Aliquam consequat at risus quis mollis. Nullam euismod varius faucibus.<\/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;Upcoming&#x20;with&#x20;Load&#x20;More&quot;,&quot;numberOfPosts&quot;&#x3A;2,&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;cu_event&quot;,&quot;taxName&quot;&#x3A;&quot;cu_event_type&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaCompare&quot;&#x3A;&quot;&gt;&#x3D;&quot;,&quot;metaField&quot;&#x3A;&quot;cu_event_end_date&quot;,&quot;showFilter&quot;&#x3A;false,&quot;hideEventMeta&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=\"upcoming-with-load-more\" 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        Upcoming with Load More\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            event\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<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Dec\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    11\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            10:00 PM\n                to\n                11:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/coffee-break-with-web-services\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break with Web Services\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 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Oct\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    26\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            4:00 PM\n                to\n                6:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/event-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Ut volutpat justo ut convallis dapibus. Ut id enim sit amet velit facilisis scelerisque ut ac mauris. Donec venenatis eu arcu sed pellentesque. In sed nisi et ligula mollis consectetur eu ut felis. Morbi viverra auctor massa, gravida laoreet nulla. Mauris maximus nunc in lorem consequat, venenatis posuere sem dapibus. Praesent ut ornare tellus. Nunc in mi tristique, efficitur elit ac, cursus lectus. Integer a venenatis purus. Suspendisse semper bibendum nisi, et aliquam nisl ullamcorper volutpat. Suspendisse venenatis augue nibh, a convallis elit volutpat ut. Aliquam erat volutpat. Donec malesuada vel purus vel pretium. Nullam eget dignissim magna. Aliquam consequat at risus quis mollis. Nullam euismod varius faucibus.<\/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;Past&#x20;Events&quot;,&quot;numberOfPosts&quot;&#x3A;4,&quot;order&quot;&#x3A;&quot;DESC&quot;,&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;cu_event&quot;,&quot;taxName&quot;&#x3A;&quot;cu_event_type&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaCompare&quot;&#x3A;&quot;&gt;&#x3D;&quot;,&quot;metaField&quot;&#x3A;&quot;cu_event_end_date&quot;,&quot;showFilter&quot;&#x3A;false,&quot;hideEventMeta&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=\"past-events\" 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        Past Events\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            event\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<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Oct\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    26\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            4:00 PM\n                to\n                6:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/event-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break\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 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Dec\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    11\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            10:00 PM\n                to\n                11:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/coffee-break-with-web-services\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break with Web Services\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Nulla non arcu eget augue malesuada congue. Nulla tristique purus quis erat pretium, ac lobortis arcu convallis. Aliquam erat volutpat. Nunc faucibus vulputate libero id vehicula. Aliquam erat volutpat. Mauris a odio feugiat, convallis odio vitae, iaculis purus. Nullam id euismod augue, in viverra neque. Nulla scelerisque enim eget dui elementum iaculis. Nunc consequat ligula ullamcorper sagittis hendrerit. Curabitur elementum iaculis arcu vitae eleifend.<\/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;Past&#x20;with&#x20;Load&#x20;More&quot;,&quot;numberOfPosts&quot;&#x3A;2,&quot;order&quot;&#x3A;&quot;DESC&quot;,&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;cu_event&quot;,&quot;taxName&quot;&#x3A;&quot;cu_event_type&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaCompare&quot;&#x3A;&quot;&gt;&#x3D;&quot;,&quot;metaField&quot;&#x3A;&quot;cu_event_end_date&quot;,&quot;showFilter&quot;&#x3A;false,&quot;hideEventMeta&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=\"past-with-load-more\" 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        Past with Load More\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            event\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<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Oct\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    26\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            4:00 PM\n                to\n                6:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/event-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break\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 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Dec\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    11\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            10:00 PM\n                to\n                11:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/coffee-break-with-web-services\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break with Web Services\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Nulla non arcu eget augue malesuada congue. Nulla tristique purus quis erat pretium, ac lobortis arcu convallis. Aliquam erat volutpat. Nunc faucibus vulputate libero id vehicula. Aliquam erat volutpat. Mauris a odio feugiat, convallis odio vitae, iaculis purus. Nullam id euismod augue, in viverra neque. Nulla scelerisque enim eget dui elementum iaculis. Nunc consequat ligula ullamcorper sagittis hendrerit. Curabitur elementum iaculis arcu vitae eleifend.<\/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;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;cu_event&quot;,&quot;taxName&quot;&#x3A;&quot;cu_event_type&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaCompare&quot;&#x3A;&quot;&gt;&#x3D;&quot;,&quot;metaField&quot;&#x3A;&quot;cu_event_end_date&quot;,&quot;showFilter&quot;&#x3A;false,&quot;hideEventMeta&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            event\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<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Dec\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    11\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            10:00 PM\n                to\n                11:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/coffee-break-with-web-services\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break with Web Services\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 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Oct\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    26\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            4:00 PM\n                to\n                6:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/event-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Curabitur viverra dignissim iaculis. Maecenas non vestibulum eros. Fusce vitae leo sit amet justo varius maximus id sit amet augue. Duis vitae lacus at turpis cursus semper. Aliquam non neque sit amet velit ultrices pretium. Praesent lacinia porttitor quam, eu sodales neque iaculis vitae. Praesent nec blandit est. Aenean dui augue, vulputate eu scelerisque quis, rutrum id nisi. Praesent suscipit dui mauris, at vehicula odio cursus at.<\/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;Events&#x20;&#x40;&#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;cu_event&quot;,&quot;taxName&quot;&#x3A;&quot;cu_event_type&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;orderBy&quot;&#x3A;&quot;meta_value&quot;,&quot;metaCompare&quot;&#x3A;&quot;&gt;&#x3D;&quot;,&quot;metaField&quot;&#x3A;&quot;cu_event_end_date&quot;,&quot;showFilter&quot;&#x3A;false,&quot;hideEventMeta&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=\"events-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        Events @ 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            event\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<li class=\"cu-listing not-prose relative overflow-hidden @container bg-white p-6 md:p-8 !my-0 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Dec\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    11\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            10:00 PM\n                to\n                11:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/coffee-break-with-web-services\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break with Web Services\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 group\">\n    <div class=\"flex flex-col @lg:md:flex-row gap-5 @lg:md:gap-7 h-full\">\n\n                            <h3 class=\"h-20 w-20 @4xl:lg:h-32 @4xl:lg:w-32 flex flex-col items-center justify-center rounded-md bg-white shadow-md\">\n            <span class=\"block text-xs @4xl:lg:text-lg font-bold uppercase text-cu-red\">\n                                    Oct\n                            <\/span>\n            <span class=\"block text-2xl @4xl:lg:text-4xl font-bold uppercase text-cu-black-800\">\n                                    26\n                            <\/span>\n        <\/h3>\n            \n\n        <div class=\"flex flex-col flex-1 gap-3\">\n\n            \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n\n                            <ul class=\"space-y-3 text-sm text-cu-black-600 @sm:md:text-base\">\n                    <li>\n                                    <div class=\"flex\">\n\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z\"><\/path><\/svg><\/span>\n                        \n                            4:00 PM\n                to\n                6:00 PM\n                    <\/div>\n    \n                    <\/li>\n                    <li>\n                                    <div class=\"flex\">\n                            <span class=\"flex-shrink-0 mr-2 cu-icon\" style=\"width: 20px; height: 20px; display: inline-block;\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" fill=\"#f48c90\" width=\"20\" height=\"20\"><path d=\"M352 192c0-88.4-71.6-160-160-160S32 103.6 32 192c0 15.6 5.4 37 16.6 63.4c10.9 25.9 26.2 54 43.6 82.1c34.1 55.3 74.4 108.2 99.9 140c25.4-31.8 65.8-84.7 99.9-140c17.3-28.1 32.7-56.3 43.6-82.1C346.6 229 352 207.6 352 192zm32 0c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192zm-240 0a48 48 0 1 0 96 0 48 48 0 1 0 -96 0zm48 80a80 80 0 1 1 0-160 80 80 0 1 1 0 160z\"><\/path><\/svg><\/span>\n            \n                            TBD\n                    <\/div>\n    \n                    <\/li>\n                <\/ul>\n                        <footer class=\"pt-5 mt-auto text-white\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/event\/event-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View event info\n                    <span class=\"sr-only\">\n                        about\n                        Coffee Break\n                    <\/span>\n                <\/a>\n            <\/footer>\n        <\/div>\n    <\/div>\n<\/li>\n\n\n                            \n            <\/ul>\n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Proin elementum elit vel aliquam sagittis. Nam varius blandit est in pulvinar. Duis eu massa dictum, mollis magna nec, fermentum lorem. Suspendisse commodo varius tristique. Suspendisse eget elementum sapien. Aliquam ullamcorper eros eu posuere finibus. Aenean accumsan efficitur scelerisque. In euismod elit sed sem bibendum tincidunt. Nulla non rhoncus nulla. Nulla facilisi. Praesent vel orci non massa blandit fringilla. Donec maximus nisi ante, et blandit elit commodo eget. Aliquam metus ipsum, scelerisque in nunc non, mattis gravida lectus. Integer euismod, ligula sit amet elementum dictum, leo nulla commodo tortor, at iaculis diam massa et nisi. Donec urna orci, dignissim quis cursus id, ornare vitae nulla. Quisque rhoncus molestie odio sed hendrerit. Praesent placerat ac diam consectetur vulputate. Suspendisse ac hendrerit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis tellus malesuada, imperdiet dui quis, cursus nunc. Quisque tincidunt ipsum in diam tristique, ut vehicula lectus placerat. Donec interdum sem justo, eu accumsan ligula porttitor at. Suspendisse non purus eget libero consectetur lacinia non sed dui. Nulla massa ex, laoreet at porttitor venenatis, ullamcorper in [&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-3243","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\/3243","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=3243"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3243\/revisions"}],"predecessor-version":[{"id":4243,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/3243\/revisions\/4243"}],"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=3243"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=3243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}