{"id":166,"date":"2023-07-07T11:34:00","date_gmt":"2023-07-07T15:34:00","guid":{"rendered":"https:\/\/carleton.ca\/cutheme\/?page_id=166"},"modified":"2024-09-18T20:31:40","modified_gmt":"2024-09-19T00:31:40","slug":"event-cards","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/card-blocks\/event-cards\/","title":{"rendered":"Event Cards"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Event Cards\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Display your event posts in a card layout. Include an image, event title, time, and address.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/block-library\/card-blocks\/\">How to: Card Blocks<\/a><\/div>\n<\/div>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi risus, posuere ut iaculis id, efficitur nec mi. Aliquam purus nibh, aliquet non lacus eget, porttitor ullamcorper elit. Fusce porttitor libero et nisl gravida, at gravida est efficitur. Duis turpis odio, cursus in quam eget, dignissim aliquet eros.<\/p>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Upcoming&#x20;Events&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;numberOfColumns&quot;&#x3A;3,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_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,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee-laptop.jpeg\" alt=\"coffee and laptop\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee.jpg\" alt=\"coffee\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Vestibulum porttitor turpis ac dolor dictum commodo. Phasellus porttitor magna at ex facilisis ullamcorper. Ut commodo leo sed dui porta, eu fringilla massa mollis. Nam posuere vehicula accumsan. Suspendisse vitae lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce fermentum magna cursus elit viverra volutpat. Quisque nec iaculis libero. Curabitur lobortis erat purus, vel malesuada arcu porta quis.<\/p>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Upcoming&#x20;Events&#x20;with&#x20;Load&#x20;More&quot;,&quot;numberOfPosts&quot;&#x3A;3,&quot;moreButton&quot;&#x3A;&quot;loadmore&quot;,&quot;numberOfColumns&quot;&#x3A;3,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&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,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"upcoming-events-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 Events 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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee-laptop.jpeg\" alt=\"coffee and laptop\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee.jpg\" alt=\"coffee\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                            <button aria-label=\"Load More\" class=\"loadMore cu-button not-prose cu-button--dark-grey cu-button--center cu-button--hide\" type=\"button\">\n    <div class=\"block load-more-button\">\n        Load More\n    <\/div>\n    <div class=\"hidden no-more-posts\">\n        No more to load\n    <\/div>\n    <div class=\"items-center justify-center hidden load-more-spinner cu-pageloader\">\n    <div class=\"inline-block h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n        <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n            Loading&#8230;\n        <\/span>\n    <\/div>\n<\/div>\n<\/button>\n                    \n    <\/div>\n<\/section>\n\n\n\n<p>Vestibulum porttitor turpis ac dolor dictum commodo. Phasellus porttitor magna at ex facilisis ullamcorper. Ut commodo leo sed dui porta, eu fringilla massa mollis. Nam posuere vehicula accumsan. Suspendisse vitae lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce fermentum magna cursus elit viverra volutpat. Quisque nec iaculis libero. Curabitur lobortis erat purus, vel malesuada arcu porta quis.<\/p>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Past&#x20;Events&quot;,&quot;order&quot;&#x3A;&quot;ASC&quot;,&quot;numberOfColumns&quot;&#x3A;3,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_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,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee-laptop.jpeg\" alt=\"coffee and laptop\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee.jpg\" alt=\"coffee\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Donec eget leo purus. Vivamus quis efficitur risus, a gravida mi. Sed pulvinar non nisl sit amet viverra. Integer non finibus lectus. Praesent in placerat massa. Vestibulum vitae congue ex. Maecenas id euismod dui. Nam sapien risus, maximus sit amet arcu id, iaculis ornare metus. Suspendisse vitae lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce fermentum magna cursus elit viverra volutpat. Quisque nec iaculis libero. Curabitur lobortis erat purus, vel malesuada arcu porta quis.<\/p>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Past&#x20;Events&#x20;with&#x20;Load&#x20;More&quot;,&quot;numberOfPosts&quot;&#x3A;3,&quot;order&quot;&#x3A;&quot;DESC&quot;,&quot;numberOfColumns&quot;&#x3A;3,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_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,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"past-events-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 Events 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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee.jpg\" alt=\"coffee\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee-laptop.jpeg\" alt=\"coffee and laptop\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Donec eget leo purus. Vivamus quis efficitur risus, a gravida mi. Sed pulvinar non nisl sit amet viverra. Integer non finibus lectus. Praesent in placerat massa. Vestibulum vitae congue ex. Maecenas id euismod dui. Nam sapien risus, maximus sit amet arcu id, iaculis ornare metus. Suspendisse vitae lobortis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce fermentum magna cursus elit viverra volutpat. Quisque nec iaculis libero. Curabitur lobortis erat purus, vel malesuada arcu porta quis.<\/p>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;Filter&#x20;by&#x20;Category&quot;,&quot;numberOfColumns&quot;&#x3A;3,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;numberOfPosts&quot;&#x3A;6,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_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,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee-laptop.jpeg\" alt=\"coffee and laptop\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee.jpg\" alt=\"coffee\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget iaculis ante, at condimentum ex. Sed tempus pretium ante, a ultricies nisi mattis eu. Integer vestibulum fringilla risus, sed maximus augue interdum sed. Nullam eu porttitor massa. Donec mattis tortor nunc, vitae auctor libero molestie quis. Maecenas at augue id ex dapibus commodo vitae at eros. Nunc gravida lacus id volutpat lobortis. Nunc tristique tempus viverra. Nulla ornare nulla velit, a fringilla ipsum pharetra et. Phasellus odio sapien, laoreet eget nulla eu, malesuada feugiat ante. Quisque porttitor tempus felis sed porttitor. In hac habitasse platea dictumst.<\/p>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;4,&quot;blockHeader&quot;&#x3A;&quot;Events&#x20;&#x40;&#x20;4&#x20;Col&quot;,&quot;numberOfPosts&quot;&#x3A;8,&quot;blockBackground&quot;&#x3A;&quot;white&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;currentPage&quot;&#x3A;1,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;cu_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,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-7xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"events-4-col\" class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative text-2xl md:text-3xl lg:text-4xl lg:leading-[3rem] pb-4 after:w-8 after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px\">\n        Events @ 4 Col\n    <\/h2>\n\n    <\/header>\n        \n                \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            event\n\n            posts are available.\n        <\/p>\n\n                <div class=\"cu-column cu-component not-contained mx-auto grid max-w-7xl md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee-laptop.jpeg\" alt=\"coffee and laptop\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee.jpg\" alt=\"coffee\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Nunc et purus porta, aliquet urna in, pulvinar mi. In ac euismod libero. Aenean metus nisi, viverra sit amet tellus id, vehicula dictum dui. Vestibulum nec blandit leo, in blandit est. Suspendisse potenti. Ut porta quam sed sem feugiat luctus. Vestibulum sit amet cursus elit, et fermentum nisi. Ut blandit, elit eget malesuada pretium, erat nisl tincidunt neque, nec ultricies magna dolor quis nisl. Etiam justo elit, sodales vel orci eget, commodo malesuada sem.<\/p>\n\n\n\n\n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--white cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;numberOfColumns&quot;&#x3A;2,&quot;blockHeader&quot;&#x3A;&quot;Events&#x20;&#x40;&#x20;2&#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;cards&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,&quot;categories&quot;&#x3A;&quot;&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"events-2-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 @ 2 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=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-2 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee-laptop.jpeg\" alt=\"coffee and laptop\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break with Web Services\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n            <figure class=\"mb-2 overflow-hidden rounded-t-lg\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2023\/10\/coffee.jpg\" alt=\"coffee\" width=\"600\" height=\"400\" \/>\n        <\/figure>\n    \n                            <div class=\"mx-6 mb-2 -mt-16\">\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                    <\/div>\n            \n\n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Coffee Break\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\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        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\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\n                    \n        <\/div>\n        \n                                    \n    <\/div>\n<\/section>\n\n\n\n<p>Nulla facilisi. Phasellus eu odio id massa hendrerit bibendum ac lobortis lacus. Proin auctor sapien et convallis scelerisque. Duis enim enim, accumsan quis diam et, ultrices porttitor tortor. Curabitur iaculis euismod mauris eu condimentum. Mauris lorem turpis, condimentum ut maximus eu, accumsan a risus. Morbi euismod ante turpis, sed pretium lacus pulvinar at. Nullam semper eget dui sed luctus. Cras pellentesque pulvinar risus in ultrices. Integer dignissim neque vitae ipsum lobortis, non imperdiet neque sodales. Mauris quis dui et felis fermentum dignissim et eu nibh.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam mi risus, posuere ut iaculis id, efficitur nec mi. Aliquam purus nibh, aliquet non lacus eget, porttitor ullamcorper elit. Fusce porttitor libero et nisl gravida, at gravida est efficitur. Duis turpis odio, cursus in quam eget, dignissim aliquet eros. Vestibulum porttitor turpis ac dolor dictum commodo. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":751,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-166","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\/166","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=166"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/166\/revisions"}],"predecessor-version":[{"id":4346,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/166\/revisions\/4346"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/751"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=166"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}