{"id":640,"date":"2019-11-06T20:59:11","date_gmt":"2019-11-06T20:59:11","guid":{"rendered":"https:\/\/wp.uthscsa.edu\/demo\/?page_id=640"},"modified":"2020-08-14T18:19:02","modified_gmt":"2020-08-14T18:19:02","slug":"design-elements","status":"publish","type":"page","link":"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/","title":{"rendered":"UT Health Design Elements"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row el_class=&#8221;far&#8221; el_id=&#8221;top&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text]<\/p>\n<h2>Single Image Element &amp; Text Block<\/h2>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text]<\/p>\n<h2>Single Image Element &amp; Text Block<\/h2>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"panel outline\"><nav aria-label=\"Subnav Example sub-navigation\" class=\"collapsible subnav\"><h2 class=\"close\">Subnav Example<\/h2><ul id=\"menu-subnav-example\" class=\"subnav leaf\" data-accordion-menu><li id=\"menu-item-740\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-740\"><a href=\"#\">Image Grouping Block Types<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-741\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-741\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#panel\">Panels<\/a><\/li>\n\t<li id=\"menu-item-742\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-742\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#cards\">Cards<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-743\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-743\"><a href=\"#\">Full Row Designs<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-744\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-744\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#background-image\">Background Image Rows<\/a><\/li>\n\t<li id=\"menu-item-745\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-745\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#image-split\">Image Split Rows<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-750\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-750\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#step-banner\">Step Lists<\/a><\/li>\n<li id=\"menu-item-758\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-758\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#step-banner\">Child Page Banner<\/a><\/li>\n<li id=\"menu-item-747\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-747\"><a href=\"#\">Link Options<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-748\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-748\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#clickable-panels\">Clickable Link Panel<\/a><\/li>\n\t<li id=\"menu-item-749\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-749\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#clickable-panels\">Clickable Panel Link (Extended)<\/a><\/li>\n\t<li id=\"menu-item-751\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-751\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#multilink\">Multi Link Panels<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-777\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-777\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#video-embed\">Video Embed<\/a><\/li>\n<li id=\"menu-item-781\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-781\"><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#icons\">Icons<\/a><\/li>\n<\/ul><\/nav><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bleed roomy&#8221; el_id=&#8221;panel&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Panel<\/h2>\n<p>This is an example of the Panel element using the design option called: Panel (White).[\/vc_column_text][vc_row_inner el_class=&#8221;match-panel-grid&#8221;][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel colorized white   match-panels\" >\n                <div class=\"text-center\"><img src=https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/sea-2361247_640-450x300.jpg><\/div>\n                <div><p><\/p>\n<h3><a href=\"#\">Panel (White) &#8211; Design Option<\/a><\/h3>\n<p>This panel uses a featured image and has a full text editor for rich content. This panel is using the Panel White Design option<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel colorized white   match-panels\" >\n                <div class=\"text-center\"><img src=https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg><\/div>\n                <div><p>This panel uses a featured image and has a full text editor for rich content. This panel is using the Panel White Design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel colorized white   match-panels\" >\n                <div class=\"text-center\"><img src=https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/sea-2361247_640-450x300.jpg><\/div>\n                <div><p><\/p>\n<h3>Panel (White) &#8211; Design Option<\/h3>\n<p>This panel uses a featured image and has a full text editor for rich content. This panel is using the Panel White Design option<\/p>\n<p><a class=\"carat-double\" href=\"#\">More content<\/a><\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel colorized white   match-panels\" >\n                <div class=\"text-center\"><div class=\"circle colorized colorized-theme close2x mid-icon\"><span><i class=\"icon-uth-shield\"><\/i><\/span><\/div><\/div>\n                <div><p><\/p>\n<h2>Panel White Example<\/h2>\n<p>This is panel with the Panel (White) design option selected. This panel can have a featured image or an icon.<\/p><\/div>\n            <\/div>[\/vc_column_inner][\/vc_row_inner][vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;roomy&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Panel (Basic)<\/h2>\n<p>This is the default panel in WordPress and has various design options that includes border, border position, color selections and featured icons or images.[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel   match-panels\" >\n                \n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel  single-border single-border-top colorized-border border-colorized-theme match-panels\" >\n                \n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel  single-border single-border-left colorized-border border-colorized-theme match-panels\" >\n                \n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel  single-border single-border-right colorized-border border-colorized-theme match-panels\" >\n                \n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel  single-border single-border-bottom colorized-border border-colorized-theme match-panels\" >\n                \n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel  single-border single-border-top colorized-border border-green match-panels\" >\n                <div class=\"text-center\"><div class=\"circle colorized colorized-green close2x mid-icon\"><span><i class=\"icon-uth-shield\"><\/i><\/span><\/div><\/div>\n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel  single-border single-border-top colorized-border border-purple match-panels\" >\n                <div class=\"text-center\"><div class=\"circle colorized colorized-purple close2x mid-icon\"><span><i class=\"icon-uth-shield\"><\/i><\/span><\/div><\/div>\n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel   match-panels\" >\n                <div class=\"text-center\"><img src=https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg><\/div>\n                <div><p>This is an example of the panel block type using the default Panel (Basic) design option.<\/p><\/div>\n            <\/div>[\/vc_column_inner][\/vc_row_inner][vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bleed colorized colorized-theme roomy&#8221; el_id=&#8221;cards&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Cards (Single)<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"card colorized white match\" >\n                    <div>\n                        <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-450x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-768x511.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-800x532.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-640x426.jpg 640w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1024x681.jpg 1024w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1200x799.jpg 1200w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1920x1278.jpg 1920w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>\n                    <\/div>\n                    <div class=\"card-section\">\n                    <h3><a href=\"#\" title=\"UT Health Design Elements\" rel=\"\">White Design of Card (Single)<\/a><\/h3>\n                        <p>Card (single) has two different designs available. Option 1 is the white card design seen here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum porttitor purus, sed consequat lectus aliquet ac. Cras sit amet sem nibh.<\/p>\n                    <\/div>\n                <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"card colorized white match\" >\n                    <div>\n                        <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-450x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-768x511.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-800x532.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-640x426.jpg 640w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-1024x681.jpg 1024w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-1200x799.jpg 1200w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare3-1920x1278.jpg 1920w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>\n                    <\/div>\n                    <div class=\"card-section\">\n                    <h3><a href=\"#\" title=\"UT Health Design Elements\" rel=\"\">White Design of Card (Single)<\/a><\/h3>\n                        <p>Card (single) has two different designs available. Option 1 is the white card design seen here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum porttitor purus, sed consequat lectus aliquet ac. Cras sit amet sem nibh.<\/p>\n                    <\/div>\n                <\/div>[vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"card colorized white match\" >\n                    <div>\n                        <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/jellyfish-690472_640-450x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/jellyfish-690472_640-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/jellyfish-690472_640-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/jellyfish-690472_640.jpg 640w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>\n                    <\/div>\n                    <div class=\"card-section\">\n                    <h3><a href=\"#\" title=\"UT Health Design Elements\" rel=\"\">White Design of Card (Single)<\/a><\/h3>\n                        <p>Card (single) has two different designs available. Option 1 is the white card design seen here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum porttitor purus, sed consequat lectus aliquet ac. Cras sit amet sem nibh.<\/p>\n                    <\/div>\n                <\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row el_class=&#8221;roomy&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Cards (Panel Popout Design)<\/h2>\n<p>Cards also have a panel popout design that is intended to feature news. The design can be seen below with the option to pick a colorized border[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel outline popout match\" >\n            <a><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-450x300.jpg\" class=\"popout-item single-border single-border-top image-margin colorized-border border-academics\" alt=\"alt text\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-600x398.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-768x510.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-800x531.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-640x425.jpg 640w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-1024x680.jpg 1024w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-1200x797.jpg 1200w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-1920x1275.jpg 1920w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a>\n                    <h3><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">Card Title<\/a><\/h3>\n                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at ipsum iaculis, molestie quam ut, porta eros. Cras accumsan ipsum id metus pharetra, at molestie velit fermentum. Morbi vitae arcu ornare, vehicula leo vitae, dictum nibh.<\/p><a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">UT Health Design Elements<\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel outline popout match\" >\n            <a><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-450x300.jpg\" class=\"popout-item single-border single-border-top image-margin colorized-border border-institutional\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-768x511.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-800x532.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-640x426.jpg 640w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1024x681.jpg 1024w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1200x799.jpg 1200w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1920x1278.jpg 1920w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a>\n                    <h3><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">Card Title<\/a><\/h3>\n                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at ipsum iaculis, molestie quam ut, porta eros. Cras accumsan ipsum id metus pharetra, at molestie velit fermentum. Morbi vitae arcu ornare, vehicula leo vitae, dictum nibh.<\/p><a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">UT Health Design Elements<\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel outline popout match\" >\n            <a><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-450x300.jpg\" class=\"popout-item single-border single-border-top image-margin colorized-border border-patientcare\" alt=\"alt text\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-600x398.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-768x510.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-800x531.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-640x425.jpg 640w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-1024x680.jpg 1024w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-1200x797.jpg 1200w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-1920x1275.jpg 1920w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a>\n                    <h3><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">Card Title<\/a><\/h3>\n                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at ipsum iaculis, molestie quam ut, porta eros. Cras accumsan ipsum id metus pharetra, at molestie velit fermentum. Morbi vitae arcu ornare, vehicula leo vitae, dictum nibh.<\/p><a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">UT Health Design Elements<\/a><\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243;]\n            <div class=\"panel outline popout match\" >\n            <a><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-450x300.jpg\" class=\"popout-item single-border single-border-top image-margin colorized\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-768x511.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-800x532.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-640x426.jpg 640w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1024x681.jpg 1024w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1200x799.jpg 1200w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare2-1920x1278.jpg 1920w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a>\n                    <h3><a href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">Card Title<\/a><\/h3>\n                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at ipsum iaculis, molestie quam ut, porta eros. Cras accumsan ipsum id metus pharetra, at molestie velit fermentum. Morbi vitae arcu ornare, vehicula leo vitae, dictum nibh.<\/p><a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" title=\"UT Health Design Elements\" rel=\"\">UT Health Design Elements<\/a><\/div>[\/vc_column_inner][\/vc_row_inner][vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;roomy&#8221; el_id=&#8221;clickable&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Card (Single) &#8211; Colorized Design Options<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<a class=\"no-hover match\" href=\"\" title=\"\" rel=\"\">\n                    <div class=\"card colorized colorized-patientcare match\" >\n                        <div>\n                            <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg\" class=\"single-border single-border-bottom colorized-border border-patientcare-highlight\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640.jpg 640w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>\n                        <\/div>\n                        <div class=\"card-section\">\n                        <h3>Outline Design of Card (Single)<\/h3>\n                            <p>Card (single) has two different designs available. Option 2 is the colorized version seen here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum porttitor purus, sed consequat lectus aliquet ac. Cras sit amet sem nibh.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<a class=\"no-hover match\" href=\"#\" title=\"\" rel=\"\">\n                    <div class=\"card colorized colorized-academics match\" >\n                        <div>\n                            <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg\" class=\"single-border single-border-bottom colorized-border border-academic-highlight\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640.jpg 640w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>\n                        <\/div>\n                        <div class=\"card-section\">\n                        <h3>Colorized Design of Card (Single)<\/h3>\n                            <p>Card (single) has two different designs available. Option 2 is the colorized version seen here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum porttitor purus, sed consequat lectus aliquet ac. Cras sit amet sem nibh.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<a class=\"no-hover match\" href=\"#\" title=\"\" rel=\"\">\n                    <div class=\"card colorized colorized-research match\" >\n                        <div>\n                            <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"300\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg\" class=\"single-border single-border-bottom colorized-border border-research-highlight\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640-600x399.jpg 600w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/penguin-56101_640.jpg 640w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>\n                        <\/div>\n                        <div class=\"card-section\">\n                        <h3>Colorized Design of Card (Single)<\/h3>\n                            <p>Card (single) has two different designs available. Option 2 is the colorized version seen here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum porttitor purus, sed consequat lectus aliquet ac. Cras sit amet sem nibh.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/a>[\/vc_column_inner][\/vc_row_inner][vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bleed colorized colorized-institutional &#8221; el_id=&#8221;background-image&#8221;][vc_column]\n        <div class=\"bleed photo-bleed colorized colorized-institutional cozy close\">\n            <div class=\"bg-photo alpha attach-top\"><img decoding=\"async\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2018\/02\/CC_Our-Doctors-1400x446.jpg\"><\/div>\n            <div class=\"row\">\n                <div class=\"columns large-9 large-centered text-center\">\n                    <div class=\"panel colorized colorized-institutional-darken\">\n                        <div class=\"panel colorized alpha text-center\">\n                            <h2 class=\"emulate-h1\">Background Image Row (CTA)<\/h2>\n                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae ultrices ante. Vestibulum ac massa sem. Integer vestibulum, magna et convallis porttitor, urna felis varius tellus, finibus sollicitudin purus ipsum tristique velit. Morbi condimentum quam et elementum auctor. Nunc laoreet erat ac mauris finibus, eu tincidunt velit egestas.<\/p>\n                            <p><strong><a class=\"button carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\" title=\"\" target=\"\" rel=\"\">Back to top<\/a><\/strong><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bleed colorized colorized-institutional&#8221; el_id=&#8221;image-split&#8221;][vc_column]\n        <div class=\"bleed colorized colorized-institutional valign-parent\">\n            <div class=\"row align-middle\">\n                <div class=\"columns large-6 medium-6 small-12\">\n                    \n                <div class=\"valign-item roomy\">\n                    <div class=\"single-border single-border-left colorized-border border-alpha\">\n                        <div class=\" panel colorized white jump-columns-right\">\n                            <h2 class=\"emulate-h1\">Image Split (Row)<\/h2>\n<p>This features splits the left and right column for a featured image and a text block. There are various color options to use but you will need to configure the parent row to get the propper design. This example uses the left text design option with the purple color option. It also has the panel text block design option enabled.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper enim sed euismod scelerisque. Nam elit quam, consequat a urna at, efficitur vestibulum arcu. Sed non congue leo. <a href=\"#\">Maecenas vestibulum<\/a> et neque id egestas. Nunc dictum, lectus eget aliquam finibus, felis enim mollis nulla, eget pellentesque mauris est at enim. Nullam pretium orci arcu, a gravida urna interdum a.<\/p>\n\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <\/div>\n            <div class=\"columns large-6 medium-6 small-12\">\n                <div class=\"photo-bleed-right\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-scaled.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-scaled.jpg 2560w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-550x367.jpg 550w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-800x533.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-768x512.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-1536x1024.jpg 1536w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-2048x1365.jpg 2048w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-640x427.jpg 640w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-1024x683.jpg 1024w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-1200x800.jpg 1200w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-pixabay-267885-1920x1280.jpg 1920w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/div>\n            <\/div>\n        <\/div>\n      <\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bleed colorized colorized-academics&#8221;][vc_column]\n        <div class=\"bleed colorized colorized-academics valign-parent\">\n            <div class=\"row align-middle\">\n                <div class=\"columns large-6 medium-6 small-12\">\n                    <div class=\"photo-bleed-left\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-linkedin-sales-navigator-1251861.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-linkedin-sales-navigator-1251861.jpg 900w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-linkedin-sales-navigator-1251861-550x367.jpg 550w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-linkedin-sales-navigator-1251861-800x533.jpg 800w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-linkedin-sales-navigator-1251861-450x300.jpg 450w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-linkedin-sales-navigator-1251861-768x512.jpg 768w, https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2020\/08\/pexels-linkedin-sales-navigator-1251861-640x427.jpg 640w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/div>\n                <\/div>\n            <div class=\"columns large-6 medium-6 small-12\">\n                <div class=\"valign-item roomy\">\n              <div class=\"\">\n                <div class=\" \">\n                  <h2 class=\"emulate-h1\">Image Split (Row)<\/h2>\n<p>This features splits the left and right column for a featured image and a text block. There are various color options to use but you will need to configure the parent row to get the propper design. This example uses the right hand text design option with the green color option. It also has the panel wrapper disabled.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper enim sed euismod scelerisque. Nam elit quam, consequat a urna at, efficitur vestibulum arcu. Sed non congue leo. Maecenas vestibulum et neque id egestas. Nunc dictum, lectus eget aliquam finibus, felis enim mollis nulla, eget pellentesque mauris est at enim. Nullam pretium orci arcu, a gravida urna interdum a.<\/p>\n<p><a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top<\/a><\/p>\n\n                <\/div>\n              <\/div>\n            <\/div>\n            <\/div>\n        <\/div>\n      <\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;roomy&#8221; el_id=&#8221;step-banner&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Child Page Banner<\/h2>\n<p>[\/vc_column_text]<div class=\"panel colorized colorized-theme\">\n            <div class=\"row\">\n                <div class=\"columns large-6 medium-6 small-12\">\n                <p class=\"large-text\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae ultrices ante. Vestibulum ac massa sem destibulum ac massa sem.<\/p>\n                <\/div>\n                <div class=\"columns large-6 medium-6 small-12\">\n                <div class=\"bleed\"><img decoding=\"async\" src=\"https:\/\/wp.uthscsa.edu\/demo\/wp-content\/uploads\/sites\/13\/2017\/06\/patientcare1-450x300.jpg\" \/><\/div>\n                <\/div>\n            <\/div>\n            <\/div>[vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]\n        <div class=\"panel single-border colorized-border single-border-top border-colorized-theme-darken\">\n            <h3 class=\"text-center\">Step List<\/h3>\n            <ul class=\"loose-list line-delimited\">\n             <li>\n                    <div class=\"row\">\n                        <div class=\"flex-container\">\n                            <div class=\"columns large-2 medium-2 small-2\">\n                                <div class=\"circle theme-accent colorized-theme circle-left\"><span>1<\/span><\/div>\n                            <\/div>\n                            <div class=\"columns large-10 medium-10 small-10\">\n                            Log on to My Student Center and click the financial aid tile.\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/li><li>\n                    <div class=\"row\">\n                        <div class=\"flex-container\">\n                            <div class=\"columns large-2 medium-2 small-2\">\n                                <div class=\"circle theme-accent colorized-theme circle-left\"><span>2<\/span><\/div>\n                            <\/div>\n                            <div class=\"columns large-10 medium-10 small-10\">\n                            Click on \u2018Scholarship Application\u2019 and select the year you are applying for.\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/li><li>\n                    <div class=\"row\">\n                        <div class=\"flex-container\">\n                            <div class=\"columns large-2 medium-2 small-2\">\n                                <div class=\"circle theme-accent colorized-theme circle-left\"><span>3<\/span><\/div>\n                            <\/div>\n                            <div class=\"columns large-10 medium-10 small-10\">\n                            Answer the questions and click submit application.\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/li>                \n            <\/ul>\n            <p>This is an optional additional notes block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<\/p>\n        <\/div>[vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=&#8221;clickable-panels&#8221; el_class=&#8221;roomy&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Clickable Panel Links<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;] \n        <a class=\"panel no-equilizer panel-mobile text-center colorized\" href=\"#\" title=\"\" target=\"\">\n            <span class=\"circle close2x mid-icon\"><span><i class=\"icon-uth-shield\"><\/i><\/span><\/span><br>\n            <h3 >Clickable Panel Link<\/h3>\n            <p><\/p>\n        <\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;] \n        <a class=\"panel no-equilizer panel-mobile text-center colorized colorized-patientcare\" href=\"#\" title=\"\" target=\"\">\n            <span class=\"circle close2x mid-icon\"><span><i class=\"vc-oi vc-oi-chart-pie\"><\/i><\/span><\/span><br>\n            <h3 >Clickable Panel Link<\/h3>\n            <p><\/p>\n        <\/a>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]\n        <a class=\"panel panel-mobile text-center match colorized\" href=\"#\" title=\"\" target=\"\" rel=\"\" >\n            <span class=\"close2x mid-icon\"><span><i class=\"mid-icon icon-uth-shield\"><\/i><\/span><\/span><br \/>\n            <h3 class=\"linear-box\">Clickable Link Panel (Extended)<\/h3>\n            <p>This version of a clickable panel has the option of paragraph under the link title.<\/p>\n        <\/a>[\/vc_column_inner][\/vc_row_inner][vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;roomy&#8221; el_id=&#8221;multilink&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Multi Link Panels<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]\n        <div class=\"panel colorized-border border-institutional single-border single-border-top\"  >\n              <div class=\"text-center\">\n              <div class=\"circle colorized-institutional close2x mid-icon\"><span><i class=\"fas fa-frog\"><\/i><\/span><\/div>\n                <h2>Link Panel One<\/h2>\n              <\/div>\n                <div class=\"loose-list line-delimited\"><\/p>\n<ul>\n<li><a href=\"#\">Item 1<\/a><\/li>\n<li><a href=\"#\">Item 2<\/a><\/li>\n<li><a href=\"#\">Item 3<\/a><\/li>\n<li><a href=\"#\">Item 4<\/a><\/li>\n<li><a href=\"#\">Item 5<\/a><\/li>\n<\/ul>\n<p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]\n        <div class=\"panel colorized-border border-patientcare single-border single-border-top\"  >\n              <div class=\"text-center\">\n              <div class=\"circle colorized-patientcare close2x mid-icon\"><span><i class=\"icon-person-labcoat-male\"><\/i><\/span><\/div>\n                <h2>Link Panel Two<\/h2>\n              <\/div>\n                <div class=\"loose-list line-delimited\"><\/p>\n<ul>\n<li><a href=\"#\">Item 1<\/a><\/li>\n<li><a href=\"#\">Item 2<\/a><\/li>\n<li><a href=\"#\">Item 3<\/a><\/li>\n<li><a href=\"#\">Item 4<\/a><\/li>\n<li><a href=\"#\">Item 5<\/a><\/li>\n<\/ul>\n<p><\/div>\n            <\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]\n        <div class=\"panel colorized-border border-research single-border single-border-top\"  >\n              <div class=\"text-center\">\n              <div class=\"circle colorized-research close2x mid-icon\"><span><i class=\"icon-med-case-lines\"><\/i><\/span><\/div>\n                <h2>Link Panel Three<\/h2>\n              <\/div>\n                <div class=\"loose-list line-delimited\"><\/p>\n<ul>\n<li><a href=\"#\">Item 1<\/a><\/li>\n<li><a href=\"#\">Item 2<\/a><\/li>\n<li><a href=\"#\">Item 3<\/a><\/li>\n<li><a href=\"#\">Item 4<\/a><\/li>\n<li><a href=\"#\">Item 5<\/a><\/li>\n<\/ul>\n<p><\/div>\n            <\/div>[\/vc_column_inner][\/vc_row_inner][vc_column_text el_class=&#8221;text-center&#8221;]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_id=&#8221;video-embed&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<\/p>\n<h2 class=\"emulate-h1\">Video Embed<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi semper enim sed euismod scelerisque. Sed ex ipsum, scelerisque hendrerit mi non, semper laoreet neque. Aliquam erat volutpat. Duis laoreet purus orci, ut pretium neque venenatis eu. Nulla in congue lectus, in tincidunt leo. Praesent tincidunt elit sit amet lectus eleifend, sit amet egestas nibh euismod. Etiam id dui pretium, tristique ex eget, elementum est. Etiam lacinia fermentum convallis. Sed posuere metus et lacus pulvinar, sit amet mollis ipsum feugiat. Nam elit quam, consequat a urna at, efficitur vestibulum arcu. Sed non congue leo. Maecenas vestibulum et neque id egestas. Nunc dictum, lectus eget aliquam finibus, felis enim mollis nulla, eget pellentesque mauris est at enim. Nullam pretium orci arcu, a gravida urna interdum a.<\/p>\n<p><a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top<\/a>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"flex-video widescreen\"><iframe src=\"https:\/\/www.youtube.com\/embed\/hvtj7sIrHsY\" title=\"\" allowfullscreen><\/iframe><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;roomy text-center&#8221; el_id=&#8221;icons&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"emulate-h1\">Icons<\/h2>\n<p>[\/vc_column_text][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;] <div class=\"circle colorized-research close2x mega-icon\">\n                <span><i class=\" mega-icon null icon-uth-shield\"><\/i><\/span>\n                <\/div> [vc_column_text]<\/p>\n<h2>Icon Element &amp; Text Block<\/h2>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;] <div class=\"circle  close2x mega-icon\">\n                <span><i class=\" mega-icon null icon-uth-shield\"><\/i><\/span>\n                <\/div> [vc_column_text]<\/p>\n<h2>Icon Element &amp; Text Block<\/h2>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;] <div class=\"circle colorized-theme-darken close2x mega-icon\">\n                <span><i class=\" mega-icon null icon-uth-shield\"><\/i><\/span>\n                <\/div> [vc_column_text]<\/p>\n<h2>Icon Element &amp; Text Block<\/h2>\n<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_column_text]<a class=\"carat-double\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#top\">Back to top<\/a>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=&#8221;far&#8221; el_id=&#8221;top&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text] Single Image Element &amp; Text Block I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text] Single Image Element &amp; Text Block I am text block. Click edit [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-640","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UT Health Design Elements - WordPress Demo Site<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UT Health Design Elements - WordPress Demo Site\" \/>\n<meta property=\"og:description\" content=\"[vc_row el_class=&#8221;far&#8221; el_id=&#8221;top&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text] Single Image Element &amp; Text Block I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text] Single Image Element &amp; Text Block I am text block. Click edit [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"WordPress Demo Site\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-14T18:19:02+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=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/design-elements\\\/\",\"url\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/design-elements\\\/\",\"name\":\"UT Health Design Elements - WordPress Demo Site\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/#website\"},\"datePublished\":\"2019-11-06T20:59:11+00:00\",\"dateModified\":\"2020-08-14T18:19:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/design-elements\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/design-elements\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/design-elements\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UT Health Design Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/#website\",\"url\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/\",\"name\":\"WordPress Demo Site\",\"description\":\"WordPress Demo\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.uthscsa.edu\\\/demo\\\/?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":"UT Health Design Elements - WordPress Demo Site","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/","og_locale":"en_US","og_type":"article","og_title":"UT Health Design Elements - WordPress Demo Site","og_description":"[vc_row el_class=&#8221;far&#8221; el_id=&#8221;top&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text] Single Image Element &amp; Text Block I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;93&#8243;][vc_column_text] Single Image Element &amp; Text Block I am text block. Click edit [&hellip;]","og_url":"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/","og_site_name":"WordPress Demo Site","article_modified_time":"2020-08-14T18:19:02+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/","url":"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/","name":"UT Health Design Elements - WordPress Demo Site","isPartOf":{"@id":"https:\/\/wp.uthscsa.edu\/demo\/#website"},"datePublished":"2019-11-06T20:59:11+00:00","dateModified":"2020-08-14T18:19:02+00:00","breadcrumb":{"@id":"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp.uthscsa.edu\/demo\/design-elements\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wp.uthscsa.edu\/demo\/design-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp.uthscsa.edu\/demo\/"},{"@type":"ListItem","position":2,"name":"UT Health Design Elements"}]},{"@type":"WebSite","@id":"https:\/\/wp.uthscsa.edu\/demo\/#website","url":"https:\/\/wp.uthscsa.edu\/demo\/","name":"WordPress Demo Site","description":"WordPress Demo","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp.uthscsa.edu\/demo\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/wp.uthscsa.edu\/demo\/wp-json\/wp\/v2\/pages\/640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.uthscsa.edu\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.uthscsa.edu\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.uthscsa.edu\/demo\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.uthscsa.edu\/demo\/wp-json\/wp\/v2\/comments?post=640"}],"version-history":[{"count":0,"href":"https:\/\/wp.uthscsa.edu\/demo\/wp-json\/wp\/v2\/pages\/640\/revisions"}],"wp:attachment":[{"href":"https:\/\/wp.uthscsa.edu\/demo\/wp-json\/wp\/v2\/media?parent=640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}