{"id":1147,"date":"2022-11-10T18:46:55","date_gmt":"2022-11-10T18:46:55","guid":{"rendered":"https:\/\/dornsife.usc.edu\/components\/?page_id=1147"},"modified":"2025-04-01T14:09:57","modified_gmt":"2025-04-01T14:09:57","slug":"component-list_v2","status":"publish","type":"page","link":"https:\/\/dornsife.usc.edu\/components\/","title":{"rendered":"Component List"},"content":{"rendered":"\n        \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n          \n  \n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--editorial-cards \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--editorial-cards\"\n    \n      >\n\n    \n      <div class=\"header-container\">\n\n                        \n<div class=\"f--field f--description\">\n\n    \n  <p>Components are the building blocks of your WordPress web pages. They display images and copy using different designs. You can stack them in almost any sequence to create a one-of-a-kind look for your webpages.<\/p>\n\n\n\n<\/div>\n          <\/div>\n  \n      <div class=\"cards-container\">\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/accordions\/\"  aria-label=\"Read more about Accordions\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c12_accordions_block-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c12_accordions_block-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/accordions\/\" >\n                  \n                    Accordions\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Accordion Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/article-carousels\/\"  aria-label=\"Read more about Article Carousels\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c17_ribbon_articles_carousel-2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c17_ribbon_articles_carousel-2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/article-carousels\/\" >\n                  \n                    Article Carousels\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Article Carousel<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/card-flip\/\"  aria-label=\"Read more about Card Flip\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/cardflip1_v1-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/cardflip1_v1-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/card-flip\/\" >\n                  \n                    Card Flip\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Card Flip Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/\"  aria-label=\"Read more about CTA Card Collections\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c10_cta_cards_collection-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c10_cta_cards_collection-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/\" >\n                  \n                    CTA Card Collections\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>CTA Card Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/cta-with-images\/\"  aria-label=\"Read more about CTA + Images\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/cta_plus_images_main-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/cta_plus_images_main-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/cta-with-images\/\" >\n                  \n                    CTA + Images\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>CTA + Images<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/contact-block\/\"  aria-label=\"Read more about Contact Block (Previously Contact Hero)\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_contact_hero-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_contact_hero-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Components<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/contact-block\/\" >\n                  \n                    Contact Block (Previously Contact Hero)\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Contact Block Component.<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/contact-details\/\"  aria-label=\"Read more about Contact Details\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_contact_details-3-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_contact_details-3-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/contact-details\/\" >\n                  \n                    Contact Details\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Contact Details<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/department-news-and-events-promo-component\/\"  aria-label=\"Read more about Department News and Events Promo\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/dept_new_events_promo-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/01\/dept_new_events_promo-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/department-news-and-events-promo-component\/\" >\n                  \n                    Department News and Events Promo\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Department News and Events Promo<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/editorial-carousel\/\"  aria-label=\"Read more about Editorial Carousel\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/editorial_carousel_v1-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/editorial_carousel_v1-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/editorial-carousel\/\" >\n                  \n                    Editorial Carousel\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Editorial Carousel Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/editorial-cards\/\"  aria-label=\"Read more about Editorial Cards\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver2_component_editorial_cards-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver2_component_editorial_cards-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/editorial-cards\/\" >\n                  \n                    Editorial Cards\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Editorial Card Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/emma-forms\/\"  aria-label=\"Read more about Emma Form\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/07\/emma_form1_4-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/07\/emma_form1_4-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/emma-forms\/\" >\n                  \n                    Emma Form\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Emma form component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/featured-block\/\"  aria-label=\"Read more about Featured Block\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c21_50_50__featured_image_and_text_block-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c21_50_50__featured_image_and_text_block-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/featured-block\/\" >\n                  \n                    Featured Block\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Featured Block component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/213-2\/\"  aria-label=\"Read more about Full Width CTA\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_full_width_cta-2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_full_width_cta-2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/213-2\/\" >\n                  \n                    Full Width CTA\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Full Width CTA component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/full-width-image-text\/\"  aria-label=\"Read more about Full Width Image and Text\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver2_c22_full_width_image_text-2-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver2_c22_full_width_image_text-2-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/full-width-image-text\/\" >\n                  \n                    Full Width Image and Text\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Full Width Image and Text Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/full-width-iframe-embed\/\" target=\"_blank\" aria-label=\"Read more about Full Width iFrame Embed\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2024\/08\/full_width_embed-1-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2024\/08\/full_width_embed-1-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>body component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/full-width-iframe-embed\/\" target=\"_blank\">\n                  \n                    Full Width iFrame Embed\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>component for embedding iframes and widgets.<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/hero-program\/\" target=\"_blank\" aria-label=\"Read more about Hero Program\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/hero_program_main-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2023\/04\/hero_program_main-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Hero Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/hero-program\/\" target=\"_blank\">\n                  \n                    Hero Program\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Hero Program<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/image-gallery\/\"  aria-label=\"Read more about Image Gallery\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/componet_image_gallery-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/componet_image_gallery-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/image-gallery\/\" >\n                  \n                    Image Gallery\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Image Gallery<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/intro-text\/\"  aria-label=\"Read more about Intro Text \">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_intro_text-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_intro_text-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/intro-text\/\" >\n                  \n                    Intro Text \n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Intro Text component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/interactive-content-pane\/\"  aria-label=\"Read more about Interactive Content Pane\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_interactive_content_pane-2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_interactive_content_pane-2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/interactive-content-pane\/\" >\n                  \n                    Interactive Content Pane\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Interactive Content Pane Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/\"  aria-label=\"Read more about Interactive Quote Pane\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_interactive_quote_pane-2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_interactive_quote_pane-2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/\" >\n                  \n                    Interactive Quote Pane\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Interactive Quote Pane<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/link-lists\/\"  aria-label=\"Read more about Link List\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c13_link_list_block-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c13_link_list_block-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/link-lists\/\" >\n                  \n                    Link List\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Link list component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/modal-image-gallery\/\"  aria-label=\"Read more about Modal Image Gallery\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_c27_modal_image_gallery_block-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_c27_modal_image_gallery_block-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/modal-image-gallery\/\" >\n                  \n                    Modal Image Gallery\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Modal Image Gallery Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/news-cards-topic\/\"  aria-label=\"Read more about News By Topic\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_news_by_topics-3-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_news_by_topics-3-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/news-cards-topic\/\" >\n                  \n                    News By Topic\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>News by Topic<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/news-and-events-promo\/\"  aria-label=\"Read more about News and Events Promo\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/news_and_event_progromo_comp_2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/news_and_event_progromo_comp_2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/news-and-events-promo\/\" >\n                  \n                    News and Events Promo\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>News and Events Promo<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/photo-wall\/\"  aria-label=\"Read more about Photo Wall\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c26_photo_wall_block-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c26_photo_wall_block-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/photo-wall\/\" >\n                  \n                    Photo Wall\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Photo Wall<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/quote-component\/\"  aria-label=\"Read more about Quote\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_c3_quote-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_c3_quote-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/quote-component\/\" >\n                  \n                    Quote\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Quote Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/1-rich-text\/\"  aria-label=\"Read more about Rich Text\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_rich_text_v2-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_rich_text_v2-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/1-rich-text\/\" >\n                  \n                    Rich Text\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Rich text component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/scrolling-text-with-image-block\/\"  aria-label=\"Read more about Scrolling Text with Image Block\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver2_c28_scrolling_text_with_image_block-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver2_c28_scrolling_text_with_image_block-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/scrolling-text-with-image-block\/\" >\n                  \n                    Scrolling Text with Image Block\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Scrolling Text with Image Block<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/signup-form\/\"  aria-label=\"Read more about Sign Up Form\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_signup_block-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_signup_block-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/signup-form\/\" >\n                  \n                    Sign Up Form\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Sign up Form<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/social-media\/\"  aria-label=\"Read more about Social Media\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/social_media_promo_comp_2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/social_media_promo_comp_2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/social-media\/\" >\n                  \n                    Social Media\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Social Media Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/spotlight\/\"  aria-label=\"Read more about Spotlight\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_c3_quote-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_c3_quote-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/spotlight\/\" >\n                  \n                    Spotlight\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Spotlight Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/\"  aria-label=\"Read more about Stacking Cards\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c14_stacking_cards-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c14_stacking_cards-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/\" >\n                  \n                    Stacking Cards\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Stacking Cards Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/statistics\/\"  aria-label=\"Read more about Statistics\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_statistics-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/component_statistics-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/statistics\/\" >\n                  \n                    Statistics\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Statistics component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/table-component\/\"  aria-label=\"Read more about Table Component\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2025\/04\/table_component_v2.JPG-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2025\/04\/table_component_v2.JPG-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/table-component\/\" >\n                  \n                    Table Component\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Table Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/two-columns\/\"  aria-label=\"Read more about Two Columns\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2025\/02\/two-comp-new-1-1-768x432.png\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2025\/02\/two-comp-new-1-1-768x432.png 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/two-columns\/\" >\n                  \n                    Two Columns\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Two Columns Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/two-column-ctas\/\"  aria-label=\"Read more about Two Column CTA's\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c8_two_column_ctas-1-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/c8_two_column_ctas-1-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/two-column-ctas\/\" >\n                  \n                    Two Column CTA&#8217;s\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Two Column CTA Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dtssupport.usc.edu\/support\/solutions\/articles\/7000067013#video\" target=\"_blank\" aria-label=\"Read more about Video Listing\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/video_listing_comp_2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/video_listing_comp_2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Page template<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dtssupport.usc.edu\/support\/solutions\/articles\/7000067013#video\" target=\"_blank\">\n                  \n                    Video Listing\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Page template to list all your videos on one place.<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/\"  aria-label=\"Read more about Video Pane Component\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/video_component_2-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/12\/video_component_2-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/video-pane-component\/\" >\n                  \n                    Video Pane Component\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Video Pane Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n      \n        <div class=\"card\">\n\n          \n                                      \n                \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\/components\/video-with-text\/\"  aria-label=\"Read more about Video with Text\">\n  \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_video_with_text_block-768x432.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/ver3_video_with_text_block-768x432.jpg 768w\"          data-sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n          \n          <div class=\"text-container\">\n                              \n<div class=\"f--field f--eyebrow\">\n\n    \n  <span>Body Component<\/span>\n\n\n<\/div>\n            \n                            <h3>\n                                      <a href=\"https:\/\/dornsife.usc.edu\/components\/video-with-text\/\" >\n                  \n                    Video with Text\n\n                                      <\/a>\n                                  <\/h3>\n            \n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Video With Text Component<\/p>\n\n\n\n<\/div>\n                      <\/div>\n\n\n        <\/div>\n          <\/div>\n  \n\n  <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-content-detail.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1147","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Component List - Wordpress CMS Components<\/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=\"Component List - Wordpress CMS Components\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dornsife.usc.edu\/components\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress CMS Components\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-01T14:09:57+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/\",\"url\":\"https:\/\/dornsife.usc.edu\/components\/\",\"name\":\"Component List - Wordpress CMS Components\",\"isPartOf\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#website\"},\"datePublished\":\"2022-11-10T18:46:55+00:00\",\"dateModified\":\"2025-04-01T14:09:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dornsife.usc.edu\/components\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dornsife.usc.edu\/components\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Component List\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#website\",\"url\":\"https:\/\/dornsife.usc.edu\/components\/\",\"name\":\"Wordpress CMS Components\",\"description\":\"CMS components\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dornsife.usc.edu\/components\/?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":"Component List - Wordpress CMS Components","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":"Component List - Wordpress CMS Components","og_url":"https:\/\/dornsife.usc.edu\/components\/","og_site_name":"Wordpress CMS Components","article_modified_time":"2025-04-01T14:09:57+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dornsife.usc.edu\/components\/","url":"https:\/\/dornsife.usc.edu\/components\/","name":"Component List - Wordpress CMS Components","isPartOf":{"@id":"https:\/\/dornsife.usc.edu\/components\/#website"},"datePublished":"2022-11-10T18:46:55+00:00","dateModified":"2025-04-01T14:09:57+00:00","breadcrumb":{"@id":"https:\/\/dornsife.usc.edu\/components\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dornsife.usc.edu\/components\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dornsife.usc.edu\/components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dornsife.usc.edu\/components\/"},{"@type":"ListItem","position":2,"name":"Component List"}]},{"@type":"WebSite","@id":"https:\/\/dornsife.usc.edu\/components\/#website","url":"https:\/\/dornsife.usc.edu\/components\/","name":"Wordpress CMS Components","description":"CMS components","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dornsife.usc.edu\/components\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/1147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/comments?post=1147"}],"version-history":[{"count":77,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/1147\/revisions"}],"predecessor-version":[{"id":2785,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/1147\/revisions\/2785"}],"wp:attachment":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/media?parent=1147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}