{"id":522,"date":"2023-10-26T11:56:24","date_gmt":"2023-10-26T15:56:24","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=522"},"modified":"2026-08-26T13:55:56","modified_gmt":"2026-08-26T17:55:56","slug":"advanced-training","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/advanced-training\/","title":{"rendered":"Advanced 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                        Advanced Training\n                    <\/h1>\n                \n                                \n                                    \n\n<p class=\"wp-block-paragraph\">Master advanced cutheme features including homepage design, forms, patterns, embeds, integrations, and featured content.<\/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-3 gap-6 md:gap-10\">\n            \n\n    <div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n        \n        \n            <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h2 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Advanced Training Module 1: Homepage Design\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 plan and design effective homepages using content strategy, layout principles, and cutheme blocks.\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\/advanced-training\/advanced-training-module-1-homepage-design\/\" 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        Advanced Training Module 2: Advanced Design 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 advanced design blocks to create feature sections, highlight statistics, embed media, and enhance page design.\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\/advanced-training\/advanced-training-module-2-advanced-design-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        Advanced Training Module 3: Featured Content\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 highlight important services, resources, achievements, and key messages using featured content blocks.\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\/advanced-training\/advanced-training-module-3-featured-content\/\" 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        Advanced Training Module 4: Forms\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 create, manage, and embed forms to collect information, automate notifications, and support website interactions.\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\/advanced-training\/advanced-training-module-4-forms\/\" 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        Advanced Training Module 5: Embeds and Integrations\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 embed videos, dashboards, and other external content into your website using supported integrations.\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\/advanced-training\/module-4-embed-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        Advanced Training Module 6: Patterns\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 create and manage reusable block patterns that improve consistency and speed up page creation.\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\/advanced-training\/advanced-training-module-6-patterns\/\" 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;Advanced&#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;67,68,69,70,71,72&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-advanced-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 Advanced 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-25-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-25-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-67-filter-25\" 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=\"Advanced Training Module 1\" value=\"67\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-67-filter-25\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Advanced Training Module 1\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-68-filter-25\" 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=\"Advanced Training Module 2\" value=\"68\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-68-filter-25\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Advanced Training Module 2\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-69-filter-25\" 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=\"Advanced Training Module 3\" value=\"69\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-69-filter-25\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Advanced Training Module 3\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-70-filter-25\" 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=\"Advanced Training Module 4\" value=\"70\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-70-filter-25\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Advanced Training Module 4\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-71-filter-25\" 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=\"Advanced Training Module 5\" value=\"71\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-71-filter-25\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Advanced Training Module 5\n    <\/label>\n<\/li>\n\n                                                                                    <li class=\"flex items-top mb-4\">\n    <input id=\"filter-72-filter-25\" 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=\"Advanced Training Module 6\" value=\"72\" data-filter-type=\"categories\" \/>\n    <label for=\"filter-72-filter-25\" class=\"pr-6 ml-3 text-sm text-cu-black-600 leading-3 cursor-pointer\" role=\"button\" aria-pressed=\"false\">\n        Advanced Training Module 6\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        Alerts Block\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 notices, warnings, updates, and announcements using visually distinctive Alert 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\/advanced-training\/advanced-training-module-2-advanced-design-blocks\/alert-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Alerts Block\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        Creating &#038; Editing Forms\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 forms, add fields, customize settings, and collect information through 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\/advanced-training\/advanced-training-module-4-forms\/creating-editing-forms\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Creating &#038; Editing Forms\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        Creating Patterns\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 block patterns to save time, maintain consistency, and simplify page creation across 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\/advanced-training\/advanced-training-module-6-patterns\/creating-patterns\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Creating Patterns\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        Embed Forms on a Page\n    <\/h3>\n\n            <\/header>\n\n\n            <div class=\"flex flex-col px-6\">\n\n                        \n\n                                        <p class=\"text-base text-cu-black-700\">\n                    Learn how to embed forms into pages, configure display options, and test form submissions before publishing.\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\/advanced-training\/advanced-training-module-4-forms\/embed-forms-on-a-page\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Embed Forms on a Page\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n            \n                    \n<div class=\"not-prose cu-card rounded-lg @container md:max-w-xl flex flex-col gap-3 bg-white shadow-lg shadow-cu-black-100 group duration-300 ease-in hover:scale-[1.02] hover:shadow-cu-black-200\">\n\n    \n    \n        <header class=\"flex flex-col gap-3  px-6 first:mt-6\">\n                \n        \n    \n    <h3 class=\"line-clamp-3 text-lg font-semibold text-cu-black @sm:md:text-xl leading-6 @sm:md:leading-8\">\n        Featured 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                    Highlight important services, programs, and resources using visually engaging Featured Cards with images, text, and calls to action.\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\/advanced-training\/advanced-training-module-3-featured-content\/featured-cards\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Featured 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        Form Confirmations\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                    Configure confirmation messages and redirects to provide feedback and next steps after a form submission.\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\/advanced-training\/advanced-training-module-4-forms\/form-confirmations\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Form Confirmations\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        Form Notifications\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                    Configure email notifications to automatically notify administrators and users when forms are submitted.\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\/advanced-training\/advanced-training-module-4-forms\/form-notifications\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Form Notifications\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        Homepage Components\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 the common components of effective homepages and how each section helps visitors find information and take action.\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\/advanced-training\/advanced-training-module-1-homepage-design\/homepage-components\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Homepage Components\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        Homepage Purpose\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 the purpose of a homepage and how to use it to introduce your site, guide visitors, and highlight important 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\/advanced-training\/advanced-training-module-1-homepage-design\/homepage-purpose\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Homepage Purpose\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        Icon 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                    Use Icon Cards to create visually engaging quick links, resource hubs, and service directories that are easy to scan and navigate.\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\/advanced-training\/advanced-training-module-3-featured-content\/icon-cards\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Icon 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        Image Grid\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 curated collections of images using flexible grid layouts that add visual impact to your 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\/advanced-training\/advanced-training-module-2-advanced-design-blocks\/image-grid\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Image Grid\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        Managing Patterns\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                    Edit, organize, and maintain your pattern library while understanding how updates affect synced and non-synced patterns.\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\/advanced-training\/advanced-training-module-6-patterns\/managing-patterns\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Managing Patterns\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        Power BI Embeds\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                    Embed interactive Power BI dashboards and reports directly into your pages to share data, metrics, and insights with visitors.\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\/advanced-training\/module-4-embed-blocks\/power-bi-embeds\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Power BI Embeds\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        Stat 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                    Highlight important statistics, achievements, and key metrics using visually engaging Stat Cards.\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\/advanced-training\/advanced-training-module-3-featured-content\/stat-cards\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Stat 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        Timeline Block\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                    Present milestones, historical events, and project timelines using a visual chronological layout.\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\/advanced-training\/advanced-training-module-2-advanced-design-blocks\/timeline-block\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Timeline Block\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        Understanding Patterns\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 the difference between synced and non-synced patterns and when to use each to improve consistency and efficiency.\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\/advanced-training\/advanced-training-module-6-patterns\/understanding-patterns\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Understanding Patterns\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        Using Patterns\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 insert, customize, and manage synced and non-synced patterns when building pages and posts.\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\/advanced-training\/advanced-training-module-6-patterns\/using-patterns\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Using Patterns\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        Video Embeds\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                    Embed videos from YouTube, Kaltura, and other supported platforms directly into your pages using the Video Embed block.\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\/advanced-training\/module-4-embed-blocks\/video-embeds\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                Video Embeds\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        View &#038; Export Entries\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                    View form submissions, review individual entries, and export responses as CSV files for reporting and analysis.\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\/advanced-training\/advanced-training-module-4-forms\/view-export-entries\/\" class=\"cu-button cu-button--red cu-button--small\">\n            View Page\n            <span class=\"sr-only\">\n                titled\n                View &#038; Export Entries\n            <\/span>\n        <\/a>\n    <\/footer>\n<\/div>\n\n                    \n        <\/div>\n        \n                \n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Master advanced cutheme features including homepage design, forms, patterns, embeds, integrations, and featured content.<\/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":[54],"class_list":["post-522","page","type-page","status-publish","hentry","cu_page_type-advanced-training"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/522","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=522"}],"version-history":[{"count":4,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/522\/revisions"}],"predecessor-version":[{"id":5412,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/522\/revisions\/5412"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=522"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}