{"id":253,"date":"2022-11-03T21:59:14","date_gmt":"2022-11-03T21:59:14","guid":{"rendered":"https:\/\/dornsife.usc.edu\/components\/?page_id=253"},"modified":"2022-12-15T00:56:33","modified_gmt":"2022-12-15T00:56:33","slug":"cta-card-collections","status":"publish","type":"page","link":"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/","title":{"rendered":"CTA Card Collections"},"content":{"rendered":"  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--spacer \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--spacer\"\n    \n      >\n\n    \n\n  <\/div><\/div>\n\n\n\n\n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--rich-text \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--rich-text\"\n    \n      >\n\n    \n      \n<div class=\"f--field f--wysiwyg\">\n\n    \n  <p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-257 size-full\" src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/usc-dornsife-website-component-guide-v1-7.jpg\" alt=\"\" width=\"1948\" height=\"1096\" srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/usc-dornsife-website-component-guide-v1-7.jpg 1948w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/usc-dornsife-website-component-guide-v1-7-300x169.jpg 300w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/usc-dornsife-website-component-guide-v1-7-768x432.jpg 768w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/usc-dornsife-website-component-guide-v1-7-1280x720.jpg 1280w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/usc-dornsife-website-component-guide-v1-7-1920x1080.jpg 1920w\" sizes=\"(max-width: 1948px) 100vw, 1948px\" \/><\/p>\n\n\n\n<\/div>\n\n\n  <\/div><\/div>\n\n\n\n\n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--rich-text \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--rich-text\"\n    \n      >\n\n    \n      \n<div class=\"f--field f--wysiwyg\">\n\n    \n  <h2>How to Video<\/h2>\n<div class=\"video-embed\"><iframe loading=\"lazy\" title=\"CTA Cards Collection\" src=\"https:\/\/player.vimeo.com\/video\/778311194?h=f2cc12f07c&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"273\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n\n\n\n<\/div>\n\n\n  <\/div><\/div>\n\n\n\n                \n  \n    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--cta-cards-collection \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--cta-cards-collection\"\n    \n      >\n\n    \n      <div class=\"header-container\">\n                  \n<div class=\"f--field f--section-title\">\n\n    \n  <h2>\n          CTA Cards Collection\n      <\/h2>\n\n\n<\/div>\n      \n                  \n<div class=\"f--field f--description\">\n\n    \n  <p><span style=\"font-weight: 400;\">Recommended only on full-width pages (such as Landing, Minisite Landing) and avoid it on column-width pages (such as Chapter, Basic Content pages).<\/span><\/p>\n\n\n\n<\/div>\n      \n                  \n<div class=\"f--field f--link\">\n\n    \n    \n  \n<a \n  class=\"link\"\n  href= https:\/\/dornsife.usc.edu\/components\/\n    aria-label=\"Read more about Component List\"  \n>\n    Component List \n  <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 35 35\" enable-background=\"new 0 0 35 35\" width=\"25\" height=\"25\" xml:space=\"preserve\"><polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#000\" points=\"19.3,27.5 29.3,17.5,19.3,7.5 16.3,10.4 21.4,15.4 6.7,15.4 6.7,19.6 21.4,19.6 16.3,24.6 \"\/><\/svg>\n<\/a>\n\n\n<\/div>\n\n      \n    <\/div>\n  \n      <div class=\"cards-container\">\n      \n        <div class=\"card\">\n\n                            <a href=\"https:\/\/dornsife.usc.edu\" >\n            \n                                    <h3>Card 1<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/a>\n                    <\/div>\n      \n        <div class=\"card\">\n\n                            <span tabindex=\"0\">\n            \n                                    <h3>Card 4<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/span>\n                    <\/div>\n      \n        <div class=\"card\">\n\n                            <span tabindex=\"0\">\n            \n                                    <h3>Card 3<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/span>\n                    <\/div>\n      \n        <div class=\"card\">\n\n                            <span tabindex=\"0\">\n            \n                                    <h3>Card 4<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/span>\n                    <\/div>\n      \n        <div class=\"card\">\n\n                            <span tabindex=\"0\">\n            \n                                    <h3>Card 5<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/span>\n                    <\/div>\n      \n        <div class=\"card\">\n\n                            <span tabindex=\"0\">\n            \n                                    <h3>Card 6<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/span>\n                    <\/div>\n      \n        <div class=\"card\">\n\n                            <span tabindex=\"0\">\n            \n                                    <h3>Card 7<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/span>\n                    <\/div>\n      \n        <div class=\"card\">\n\n                            <span tabindex=\"0\">\n            \n                                    <h3>Card 8<\/h3>\n                \n                                    <span class=\"card-description\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nec feugiat in fermentum posuere urna nec.<\/span>\n                \n                            <\/span>\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":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-253","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>CTA Card Collections - 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=\"CTA Card Collections - Wordpress CMS Components\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress CMS Components\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-15T00:56:33+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\/cta-card-collections\/\",\"url\":\"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/\",\"name\":\"CTA Card Collections - Wordpress CMS Components\",\"isPartOf\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#website\"},\"datePublished\":\"2022-11-03T21:59:14+00:00\",\"dateModified\":\"2022-12-15T00:56:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dornsife.usc.edu\/components\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CTA Card Collections\"}]},{\"@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":"CTA Card Collections - 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":"CTA Card Collections - Wordpress CMS Components","og_url":"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/","og_site_name":"Wordpress CMS Components","article_modified_time":"2022-12-15T00:56:33+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/","url":"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/","name":"CTA Card Collections - Wordpress CMS Components","isPartOf":{"@id":"https:\/\/dornsife.usc.edu\/components\/#website"},"datePublished":"2022-11-03T21:59:14+00:00","dateModified":"2022-12-15T00:56:33+00:00","breadcrumb":{"@id":"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dornsife.usc.edu\/components\/cta-card-collections\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dornsife.usc.edu\/components\/"},{"@type":"ListItem","position":2,"name":"CTA Card Collections"}]},{"@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\/253","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=253"}],"version-history":[{"count":8,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":1972,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/253\/revisions\/1972"}],"wp:attachment":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}