{"id":355,"date":"2024-03-13T13:39:25","date_gmt":"2024-03-13T13:39:25","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/cells\/?page_id=355"},"modified":"2024-06-03T23:41:07","modified_gmt":"2024-06-03T23:41:07","slug":"examples","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/","title":{"rendered":"Ribbon 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\/ribbon-boxes\/\">View the Ribbon Box documentation<\/a>\n<p>&nbsp;<\/p>\n<h2>Example One<\/h2>\n<p>Below is an example of a <strong>dark blue background<\/strong> with <strong>extra large images<\/strong>. All boxes link out.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:369,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-13 19:22:27&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-13 19:22:27&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Ribbon \\u2013 dk blue, med images&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-ribbon-dk-blue&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-03-14 13:42:47&quot;,&quot;post_modified_gmt&quot;:&quot;2024-03-14 13:42:47&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-ribbon-dk-blue\\\/&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;Improving the Lives of Children with Cystic Fibrosis\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;Almost 1,000 North Carolinians have been diagnosed with this life-threatening condition. Researchers in pediatric pulmonology at UNC Children\\u2019s are playing important roles in studying the condition and treatments for patients.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/pediatrics\\\/2023\\\/07\\\/improving-the-lives-of-children-with-cystic-fibrosis\\\/\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/child-w-nebulizer.png\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Child with nebulizer\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Changes in Hospital Care in the U.S. Have Important Implications\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;The number of children\\u2019s hospitals in the U.S. has decreased over the last decade. Research from the UNC School of Medicine shows that children\\u2019s hospital care is now concentrated in fewer locations, which has important implications for hospital planning and readiness.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/news.unchealthcare.org\\\/2023\\\/10\\\/hospital-care-for-children-has-shifted-from-general-hospitals-to-childrens-hospitals-over-last-20-years\\\/\\&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;Young Asian boy in a hospital. \\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;How Protein Therapy Could Help Toddlers Allergic to Peanuts\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;A UNC School of Medicine clinical study showed that Peanut Sublingual Immunotherapy is safe and effective in children from 1 to 4 years old. Peanut allergy remission was possible after three months of stopping treatment.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/news.unchealthcare.org\\\/2023\\\/10\\\/for-toddlers-allergic-to-peanuts-a-tiny-bit-of-protein-therapy-under-the-tongue-could-be-the-best-approach\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/peanut-sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Child holding a peanut.\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;includeUnderline\\&quot;:1,\\&quot;includeImage\\&quot;:1,\\&quot;includeLink\\&quot;:1,\\&quot;primaryHeading\\&quot;:\\&quot;Our Research\\&quot;,\\&quot;primaryText\\&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. So just disregard this text as you will use your own content that better represents your message and brand.\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;darkBlue\\&quot;,\\&quot;imageSize\\&quot;:\\&quot;xLarge\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;ribbon-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:40px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Two<\/h2>\n<p>Below is an example of a <strong>medium blue background<\/strong> with <strong>large images<\/strong> and <strong>no underline<\/strong> under the Cell title. None of the boxes link out.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:354,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-13 13:31:54&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-13 13:31:54&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Ribbon \\u2013 med blue, lg images&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-ribbon&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-06-03 23:37:30&quot;,&quot;post_modified_gmt&quot;:&quot;2024-06-03 23:37:30&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-ribbon\\\/&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;Acute Care and Trauma\\&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. So just disregard this text as you will use your own content that better represents your message and brand.\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_292569538_sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;A nurse adjusting equipment in a surgical room.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/ribbon-boxes\\\/examples\\\/\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Burn Center\\&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. So when you&#039;re ready, go ahead and replace it with your own text. Whether it&#039;s your company&#039;s mission statement, services, or anything else, this space is yours to personalize. \\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/BurnSurgery-sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;A burn patient and their spouse.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/ribbon-boxes\\\/examples\\\/\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxText\\&quot;:\\&quot;Pediatric Surgery\\&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. So when you&#039;re ready to personalize this design, simply replace this placeholder text with your own thoughts, ideas, or information. Consider it a blank canvas, eagerly awaiting your creativity. \\&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 in a hospital, talking to a doctor.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/repeatable-boxes\\\/image-boxes\\\/ribbon-boxes\\\/examples\\\/\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;includeUnderline\\&quot;:0,\\&quot;includeImage\\&quot;:1,\\&quot;includeLink\\&quot;:0,\\&quot;backgroundColor\\&quot;:\\&quot;mediumBlue\\&quot;,\\&quot;primaryHeading\\&quot;:\\&quot;Surgical Specialties\\&quot;,\\&quot;primaryText\\&quot;:\\&quot;This text is just a placeholder. You can replace it with your own content. It&#039;s here to give you an idea of how the design will look with content. So just disregard this text as you will use your own content that better represents your message and brand.\\&quot;,\\&quot;imageSize\\&quot;:\\&quot;large\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;ribbon-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:40px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Three<\/h2>\n<p>Below is an example of a <strong>light blue background<\/strong> with <strong>medium images <\/strong>and <strong>no underline<\/strong> under the Cell title. 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;:375,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-14 13:40:17&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-14 13:40:17&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Ribbon \\u2013 lt blue, med images&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-ribbon-lt-gray-med-images&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-06-03 23:36:08&quot;,&quot;post_modified_gmt&quot;:&quot;2024-06-03 23:36:08&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-ribbon-lt-gray-med-images\\\/&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 Laboratory Science\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_52554426.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Researcher in a lab setting.\\&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. So just disregard this text as you will use your own content that better represents your message and brand.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/healthsciences\\\/clinical\\\/\\&quot;},{\\&quot;includeLink\\&quot;:0,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_247998574-sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Two people talking during a counseling session.\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Clinical Rehabilitation and Mental Health Counseling \\&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. So just disregard this text as you will use your own content that better represents your message and brand.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/healthsciences\\\/crmh\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_281999165-sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Physical therapist working with a patient.\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Physical Therapy\\&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. So just disregard this text as you will use your own content that better represents your message and brand.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/healthsciences\\\/physical\\\/\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;includeUnderline\\&quot;:0,\\&quot;includeImage\\&quot;:1,\\&quot;includeLink\\&quot;:1,\\&quot;primaryHeading\\&quot;:\\&quot;Our Divisions\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;lightBlue\\&quot;,\\&quot;imageSize\\&quot;:\\&quot;medium\\&quot;,\\&quot;primaryText\\&quot;:\\&quot;\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;ribbon-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:40px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Four<\/h2>\n<p>Below is an example of a <strong>light gray background<\/strong> with <strong>small images<\/strong>. All boxes link out.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:382,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-14 14:06:10&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-14 14:06:10&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Ribbon &#8211; lt gray, sm images&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-ribbon-lt-gray-sm-images&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-03-14 15:22:29&quot;,&quot;post_modified_gmt&quot;:&quot;2024-03-14 15:22:29&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-ribbon-lt-gray-sm-images\\\/&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;Center of Excellence for Eating Disorders\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;Caring for our patients with personalized treatment and scientific expertise.\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;http:\\\/\\\/www.med.unc.edu\\\/psych\\\/eatingdisorders\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_53663656sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;A basket full of fruits and vegetables.\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_422783731.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;TEACCH Autism Program.\\&quot;,\\&quot;boxText\\&quot;:\\&quot;TEACCH Autism Program\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;Creating, cultivating, and developing community-based services to enhance the quality of life for individuals with Autism Spectrum Disorder\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;http:\\\/\\\/teacch.com\\&quot;},{\\&quot;includeLink\\&quot;:1,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_487746497-sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Therapist working with a child, links to the Carolina Institute for Developmental Disabilities.\\&quot;,\\&quot;boxText\\&quot;:\\&quot;Carolina Institute for Developmental Disabilities\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;A comprehensive program for services, research, and training for individuals with developmental disabilities and their families\\&quot;,\\&quot;boxUrl\\&quot;:\\&quot;http:\\\/\\\/cidd.unc.edu\\\/\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;includeUnderline\\&quot;:1,\\&quot;includeImage\\&quot;:1,\\&quot;includeLink\\&quot;:1,\\&quot;primaryHeading\\&quot;:\\&quot;Centers and Programs\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;lightGray\\&quot;,\\&quot;imageSize\\&quot;:\\&quot;small\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;ribbon-boxes\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:40px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Five<\/h2>\n<p>Below is an example of a <strong>dark blue background<\/strong> with <strong>medium images<\/strong> and <strong>no Primary Heading or Primary Text<\/strong>. None of the boxes link out.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:401,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-03-14 15:31:15&quot;,&quot;post_date_gmt&quot;:&quot;2024-03-14 15:31:15&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Repeatable Boxes &gt; Image &gt; Ribbon \\u2013 no heading or text&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-ribbon-2&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-03-15 12:52:46&quot;,&quot;post_modified_gmt&quot;:&quot;2024-03-15 12:52:46&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-ribbon-2\\\/&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;Leading\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;We make a difference by improving lives every day and training the next generation of health care leaders. Our research is changing the world. We provide innovative care by leading the way. This text is just a placeholder. You will replace it with your own content. It&#039;s here to give you an idea of how the design will look with content. So just disregard this text as you will use your own content.\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AO3C8487-sm.jpg\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Teaching\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;This text is just a placeholder. You will replace it with your own content. It&#039;s here to give you an idea of how the design will look with content. So just disregard this text as you will use your own content that better represents your message and brand. So when you&#039;re ready, go ahead and replace it with your own text. Whether it&#039;s your company&#039;s mission statement, services, or anything else, this space is yours to personalize.\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/IMG_4827-sm.jpg\\&quot;},{\\&quot;boxText\\&quot;:\\&quot;Caring\\&quot;,\\&quot;boxImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/1EEC4345sm.jpg\\&quot;,\\&quot;boxImageAltText\\&quot;:\\&quot;Preemie baby and mother being looked after by a caring UNC doctor.\\&quot;,\\&quot;boxExcerptText\\&quot;:\\&quot;This text is just a placeholder. You will replace it with your own content. It&#039;s here to give you an idea of how the design will look with content. So just disregard this text as you will use your own content that better represents your message and brand. So when you&#039;re ready, go ahead and replace it with your own text. Whether it&#039;s your company&#039;s mission statement, services, or anything else, this space is yours to personalize.\\&quot;}],\\&quot;boxCustomStyles\\&quot;:{\\&quot;includeUnderline\\&quot;:0,\\&quot;includeImage\\&quot;:1,\\&quot;includeLink\\&quot;:0,\\&quot;backgroundColor\\&quot;:\\&quot;darkBlue\\&quot;,\\&quot;imageSize\\&quot;:\\&quot;medium\\&quot;},\\&quot;boxType\\&quot;:\\&quot;imageBoxes\\&quot;,\\&quot;boxStyleOption\\&quot;:\\&quot;ribbon-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\/ribbon-boxes\/\">View the Ribbon Box documentation<\/a>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Example One Below is an example of a dark blue background with extra large images. All boxes link out. Example Two Below is an example of a medium blue background with large images and no underline under the Cell title. None of the boxes link out. Example Three Below is an example of a &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/\" aria-label=\"Read more about Ribbon Box Examples Without Left-Hand Navigation\">Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":227,"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-355","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>Ribbon 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=\"Ribbon Box Examples Without Left-Hand Navigation - Cells Plugin Documentation\" \/>\n<meta property=\"og:description\" content=\"&nbsp; Example One Below is an example of a dark blue background with extra large images. All boxes link out. Example Two Below is an example of a medium blue background with large images and no underline under the Cell title. None of the boxes link out. Example Three Below is an example of a &hellip; Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Cells Plugin Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-03T23:41:07+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\/ribbon-boxes\/examples\/\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/\",\"name\":\"Ribbon Box Examples Without Left-Hand Navigation - Cells Plugin Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/#website\"},\"datePublished\":\"2024-03-13T13:39:25+00:00\",\"dateModified\":\"2024-06-03T23:41:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-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\":\"Ribbon Boxes\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Ribbon 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":"Ribbon 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":"Ribbon Box Examples Without Left-Hand Navigation - Cells Plugin Documentation","og_description":"&nbsp; Example One Below is an example of a dark blue background with extra large images. All boxes link out. Example Two Below is an example of a medium blue background with large images and no underline under the Cell title. None of the boxes link out. Example Three Below is an example of a &hellip; Read more","og_url":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/","og_site_name":"Cells Plugin Documentation","article_modified_time":"2024-06-03T23:41:07+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\/ribbon-boxes\/examples\/","url":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/","name":"Ribbon Box Examples Without Left-Hand Navigation - Cells Plugin Documentation","isPartOf":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/#website"},"datePublished":"2024-03-13T13:39:25+00:00","dateModified":"2024-06-03T23:41:07+00:00","breadcrumb":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-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":"Ribbon Boxes","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/ribbon-boxes\/"},{"@type":"ListItem","position":5,"name":"Ribbon 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\/355","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=355"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/355\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/227"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/media?parent=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}