{"id":82,"date":"2023-10-17T15:46:59","date_gmt":"2023-10-17T19:46:59","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=82"},"modified":"2024-09-18T20:31:35","modified_gmt":"2024-09-19T00:31:35","slug":"module-3-basic-building-blocks","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/","title":{"rendered":"Module 3 \u2013 Basic Building Blocks"},"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                        Module 3 \u2013 Basic Building Blocks\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>In this module, you will learn about the different blocks you can use to add content to your site.<\/p>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"learning-outcomes\" class=\"wp-block-heading\">Learning Outcomes<\/h2>\n\n\n\n<p>By the end of this module, you will:<\/p>\n\n\n\n<p>1. Be able to create a page made up of different text blocks.<\/p>\n\n\n\n<p>2. Know how to create <em>basic text <\/em>blocks and understand the options for: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>heading<\/li>\n\n\n\n<li>paragraph<\/li>\n\n\n\n<li>list<\/li>\n<\/ul>\n\n\n\n<p>3. Know how to create basic image blocks and understand options for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>image<\/li>\n\n\n\n<li>text &amp; image<\/li>\n\n\n\n<li>wide image<\/li>\n<\/ul>\n\n\n\n<p>4. Understand how to create banners for your pages<\/p>\n\n\n\n<h3 id=\"topics\" class=\"wp-block-heading\">Topics<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/module-3-blocks-overview\/\">How to Add Blocks<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-basic-building-blocks\/\">Basic Text Blocks<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-basic-building-blocks\/paragraph\/\">Paragraph<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-basic-building-blocks\/heading\/\">Heading <\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-basic-building-blocks\/list\/\">List<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/basic-image-blocks\/\">Basic Image blocks<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/basic-image-blocks\/image\/\">Image<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/basic-image-blocks\/text-image\/\">Text &amp; Image<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/basic-image-blocks\/wide-image\/\">Wide Image<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-blocks-overview\/\">Next: How to Add Blocks<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learning Outcomes By the end of this module, you will: 1. Be able to create a page made up of different text blocks. 2. Know how to create basic text blocks and understand the options for: 3. Know how to create basic image blocks and understand options for: 4. Understand how to create banners for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":72,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-82","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/82","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=82"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":4329,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/82\/revisions\/4329"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/72"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}