{"id":901,"date":"2024-04-19T13:38:52","date_gmt":"2024-04-19T13:38:52","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/cells\/?page_id=901"},"modified":"2024-05-11T12:30:54","modified_gmt":"2024-05-11T12:30:54","slug":"examples-without-left-hand-navigation","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/","title":{"rendered":"Hero Image Examples Without Left-Hand Navigation"},"content":{"rendered":"<h2>Example One<\/h2>\n<p>This is an example of the <strong>Medium Blue<\/strong> color option <strong>with Text Overlay <\/strong>and<strong> a Foreground Image<\/strong>. The Background Image Shape is set to <strong>landscape with a 2&#215;1 ratio<\/strong> and has a <strong>top alignment<\/strong> (displays from the top down. If any clipping occurs it will happen to the bottom of the image). The dimensions of the background image is 2,560 x 1,073 pixels.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:898,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-19 13:13:14&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-19 13:13:14&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 Med. Blue&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;single-image-hero&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-04-20 13:51:41&quot;,&quot;post_modified_gmt&quot;:&quot;2024-04-20 13:51:41&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\\\/single-image-hero\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;cellHeader\\&quot;:\\&quot;Improving Lives\\&quot;,\\&quot;cellText\\&quot;:\\&quot;UNC Hospitals in Chapel Hill, NC is a public 804 bed, tertiary care, level one trauma and burn center, serving as the primary training site. The ED cares for 65,000 patients a year and is staffed by UNC Department of Emergency Medicine faculty, which consists of more than 40 clinical and research faculty members who are dedicated to academics and education in the specialty of emergency medicine. \\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_15006553.jpg\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/unc-hospital-3000px-scaled.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;landscape\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;mediumBlue\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;2x1\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;top\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Two<\/h2>\n<p>Below is a set of three examples featuring identical content but with slight variations in settings to demonstrate nuances in display options. The dimensions of the background image is 2,000 x 1,500 pixels.<\/p>\n<h3>Top Alignment<\/h3>\n<p>In the following example, the Background Image Shape is set to <strong>landscape with a 2&#215;1 ratio<\/strong> and has a <strong>top alignment<\/strong> (displays from the top down. If any clipping occurs it will happen to the bottom of the image).<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:1229,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-05-10 22:15:02&quot;,&quot;post_date_gmt&quot;:&quot;2024-05-10 22:15:02&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 top alignment&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;single-image-hero-5&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-05-11 00:19:29&quot;,&quot;post_modified_gmt&quot;:&quot;2024-05-11 00:19: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\\\/single-image-hero-5\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;cellHeader\\&quot;:\\&quot;Our Research\\&quot;,\\&quot;cellText\\&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.\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/research-microscope-Yeh-Lab-sm.jpg\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/shutterstock_2008765_2000px.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;landscape\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;white\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;2x1\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;top\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<h3>Bottom Alignment<\/h3>\n<p>This example is the same as the one above, a <strong>landscape with a 2&#215;1 ratio<\/strong>\u00a0except the background image is set to <strong>bottom alignment<\/strong> ( the image displays from the bottom up. If any clipping occurs it will happen to the top of the image).<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:921,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-20 13:36:04&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-20 13:36:04&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 bottom alignment&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;single-image-hero-4&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-05-11 00:20:04&quot;,&quot;post_modified_gmt&quot;:&quot;2024-05-11 00:20:04&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\\\/single-image-hero-4\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;cellHeader\\&quot;:\\&quot;Our Research\\&quot;,\\&quot;cellText\\&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.\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/research-microscope-Yeh-Lab-sm.jpg\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/shutterstock_2008765_2000px.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;landscape\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;white\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;bottom\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;2x1\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<h3>Maintains Original Shape<\/h3>\n<p>This example is the same as the two above except that the Background Image Shape is set to <strong>Original<\/strong>. This will display the full image.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:1232,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-05-10 22:28:23&quot;,&quot;post_date_gmt&quot;:&quot;2024-05-10 22:28:23&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 original&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;single-image-hero-6&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-05-11 00:18:47&quot;,&quot;post_modified_gmt&quot;:&quot;2024-05-11 00:18: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\\\/single-image-hero-6\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;cellHeader\\&quot;:\\&quot;Our Research\\&quot;,\\&quot;cellText\\&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.\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/research-microscope-Yeh-Lab-sm.jpg\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/shutterstock_2008765_2000px.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;original\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;white\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<p>&nbsp;<\/p>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Three<\/h2>\n<p>This is an example of the <strong>Light Blue<\/strong> color option <strong>with Text Overlay <\/strong>and a<strong>\u00a0Foreground Image<\/strong>. The Background Image Shape is set to <strong>landscape with a 16&#215;9 ratio<\/strong> and has a <strong>top alignment<\/strong> (displays from the top down. If any clipping occurs it will happen to the bottom of the image). The dimensions of the background image is 2,560 x 1,053 pixels. The dimensions of the School of Medicine logo is 600 x 600 pixels.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:913,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-20 13:05:07&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-20 13:05:07&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 landscape 16&#215;9&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;single-image-hero-2&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-04-22 09:59:04&quot;,&quot;post_modified_gmt&quot;:&quot;2024-04-22 09:59:04&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\\\/single-image-hero-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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;cellHeader\\&quot;:\\&quot;Welcome\\&quot;,\\&quot;cellText\\&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. \\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/SOM-Aerial-01-scaled.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;landscape\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;16x9\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;top\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;lightBlue\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/som-logo.gif\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Four<\/h2>\n<p>This is an example of the <strong>Dark Blue<\/strong> color option <strong>with Text Overlay <\/strong>and<strong> no Foreground Image<\/strong>. The Background Image Shape is set to <strong>landscape with a 16&#215;9 ratio<\/strong> and has a <strong>top alignment<\/strong> (displays from the top down. If any clipping occurs it will happen to the bottom of the image). The dimensions of the background image is 2,000 x 775 pixels.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:917,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-20 13:18:48&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-20 13:18:48&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013&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;single-image-hero-3&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-08-27 19:42:02&quot;,&quot;post_modified_gmt&quot;:&quot;2024-08-27 19:42:02&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\\\/single-image-hero-3\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:0,\\&quot;cellHeader\\&quot;:\\&quot;Our Commitment\\&quot;,\\&quot;cellText\\&quot;:\\&quot;We are committed to delivering outstanding clinical care, scientific discovery, training the next generation of investigators and clinicians, and informing policy in women\\u2019s reproductive mood disorders. This last objective demands continued advocacy for the health and well-being of women of all backgrounds, which has often been neglected.\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/spring_at_UNC_Med_Center_scaled-1-e1600970515846.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;landscape\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;darkBlue\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;16x9\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;top\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Five<\/h2>\n<p>This is an example of the <strong>Light Blue<\/strong> color option <strong>with Text Overlay <\/strong>and<strong> no Foreground Image<\/strong>. The Background Image Shape is set to <strong>landscape with a 21&#215;9 ratio<\/strong> and has a <strong>middle alignment<\/strong>. The dimensions of the background image is 2,000 x 1,363 pixels.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:937,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-22 09:27:14&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-22 09:27:14&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 landscape 21&#215;9&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;single-image-hero-landscape-21x9&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-04-22 09:32:22&quot;,&quot;post_modified_gmt&quot;:&quot;2024-04-22 09:32:22&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\\\/single-image-hero-landscape-21x9\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:0,\\&quot;backgroundImageShape\\&quot;:\\&quot;landscape\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;21x9\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;center\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;lightBlue\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/oldwellspring-front-scaled-2.jpg\\&quot;,\\&quot;cellHeader\\&quot;:\\&quot;Improving Lives\\&quot;,\\&quot;cellText\\&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;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Six<\/h2>\n<p>This is an example of the <strong>Light Blue<\/strong> color option <strong>with Text Overlay <\/strong>and a<strong>\u00a0Foreground Image<\/strong>. The background image is set to <strong>landscape with a 3&#215;2 ratio<\/strong> and has a <strong>bottom alignment <\/strong>(displays from the bottom up. If any clipping occurs it will happen to the top of the image). The dimensions of the background image is 1,506 x 701 pixels.<\/p>\n<div class=\"row  oscitas-bootstrap-container\">\n<div class=\"col-lg-10 col-md-10 col-xs-9 col-sm-9 oscitas-bootstrap-container\">\n<p><strong>Foreground Image:<\/strong>\u00a0 this is the image of the Old Well used as the Foreground Image. Notice that there is some space around the old well to prevent it from being clipped when displayed within the circle. This image is 600 x 600 pixels.<\/p>\n<\/div>\n<div class=\"col-lg-2 col-md-2 col-xs-3 col-sm-3 oscitas-bootstrap-container\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-943 aligncenter\" src=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well-150x150.gif\" alt=\"\" width=\"100\" height=\"100\" srcset=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well-150x150.gif 150w, https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well-300x300.gif 300w\" sizes=\"auto, (max-width: 100px) 100vw, 100px\" \/><\/p>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:941,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-22 09:48:02&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-22 09:48:02&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 serving NC&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;single-image-hero-serving-nc&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-04-22 09:55:01&quot;,&quot;post_modified_gmt&quot;:&quot;2024-04-22 09:55: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\\\/single-image-hero-serving-nc\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;backgroundImageShape\\&quot;:\\&quot;landscape\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;3x2\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;bottom\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;lightBlue\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/nc-blue-ridge.jpeg\\&quot;,\\&quot;cellText\\&quot;:\\&quot;Our goal is to be the nation\\u2019s leading public school of medicine,\\\\na promise that we make to our students and to the people of North Carolina.\\&quot;,\\&quot;cellHeader\\&quot;:\\&quot;Serving North Carolina\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/unc-old-well.gif\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Seven<\/h2>\n<p>This is an example of the <strong>Medium Blue<\/strong> color option <strong>with Text Overlay and a Foreground Image<\/strong>. The Background Image Shape is set to <strong>square<\/strong>. The dimensions of the background image is 1,600 x 1,067 pixels. The smaller, circular image is 400 x 300 pixels.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:909,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-20 12:42:11&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-20 12:42:11&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013research&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;single-image-hero-dark-blue&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-05-11 00:30:53&quot;,&quot;post_modified_gmt&quot;:&quot;2024-05-11 00:30: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\\\/single-image-hero-dark-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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;cellHeader\\&quot;:\\&quot;Our Research\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_52554426-1600px.jpg\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/shutterstock_2008765.jpg\\&quot;,\\&quot;cellText\\&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. \\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;square\\&quot;,\\&quot;backgroundImageRatio\\&quot;:\\&quot;16x9\\&quot;,\\&quot;backgroundImageAlignment\\&quot;:\\&quot;top\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;mediumBlue\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Eight<\/h2>\n<p>This is an example of the <strong>Dark Blue<\/strong> color option <strong>with Text Overlay and a Foreground Image<\/strong>. The Background Image Shape is set to <strong>circle<\/strong>. The dimensions of the background image is 2,500 x 1,667 pixels.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:934,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-22 09:19:03&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-22 09:19:03&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 circle&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;single-image-hero-circle&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-05-11 00:24:29&quot;,&quot;post_modified_gmt&quot;:&quot;2024-05-11 00:24: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\\\/single-image-hero-circle\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/AdobeStock_422783731.jpg\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2024\\\/05\\\/AdobeStock_487746497-2500px.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;circle\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;darkBlue\\&quot;,\\&quot;cellHeader\\&quot;:\\&quot;The University of North Carolina TEACCH\\u00ae Autism Program\\&quot;,\\&quot;cellText\\&quot;:\\&quot;A University-based system of community regional centers that offers a set of core services along with unique demonstration programs meeting the clinical, training, and research needs of autistic individuals, their families, and professionals across the state of North Carolina. TEACCH\\u00ae Autism Program, founded by Dr. Eric Schopler in 1972, is a model for other programs around the world.\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Nine<\/h2>\n<p>This is an example of the <strong>White<\/strong> color option <strong>with Text Overlay <\/strong>and<strong> no Foreground Image<\/strong>. The Background Image Shape is set to <strong>portrait<\/strong>. The dimensions of the background image is 1,024 x 1,024 pixels.<\/p>\n<som-cell cell-info=\"{&quot;ID&quot;:929,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-20 14:00:48&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-20 14:00:48&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 Wesley Burks&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;single-image-hero-wesley-burks&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-04-20 14:04:03&quot;,&quot;post_modified_gmt&quot;:&quot;2024-04-20 14:04:03&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\\\/single-image-hero-wesley-burks\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:0,\\&quot;cellHeader\\&quot;:\\&quot;Wesley Burks, MD\\&quot;,\\&quot;cellText\\&quot;:\\&quot;Many of us now have the privilege to be mentors to others. These emerging leaders, many of whom stepped into new roles and advanced leadership responsibilities during the pandemic, are the future of our organization. In the midst of a national and local labor crisis, our future success hinges on cultivating these leaders and equipping them with the tools to succeed.\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/wesley-burks-md.jpeg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;portrait\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;white\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<hr  style=\"margin:50px 0\"class=\" rule-thin osc-rule\" \/>\n<h2>Example Ten<\/h2>\n<div class=\"row  oscitas-bootstrap-container\">\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n<som-cell cell-info=\"{&quot;ID&quot;:929,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-20 14:00:48&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-20 14:00:48&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 Wesley Burks&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;single-image-hero-wesley-burks&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-04-20 14:04:03&quot;,&quot;post_modified_gmt&quot;:&quot;2024-04-20 14:04:03&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\\\/single-image-hero-wesley-burks\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:0,\\&quot;cellHeader\\&quot;:\\&quot;Wesley Burks, MD\\&quot;,\\&quot;cellText\\&quot;:\\&quot;Many of us now have the privilege to be mentors to others. These emerging leaders, many of whom stepped into new roles and advanced leadership responsibilities during the pandemic, are the future of our organization. In the midst of a national and local labor crisis, our future success hinges on cultivating these leaders and equipping them with the tools to succeed.\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/wesley-burks-md.jpeg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;portrait\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;white\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<\/div>\n<div class=\"col-lg-6 col-md-6 col-xs-12 col-sm-6 oscitas-bootstrap-container\">\n<som-cell cell-info=\"{&quot;ID&quot;:930,&quot;post_author&quot;:&quot;3206&quot;,&quot;post_date&quot;:&quot;2024-04-20 14:02:21&quot;,&quot;post_date_gmt&quot;:&quot;2024-04-20 14:02:21&quot;,&quot;post_content&quot;:&quot;&quot;,&quot;post_title&quot;:&quot;Single \\u2013 Image \\u2013 Hero \\u2013 Cristen Page, MD, MPH&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;single-image-hero-cristen-page-md-mph&quot;,&quot;to_ping&quot;:&quot;&quot;,&quot;pinged&quot;:&quot;&quot;,&quot;post_modified&quot;:&quot;2024-06-03 13:10:30&quot;,&quot;post_modified_gmt&quot;:&quot;2024-06-03 13:10: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\\\/single-image-hero-cristen-page-md-mph\\\/&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;SingleCellBlocks&quot;],&quot;cellInformation&quot;:[&quot;{\\&quot;singleCellBlocks\\&quot;:{\\&quot;imagePercent\\&quot;:50,\\&quot;imageMinHeight\\&quot;:350,\\&quot;textOverlay\\&quot;:1,\\&quot;foregroundImage\\&quot;:1,\\&quot;cellHeader\\&quot;:\\&quot;Training &amp; Education\\&quot;,\\&quot;cellText\\&quot;:\\&quot;Cancer Research Training &amp; Education Coordination: UNC Lineberger Comprehensive Cancer Center is committed to recruiting, training and retaining the next generation of cancer researchers and care providers.\\&quot;,\\&quot;blockBackgroundImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/844A9164-Edit-2048x1306-1.jpg\\&quot;,\\&quot;backgroundImageShape\\&quot;:\\&quot;original\\&quot;,\\&quot;backgroundColor\\&quot;:\\&quot;mediumBlue\\&quot;,\\&quot;blockImage\\&quot;:\\&quot;https:\\\/\\\/www.med.unc.edu\\\/webguide\\\/cells\\\/wp-content\\\/uploads\\\/sites\\\/1388\\\/2023\\\/09\\\/844A5184-600x600-1.jpg\\&quot;},\\&quot;repeatableBoxes\\&quot;:[],\\&quot;blockType\\&quot;:\\&quot;imageBlocks\\&quot;,\\&quot;blockStyle\\&quot;:\\&quot;heroImage\\&quot;}&quot;],&quot;apiCallInformation&quot;:[&quot;{}&quot;]}\"><\/som-cell>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Example One This is an example of the Medium Blue color option with Text Overlay and a Foreground Image. The Background Image Shape is set to landscape with a 2&#215;1 ratio and has a top alignment (displays from the top down. If any clipping occurs it will happen to the bottom of the image). The &hellip; <a href=\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/\" aria-label=\"Read more about Hero Image Examples Without Left-Hand Navigation\">Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":244,"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-901","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>Hero Image 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=\"Hero Image Examples Without Left-Hand Navigation - Cells Plugin Documentation\" \/>\n<meta property=\"og:description\" content=\"Example One This is an example of the Medium Blue color option with Text Overlay and a Foreground Image. The Background Image Shape is set to landscape with a 2&#215;1 ratio and has a top alignment (displays from the top down. If any clipping occurs it will happen to the bottom of the image). The &hellip; Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"Cells Plugin Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-11T12:30:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well-150x150.gif\" \/>\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=\"4 minutes\" \/>\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\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/\",\"name\":\"Hero Image Examples Without Left-Hand Navigation - Cells Plugin Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well-150x150.gif\",\"datePublished\":\"2024-04-19T13:38:52+00:00\",\"dateModified\":\"2024-05-11T12:30:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#primaryimage\",\"url\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well.gif\",\"contentUrl\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well.gif\",\"width\":600,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Single Cell Blocks\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Image Blocks\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Hero Image\",\"item\":\"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Hero Image 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":"Hero Image 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":"Hero Image Examples Without Left-Hand Navigation - Cells Plugin Documentation","og_description":"Example One This is an example of the Medium Blue color option with Text Overlay and a Foreground Image. The Background Image Shape is set to landscape with a 2&#215;1 ratio and has a top alignment (displays from the top down. If any clipping occurs it will happen to the bottom of the image). The &hellip; Read more","og_url":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/","og_site_name":"Cells Plugin Documentation","article_modified_time":"2024-05-11T12:30:54+00:00","og_image":[{"url":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well-150x150.gif","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/","url":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/","name":"Hero Image Examples Without Left-Hand Navigation - Cells Plugin Documentation","isPartOf":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#primaryimage"},"image":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well-150x150.gif","datePublished":"2024-04-19T13:38:52+00:00","dateModified":"2024-05-11T12:30:54+00:00","breadcrumb":{"@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#primaryimage","url":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well.gif","contentUrl":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-content\/uploads\/sites\/1388\/2023\/09\/unc-old-well.gif","width":600,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/examples-without-left-hand-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/"},{"@type":"ListItem","position":2,"name":"Single Cell Blocks","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/"},{"@type":"ListItem","position":3,"name":"Image Blocks","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/"},{"@type":"ListItem","position":4,"name":"Hero Image","item":"https:\/\/www.med.unc.edu\/webguide\/cells\/single-cell-blocks\/image-blocks\/hero-image\/"},{"@type":"ListItem","position":5,"name":"Hero Image 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\/901","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=901"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/901\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/244"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/media?parent=901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}