{"id":516,"date":"2023-10-26T11:45:54","date_gmt":"2023-10-26T15:45:54","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=516"},"modified":"2026-08-10T16:39:57","modified_gmt":"2026-08-10T20:39:57","slug":"intermediate-training","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/","title":{"rendered":"Intermediate Training"},"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                        Intermediate Training\n                    <\/h1>\n                \n                                \n                                    \n\n<p class=\"wp-block-paragraph\">Build richer, more engaging websites using content blocks, cards, listings, navigation menus, categories, and site organization.<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\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                \n        <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-2 gap-6 md:gap-10\">\n            \n\n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n        \n        \n            <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Intermediate Training Module 1: Content Types\n    <\/h2>\n\n            <\/header>\n\n\n                            <div class=\"flex flex-col px-6\">\n                                \n\n                                    <p class=\"text-base text-cu-black-700\">\n                        In this module, you&#8217;ll learn how to create and manage content types such as events, people profiles, stories, videos, and more. You&#8217;ll also discover how\n                                                    &#8230;\n                                            <\/p>\n                            <\/div>\n        \n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n        \n        \n            <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Intermediate Training Module 2: Common Content Blocks\n    <\/h2>\n\n            <\/header>\n\n\n                            <div class=\"flex flex-col px-6\">\n                                \n\n                                    <p class=\"text-base text-cu-black-700\">\n                        Learn how to use intermediate-level blocks to create engaging layouts, highlight content, and improve page navigation.\n                                            <\/p>\n                            <\/div>\n        \n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n        \n        \n            <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Intermediate Training Module 3: Cards &#038; Listings\n    <\/h2>\n\n            <\/header>\n\n\n                            <div class=\"flex flex-col px-6\">\n                                \n\n                                    <p class=\"text-base text-cu-black-700\">\n                        In this module, you&#8217;ll learn how to organize content using categories and display it using a variety of listing and card layouts. These tools make\n                                                    &#8230;\n                                            <\/p>\n                            <\/div>\n        \n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-3-cards-listings\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n\n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n        \n        \n            <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Intermediate Training Module 4: Site Organization\n    <\/h2>\n\n            <\/header>\n\n\n                            <div class=\"flex flex-col px-6\">\n                                \n\n                                    <p class=\"text-base text-cu-black-700\">\n                        Learn how to organize navigation menus and footer content so visitors can find information and move through your website easily.\n                                            <\/p>\n                            <\/div>\n        \n                    <footer class=\"px-6 pt-3 mt-auto text-white md:pt-5\">\n                <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/\" class=\"cu-button cu-button--red cu-button--small\">\n                    View Page\n                <\/a>\n            <\/footer>\n            <\/div>\n\n\n        <\/div>\n\n        \n    <\/div>\n<\/section>\n\n\n    \n                \n\n\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    \n\n\n\n<section class=\"w-screen px-6 cu-section cu-section--grey cu-section--cards ml-offset-center md:px-8 lg:px-14\" data-attributes=\"&#x7B;&quot;blockHeader&quot;&#x3A;&quot;All&#x20;Intermediate&#x20;Training&#x20;Modules&quot;,&quot;blockBackground&quot;&#x3A;&quot;grey&quot;,&quot;numberOfPosts&quot;&#x3A;-1,&quot;showAllPosts&quot;&#x3A;true,&quot;order&quot;&#x3A;&quot;asc&quot;,&quot;showFilter&quot;&#x3A;true,&quot;blockType&quot;&#x3A;&quot;cards&quot;,&quot;contentType&quot;&#x3A;&quot;page&quot;,&quot;currentPage&quot;&#x3A;1,&quot;numberOfColumns&quot;&#x3A;3,&quot;showImages&quot;&#x3A;false,&quot;showDates&quot;&#x3A;false,&quot;showExcerpts&quot;&#x3A;true,&quot;showHours&quot;&#x3A;false,&quot;orderBy&quot;&#x3A;&quot;title&quot;,&quot;taxName&quot;&#x3A;&quot;cu_page_type&quot;,&quot;moreButton&quot;&#x3A;&quot;none&quot;,&quot;categories&quot;&#x3A;&quot;60,61,62,66&quot;,&quot;tags&quot;&#x3A;&quot;&quot;&#x7D;\" data-page=\"2\">\n    <div class=\"space-y-6 cu-max-w-child-5xl bg-cu-black-50 max-w-screen-2xl mx-auto rounded-xl px-6 py-5 md:px-14 md:py-12 md:space-y-10 cu-prose-first-last\">\n\n                            \n\n\n<header class=\"mb-6 cu-pageheader cu-component-updated md:mb-12\">\n    <h2 id=\"all-intermediate-training-modules\" 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        All Intermediate Training Modules\n    <\/h2>\n\n    <\/header>\n        \n                            \n    \n    <div class=\"cu-filter text-sm font-medium\">\n        <div class=\"border rounded-tl-lg rounded-tr-lg border-cu-black-100 bg-gray-50 px-4 py-4 sm:px-6\">\n            <div class=\"flex flex-wrap items-center justify-between gap-4\">\n\n                <div class=\"ms-auto\">\n                    <div class=\"flex flex-wrap items-center gap-3 sm:gap-4\">\n                        \n                            <div class=\"cu-filter__dropdown relative\">\n                                <button class=\"cu-filter__dropdown-toggle inline-flex justify-center text-sm font-medium text-cu-black-800 group hover:text-cu-red\" type=\"button\" id=\"filter-3-categoriesMenuButton\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"true\" data-filter-type=\"categories\">\n                                    Categories\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" class=\"cu-filter__dropdown-arrow flex-shrink-0 w-5 h-5 ml-1 text-cu-black-300 group-hover:text-cu-black-600 ease-in-out duration-300\">\n                                        <path fill-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\"><\/path>\n                                    <\/svg>\n                                <\/button>\n                                <div class=\"cu-filter__dropdown-menu hidden not-prose list-none absolute z-10 left-0 mt-2 bg-white rounded-md shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none w-40 sm:w-64 p-3 sm:p-5\" aria-labelledby=\"filter-3-categoriesMenuButton\">\n                                    <ul class=\"max-h-44 sm:max-h-48 overflow-x-hidden overflow-y-auto\">\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-60-filter-3\" name=\"categories[]\" type=\"checkbox\" class=\"cu-filter__filtering-item w-4 h-4 mt-[2px] rounded border-cu-black-200 text-cu-red focus:ring-cu-red-100 ms-1\" data-label=\"Intermediate Training Module 1\" value=\"60\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-60-filter-3\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Intermediate Training Module 1\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-61-filter-3\" name=\"categories[]\" type=\"checkbox\" class=\"cu-filter__filtering-item w-4 h-4 mt-[2px] rounded border-cu-black-200 text-cu-red focus:ring-cu-red-100 ms-1\" data-label=\"Intermediate Training Module 2\" value=\"61\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-61-filter-3\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Intermediate Training Module 2\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-62-filter-3\" name=\"categories[]\" type=\"checkbox\" class=\"cu-filter__filtering-item w-4 h-4 mt-[2px] rounded border-cu-black-200 text-cu-red focus:ring-cu-red-100 ms-1\" data-label=\"Intermediate Training Module 3\" value=\"62\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-62-filter-3\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Intermediate Training Module 3\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-66-filter-3\" name=\"categories[]\" type=\"checkbox\" class=\"cu-filter__filtering-item w-4 h-4 mt-[2px] rounded border-cu-black-200 text-cu-red focus:ring-cu-red-100 ms-1\" data-label=\"Intermediate Training Module 4\" value=\"66\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-66-filter-3\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Intermediate Training Module 4\n    <\/label>\n<\/li>\n\n                                                                            <\/ul>\n                                <\/div>\n                            <\/div>\n\n                            \n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"bg-white flex items-start text-sm text-cu-black-600 border border-t-0 rounded-bl-lg rounded-br-lg border-cu-black-100 px-4 py-4 sm:px-6 sm:py-5 gap-x-4 sm:gap-x-5 gap-y-3\">\n            <div class=\"flex items-center gap-x-4 sm:gap-x-5 gap-y-3\">\n                <span>\n                    Filters\n                <\/span>\n                <span class=\"border-l border-cu-black-100 h-7 w-[1px]\"><\/span>\n            <\/div>\n            <div class=\"cu-filter__active-filter-panel flex flex-wrap items-center gap-3\"><\/div>\n        <\/div>\n    <\/div>\n\n        \n        <div class=\"cu-loading hidden text-center mx-auto h-6 w-6 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]\" role=\"status\">\n    <span class=\"!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]\">\n        Loading&#8230;\n    <\/span>\n<\/div>\n\n                                        \n        <p class=\"cu-no-posts hidden\">\n            No\n            page\n\n            posts are available.\n        <\/p>\n\n                <div class=\"cu-column cu-component not-contained mx-auto grid max-w-5xl md:grid-cols-3 gap-6 md:gap-10\">\n                        \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Buttons\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Learn how to create buttons and calls to action that help visitors navigate your website and find key information.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/button\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Buttons\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Call Out\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Highlight important information and calls to action using visually distinct Call Out blocks.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/call-out\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Call Out\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Card Blocks\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Display categorized content automatically using dynamic card layouts for news, events, people, files, pages, and videos.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-3-cards-listings\/card-blocks\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Card Blocks\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Categories\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Organize content with categories and use them to create dynamic listings, cards, and automatically updated pages.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-3-cards-listings\/categories\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Categories\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Columns\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Use the Columns block to create side-by-side layouts that improve readability and organize content more effectively.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/columns\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Columns\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Descriptions\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Create reusable FAQ and accordion-style content using Description posts and display them throughout your website.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/descriptions\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Descriptions\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Events\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Learn how to create and manage events, including dates, locations, registration details, and event listings.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/events\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Events\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Files\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Learn how to manage downloadable documents using File posts, categories, and file listings.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/files\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Files\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Footer Options\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Manage site-wide contact information, footer links, and call-to-action buttons through Site Options.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/footer-options\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Footer Options\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Gallery\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Display multiple images in organized galleries to showcase events, spaces, projects, and other visual content.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/gallery\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Gallery\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        In the Media\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Highlight external news coverage, interviews, and media mentions using In the Media posts and searchable listings.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/in-the-media\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                In the Media\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Listing Blocks\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Display categorized content automatically using simple, easy-to-scan listings for news, events, people, files, and more.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-3-cards-listings\/listing-blocks\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Listing Blocks\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Menu Best Practices\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Learn best practices for creating clear, organized navigation menus that help visitors find information quickly and easily.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/menu-best-practices\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Menu Best Practices\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        People\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Create professional people profiles with biographies, contact information, photos, and directory listings.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/people\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                People\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Quote\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Highlight quotations, testimonials, and key messages using visually distinct Quote blocks.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/quote\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Quote\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Select  Cards\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Manually select and feature specific content using curated card layouts with complete control over display order and content selection.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-3-cards-listings\/custom-select-cards\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Select  Cards\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Site Navigation\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Learn how to add, organize, rename, and remove items from your website&#8217;s navigation menu.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-4-site-organization\/site-navigation\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Site Navigation\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Spaces\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Create searchable space directories with location details, capacity, equipment, accessibility features, and photos.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/spaces\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Spaces\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Stories\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Create engaging feature content using Stories, complete with branded banners, categories, featured images, and excerpts.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/stories\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Stories\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Table\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Organize structured information using tables with rows, columns, and headers for better readability and comparison.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/tables\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Table\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Table of Contents\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Automatically generate page navigation from headings to help visitors find information on longer pages.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/table-of-contents\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Table of Contents\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Testimonials\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Showcase student, alumni, faculty, or community success stories using engaging testimonial layouts and quotes.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-2-common-content-blocks\/testimonials\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Testimonials\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Videos\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Create video libraries and galleries using Video posts, categories, and embedded content from supported platforms.\n                                    <\/p>\n            \n        <\/div>\n    \n    <footer class=\"px-6 pt-3 mt-auto md:pt-5\">\n        <a href=\"https:\/\/carleton.ca\/cutheme-docs\/intermediate-training\/intermediate-training-module-1-content-types\/videos\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Videos\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n                    \n        <\/div>\n        \n                \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Build richer, more engaging websites using content blocks, cards, listings, navigation menus, categories, and site organization.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"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":[53],"class_list":["post-516","page","type-page","status-publish","hentry","cu_page_type-intermediate-training"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/516","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/516\/revisions"}],"predecessor-version":[{"id":1068,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/516\/revisions\/1068"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}