{"id":307,"date":"2024-03-02T19:35:04","date_gmt":"2024-03-02T19:35:04","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/cells\/?page_id=307"},"modified":"2024-09-11T13:49:15","modified_gmt":"2024-09-11T13:49:15","slug":"examples","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/","title":{"rendered":"Content Box Examples Without Left-Hand Navigation"},"content":{"rendered":"<p style=\"text-align: center;\"><a class=\"btn btn-primary btn-lg  oscitas-bootstrap-container\" target=\"_self\" href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/\">View the Content Box documentation<\/a>\n<h2>Example One<\/h2>\n<p>Below is an example of a <strong>3-column<\/strong> layout with <strong>3\/2 aspect ratio images<\/strong> and <strong>image padding<\/strong>, using the <strong>light blue background<\/strong>.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:299,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-02-28 20:21:03&quot;,&quot;post_date_gmt&quot;:&quot;2024-02-28 20:21:03&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Content \\u2013 lt. blue, 3-col with padding and image&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;open&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;repeatable-boxes-image-content-lt-gray-3-col-with-padding-and-image&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2025-02-13 19:56:23&quot;,&quot;post_modified_gmt&quot;:&quot;2025-02-13 19:56:23&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/cell\\\/repeatable-boxes-image-content-lt-gray-3-col-with-padding-and-image\\\/&quot;,&quot;menu_order&quot;:0,&quot;post_type&quot;:&quot;somcell&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;}\" cell-meta=\"{&quot;_upd_sortorder&quot;:[&quot;1&quot;],&quot;layout&quot;:[&quot;RepeatableBoxes&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{},\\&quot;repeatableBoxes\\&quot;:[{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Patient and Family Resources\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;This text is just a placeholder. You can replace it with your own content whenever you&#039;re ready. It&#039;s here to give you an idea of how the design will look with content. \\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2024\\\/03\\\/CCSP-landing-tile-PFRC-desk.jpg\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Staff member talking with a patient. \\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Adolescent and Young Adult Program\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AYA-with-Lauren-Lux-600x381-1.png\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;You&#039;ve probably noticed this text isn&#039;t saying much \\u2013 and that&#039;s because it&#039;s just here to hold space for your content. Think of it like an empty box waiting to be filled with your information.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;A counselor talking with a patient.\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/caregivers-1.jpg\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Caregivers\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;You might be wondering about the text you see here\\u2014it&#039;s just temporary filler content. You can think of it as a blank canvas waiting for your information. This placeholder text is here to help you visualize how your content will fit into the design. \\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;An artistic rendering of a heart with a mosaic style background.\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/counseling-scaled-1.jpg\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Mental Health and Emotional Support\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;You might be wondering about the text you see here\\u2014it&#039;s just temporary filler content. You can think of it as a blank canvas waiting for your information. This placeholder text is here to help you visualize how your content will fit into the design. \\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Counselor talking with a patient. \\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/ccsp-financial.jpg\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Financial and Legal Assistance\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;This text is just a placeholder. You can replace it with your own content whenever you&#039;re ready. It&#039;s here to give you an idea of how the design will look with content. \\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Two people talking to each other.\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/survivorship.jpg\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Survivorship\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;You&#039;ve probably noticed this text isn&#039;t saying much \\u2013 and that&#039;s because it&#039;s just here to hold space for your content. Think of it like an empty box waiting to be filled with your information.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Doctor chatting with a patient. \\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;textAlign\\&quot;:\\&quot;left\\&quot;,\\&quot;includeImage\\&quot;:1,\\&quot;includeImagePadding\\&quot;:1,\\&quot;imageAspectRatio\\&quot;:\\&quot;3\\\/2\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;backgroundColor\\&quot;:\\&quot;lightBlue\\&quot;,\\&quot;columnLayout\\&quot;:\\&quot;3\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;content-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<p>&nbsp;<\/p>\n<h2>Example Two<\/h2>\n<p>Below is a <strong>4-column<\/strong> layout <strong>without images or excerpt text,<\/strong> using the <strong>medium blue background<\/strong>. Because there is a mix of linking and non-linking boxes, the link icon appears in the upper right-hand corner to indicate which boxes have links.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:312,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-07 14:25:44&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-07 14:25:44&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Content &#8211; med. blue no image&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;open&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;repeatable-boxes-image-content-med-blue-no-image&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-03-15 13:54:01&quot;,&quot;post_modified_gmt&quot;:&quot;2024-03-15 13:54:01&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/cell\\\/repeatable-boxes-image-content-med-blue-no-image\\\/&quot;,&quot;menu_order&quot;:0,&quot;post_type&quot;:&quot;somcell&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;}\" cell-meta=\"{&quot;_upd_sortorder&quot;:[&quot;1&quot;],&quot;layout&quot;:[&quot;RepeatableBoxes&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{},\\&quot;repeatableBoxes\\&quot;:[{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;How to schedule an appointment.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;How to refer a patient.\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Learn more about our fellowships\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Please support our mission\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;textAlign\\&quot;:\\&quot;center\\&quot;,\\&quot;includeImage\\&quot;:0,\\&quot;includeImagePadding\\&quot;:1,\\&quot;imageAspectRatio\\&quot;:\\&quot;3\\\/2\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;backgroundColor\\&quot;:\\&quot;mediumBlue\\&quot;,\\&quot;columnLayout\\&quot;:\\&quot;4\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;content-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<p>&nbsp;<\/p>\n<h2>Example Three<\/h2>\n<p>Below is an example of the boxes we use on <a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/ughome\">Web Guide<\/a>. This is a <strong>3-column<\/strong> layout with a <strong>light gray background<\/strong> and <strong>no image<\/strong>.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:315,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-07 14:36:54&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-07 14:36:54&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Content &#8211; lt gray no image&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;open&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;repeatable-boxes-image-content-lt-gray-no-image&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-03-07 15:05:17&quot;,&quot;post_modified_gmt&quot;:&quot;2024-03-07 15:05:17&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/cell\\\/repeatable-boxes-image-content-lt-gray-no-image\\\/&quot;,&quot;menu_order&quot;:0,&quot;post_type&quot;:&quot;somcell&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;}\" cell-meta=\"{&quot;_upd_sortorder&quot;:[&quot;1&quot;],&quot;layout&quot;:[&quot;RepeatableBoxes&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{},\\&quot;repeatableBoxes\\&quot;:[{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;The Basics \\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;Request a WordPress site and learn the basics to use our web system.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Pages, News &amp; Events\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;Learn how to add and display pages, news posts and events to a site.\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Media &amp; Video\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;Learn how to add and link to media, such as images, documents and videos.\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Navigation\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;Learn how to manage your top and left-hand navigation.\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;},{\\&quot;boxExcerptText\\&quot;:\\&quot;Learn how to layout content in columns, add buttons and other styling features.\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Styling Content \\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;},{\\&quot;boxExcerptText\\&quot;:\\&quot;Learn how to restrict part of a website or the whole thing.\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Password Protecting Content\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;textAlign\\&quot;:\\&quot;center\\&quot;,\\&quot;includeImage\\&quot;:0,\\&quot;includeImagePadding\\&quot;:1,\\&quot;imageAspectRatio\\&quot;:\\&quot;3\\\/2\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;backgroundColor\\&quot;:\\&quot;lightGray\\&quot;,\\&quot;columnLayout\\&quot;:\\&quot;3\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;content-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<p>&nbsp;<\/p>\n<h2>Example Four<\/h2>\n<p>Below is an example of a <strong>3-column<\/strong> layout with <strong>1\/1 aspect ratio images without image padding<\/strong> and using the <strong>dark blue background<\/strong>. Because there is a mix of linking and non-linking boxes, the link icon appears in the upper right-hand corner to indicate which boxes have links.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:320,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-07 15:22:08&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-07 15:22:08&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Content -dark blue no excerpt&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;open&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;repeatable-boxes-image-content-dark-blue-no-excerpt&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2025-02-13 19:58:17&quot;,&quot;post_modified_gmt&quot;:&quot;2025-02-13 19:58:17&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/cell\\\/repeatable-boxes-image-content-dark-blue-no-excerpt\\\/&quot;,&quot;menu_order&quot;:0,&quot;post_type&quot;:&quot;somcell&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;}\" cell-meta=\"{&quot;_upd_sortorder&quot;:[&quot;1&quot;],&quot;layout&quot;:[&quot;RepeatableBoxes&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{},\\&quot;repeatableBoxes\\&quot;:[{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Patient Care\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_86830610.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Doctor talking with a patient.\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Education\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AO3C6889.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Two students graduating from UNC.\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Research\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_52554426.jpg\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/content-boxes\\\/examples\\\/\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Researcher working in a lab.\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;textAlign\\&quot;:\\&quot;center\\&quot;,\\&quot;includeImage\\&quot;:1,\\&quot;includeImagePadding\\&quot;:0,\\&quot;imageAspectRatio\\&quot;:\\&quot;1\\\/1\\&quot;,\\&quot;includeLink\\&quot;:1,\\&quot;backgroundColor\\&quot;:\\&quot;darkBlue\\&quot;,\\&quot;columnLayout\\&quot;:\\&quot;3\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;content-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<p>&nbsp;<\/p>\n<h2>Example Five<\/h2>\n<p>Below is an example of a <strong>3-column<\/strong> layout with <strong>1\/1 aspect ratio images without image padding<\/strong> and using the <strong>medium blue background<\/strong>. The <strong>Include Link (Global)<\/strong> was turned off and the <strong>Rich Text Editor<\/strong> was used on each box to style text and add links.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:1404,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-05-23 16:59:17&quot;,&quot;post_date_gmt&quot;:&quot;2024-05-23 16:59:17&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable &gt; Image &gt; Content &#8211; rich text editor&quot;,&quot;post_excerpt&quot;:&quot;&quot;,&quot;post_status&quot;:&quot;publish&quot;,&quot;comment_status&quot;:&quot;open&quot;,&quot;ping_status&quot;:&quot;closed&quot;,&quot;post_password&quot;:&quot;&quot;,&quot;post_name&quot;:&quot;repeatable-image-content-rich-text-editor&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2025-02-13 19:58:53&quot;,&quot;post_modified_gmt&quot;:&quot;2025-02-13 19:58:53&quot;,&quot;post_content_filtered&quot;:&quot;&quot;,&quot;post_parent&quot;:0,&quot;guid&quot;:&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/cell\\\/repeatable-image-content-rich-text-editor\\\/&quot;,&quot;menu_order&quot;:0,&quot;post_type&quot;:&quot;somcell&quot;,&quot;post_mime_type&quot;:&quot;&quot;,&quot;comment_count&quot;:&quot;0&quot;,&quot;filter&quot;:&quot;raw&quot;}\" cell-meta=\"{&quot;_upd_sortorder&quot;:[&quot;1&quot;],&quot;layout&quot;:[&quot;RepeatableBoxes&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{},\\&quot;repeatableBoxes\\&quot;:[{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Clinical\\&quot;,\\&quot;useRichTextEditor\\&quot;:\\&quot;true\\&quot;,\\&quot;boxRichText\\&quot;:\\&quot;&lt;p&gt;We are a national leader in &lt;a href=\\\\\\&quot;https:\\\/\\\/www.med.unc.edu\\\/pediatrics\\\/education\\\/\\\\\\&quot; rel=\\\\\\&quot;noopener noreferrer\\\\\\&quot; target=\\\\\\&quot;_blank\\\\\\&quot;&gt;medical education&lt;\\\/a&gt;, &lt;a href=\\\\\\&quot;https:\\\/\\\/www.med.unc.edu\\\/pediatrics\\\/research\\\/\\\\\\&quot; rel=\\\\\\&quot;noopener noreferrer\\\\\\&quot; target=\\\\\\&quot;_blank\\\\\\&quot;&gt;research&lt;\\\/a&gt;, &lt;a href=\\\\\\&quot;https:\\\/\\\/www.med.unc.edu\\\/pediatrics\\\/clinical-highlights\\\/\\\\\\&quot; rel=\\\\\\&quot;noopener noreferrer\\\\\\&quot; target=\\\\\\&quot;_blank\\\\\\&quot;&gt;clinical care&lt;\\\/a&gt;, and &lt;a href=\\\\\\&quot;https:\\\/\\\/www.med.unc.edu\\\/pediatrics\\\/equity-inclusion\\\/\\\\\\&quot; rel=\\\\\\&quot;noopener noreferrer\\\\\\&quot; target=\\\\\\&quot;_blank\\\\\\&quot;&gt;advocacy&lt;\\\/a&gt;. Our physician-scientists and clinicians offer excellent, cutting-edge care in the UNC Children\\u2019s Hospital, through telehealth, and in clinic locations across the state. Working together, &lt;strong&gt;we develop and deliver treatments and cures to help children everywhere&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_660880331-cropped.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Little boy and his Mom talking to a doctor at the hospital.\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Research\\&quot;,\\&quot;useRichTextEditor\\&quot;:\\&quot;true\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AO3C8487-sm.jpg\\&quot;,\\&quot;boxRichText\\&quot;:\\&quot;&lt;p&gt;We have a long history of progressive, national and international investigation in all types of &lt;a href=\\\\\\&quot;https:\\\/\\\/www.med.unc.edu\\\/pediatrics\\\/research-highlights\\\/\\\\\\&quot; rel=\\\\\\&quot;noopener noreferrer\\\\\\&quot; target=\\\\\\&quot;_blank\\\\\\&quot;&gt;health science research&lt;\\\/a&gt;. While investigators continue to pursue substantial bench research, we continue to expand our focus in translational and clinical research. &lt;strong&gt;Routinely, we are annually ranked in the top 25 of NIH Awards to Pediatric Departments&lt;\\\/strong&gt;.&lt;\\\/p&gt;\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Researcher working in a lab.\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Quality\\&quot;,\\&quot;useRichTextEditor\\&quot;:\\&quot;true\\&quot;,\\&quot;boxRichText\\&quot;:\\&quot;&lt;p&gt;&lt;strong&gt;We emphasize safe and high-quality patient care&lt;\\\/strong&gt; and are dedicated to improving patient safety and mitigating risks with proactive risk management strategies. In order for us all to achieve positive and long-lasting healthcare transformations, it is essential we identify gaps between actual and desired care and to develop expertise in &lt;a href=\\\\\\&quot;https:\\\/\\\/www.med.unc.edu\\\/pediatrics\\\/qualitly-highlights\\\/\\\\\\&quot; rel=\\\\\\&quot;noopener noreferrer\\\\\\&quot; target=\\\\\\&quot;_blank\\\\\\&quot;&gt;quality improvement methods&lt;\\\/a&gt;.&lt;\\\/p&gt;\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_295060910-sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Happy little boy sitting in a hospital bed.\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;textAlign\\&quot;:\\&quot;left\\&quot;,\\&quot;includeImage\\&quot;:1,\\&quot;includeImagePadding\\&quot;:0,\\&quot;imageAspectRatio\\&quot;:\\&quot;1\\\/1\\&quot;,\\&quot;includeLink\\&quot;:0,\\&quot;backgroundColor\\&quot;:\\&quot;mediumBlue\\&quot;,\\&quot;columnLayout\\&quot;:\\&quot;3\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;content-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a class=\"btn btn-primary btn-lg  oscitas-bootstrap-container\" target=\"_self\" href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/\">View the Content Box documentation<\/a>\n","protected":false},"excerpt":{"rendered":"<p>Example One Below is an example of a 3-column layout with 3\/2 aspect ratio images and image padding, using the light blue background. &nbsp; Example Two Below is a 4-column layout without images or excerpt text, using the medium blue background. Because there is a mix of linking and non-linking boxes, the link icon appears &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/\" aria-label=\"Read more about Content Box Examples Without Left-Hand Navigation\">Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":225,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-307","page","type-page","status-publish","hentry","odd"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Content Box Examples Without Left-Hand Navigation - Cells Plugin Documentation<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Content Box Examples Without Left-Hand Navigation - Cells Plugin Documentation\" \/>\n<meta property=\"og:description\" content=\"Example One Below is an example of a 3-column layout with 3\/2 aspect ratio images and image padding, using the light blue background. &nbsp; Example Two Below is a 4-column layout without images or excerpt text, using the medium blue background. Because there is a mix of linking and non-linking boxes, the link icon appears &hellip; Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Cells Plugin Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-11T13:49:15+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/\",\"name\":\"Content Box Examples Without Left-Hand Navigation - Cells Plugin Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/#website\"},\"datePublished\":\"2024-03-02T19:35:04+00:00\",\"dateModified\":\"2024-09-11T13:49:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Repeatable Boxes\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Image Boxes\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Content Boxes\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Content Box Examples Without Left-Hand Navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/#website\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/\",\"name\":\"Cells Plugin Documentation\",\"description\":\"School of Medicine IT Web Guide\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Content Box Examples Without Left-Hand Navigation - Cells Plugin Documentation","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Content Box Examples Without Left-Hand Navigation - Cells Plugin Documentation","og_description":"Example One Below is an example of a 3-column layout with 3\/2 aspect ratio images and image padding, using the light blue background. &nbsp; Example Two Below is a 4-column layout without images or excerpt text, using the medium blue background. Because there is a mix of linking and non-linking boxes, the link icon appears &hellip; Read more","og_url":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/","og_site_name":"Cells Plugin Documentation","article_modified_time":"2024-09-11T13:49:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/","url":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/","name":"Content Box Examples Without Left-Hand Navigation - Cells Plugin Documentation","isPartOf":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/#website"},"datePublished":"2024-03-02T19:35:04+00:00","dateModified":"2024-09-11T13:49:15+00:00","breadcrumb":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/"},{"@type":"ListItem","position":2,"name":"Repeatable Boxes","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/"},{"@type":"ListItem","position":3,"name":"Image Boxes","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/"},{"@type":"ListItem","position":4,"name":"Content Boxes","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/"},{"@type":"ListItem","position":5,"name":"Content Box Examples Without Left-Hand Navigation"}]},{"@type":"WebSite","@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/#website","url":"https:\/\/www.med.unc.edu\/webguide\/cells\/","name":"Cells Plugin Documentation","description":"School of Medicine IT Web Guide","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.med.unc.edu\/webguide\/cells\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/307\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/225"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/media?parent=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}