{"id":298,"date":"2022-11-03T23:11:49","date_gmt":"2022-11-03T23:11:49","guid":{"rendered":"https:\/\/dornsife.usc.edu\/components\/?page_id=298"},"modified":"2023-04-07T17:59:22","modified_gmt":"2023-04-07T17:59:22","slug":"stacking-cards","status":"publish","type":"page","link":"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/","title":{"rendered":"Stacking Cards"},"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 size-16x9_1280 wp-image-294\" src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_card-1280x720.jpg\" alt=\"\" width=\"1280\" height=\"720\" srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_card-1280x720.jpg 1280w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_card-300x169.jpg 300w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_card-768x432.jpg 768w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_card-1920x1080.jpg 1920w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_card.jpg 1948w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<hr \/>\n<p>Upload minimum is 900x506px<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-299\" src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_elementcards.jpg\" alt=\"\" width=\"1111\" height=\"53\" srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_elementcards.jpg 1111w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_elementcards-300x14.jpg 300w\" sizes=\"(max-width: 1111px) 100vw, 1111px\" \/><\/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=\"Stacking Cards\" src=\"https:\/\/player.vimeo.com\/video\/778310876?h=32cd49d9b9&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\n<div\n  class=\"cc--component-container cc--stacking-cards \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--stacking-cards\"\n    \n      >\n\n    \n            <div class=\"header-container\">\n                                \n<div class=\"f--field f--section-title\">\n\n    \n  <h2>\n          Stacking Cards\n      <\/h2>\n\n\n<\/div>\n            \n                                \n<div class=\"f--field f--description\">\n\n    \n  <p><span style=\"font-weight: 400;\">This component can be added on full-width pages (such as Landing, Minisite Landing) and on column-width pages (such as Chapter, Basic Content pages). By design, the component will be displayed as the column size component on full-width pages.<\/span><\/p>\n\n\n\n<\/div>\n                    <\/div>\n    \n            <div class=\"cards-container\">\n            \n                <div class=\"card\">\n\n                    <div class=\"title-description\">\n\n                                                      \n<div class=\"f--field f--cta-title\">\n\n    \n  <h3>\n          <a href=\"https:\/\/dornsife.usc.edu\" \n         target=\"_blank\"                 class=\"\" \n      >Card 1<\/a>\n      <\/h3>\n\n\n<\/div>\n                        \n                                                        \n<div class=\"f--field f--description\">\n\n    \n  <p>One brave soul did take a stab at translating the almost-not-quite-Latin. According to\u00a0<a title=\"The Guardian \u2013\u00a0Lorem ipsum translated: it remains Greek to me\" href=\"https:\/\/www.theguardian.com\/books\/booksblog\/2014\/mar\/21\/lorem-ipsum-translated-latin-placeholder-text\" target=\"_blank\" rel=\"noopener\">The Guardian<\/a>, Jaspreet Singh Boparai undertook the challenge with the goal of making the text \u201cprecisely as incoherent in English as it is in Latin &#8211; and to make it incoherent in the same way\u201d. As a result, \u201cthe Greek &#8216;eu&#8217; in Latin became the French &#8216;bien&#8217; [&#8230;] and the &#8216;-ing&#8217; ending in &#8216;lorem ipsum&#8217; seemed best rendered by an &#8216;-iendum&#8217; in English.\u201d<\/p>\n\n\n\n<\/div>\n                        \n                    <\/div>\n\n\n                    \n                        \n                            \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\" target=\"_blank\" aria-label=\"Read more about Card 1\">\n  \n    \n    \n    \n    \n              \n      <img decoding=\"async\"\n                            src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_element_img-768x432.jpg\"\n          srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/stacking_element_img-768x432.jpg 768w\"          sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n\n                    \n                <\/div>\n\n            \n                <div class=\"card\">\n\n                    <div class=\"title-description\">\n\n                                                      \n<div class=\"f--field f--cta-title\">\n\n    \n  <h3>\n          <a href=\"https:\/\/dornsife.usc.edu\" \n                        class=\"\" \n      >Card 2<\/a>\n      <\/h3>\n\n\n<\/div>\n                        \n                                                        \n<div class=\"f--field f--description\">\n\n    \n  <p>One brave soul did take a stab at translating the almost-not-quite-Latin. According to\u00a0<a title=\"The Guardian \u2013\u00a0Lorem ipsum translated: it remains Greek to me\" href=\"https:\/\/www.theguardian.com\/books\/booksblog\/2014\/mar\/21\/lorem-ipsum-translated-latin-placeholder-text\" target=\"_blank\" rel=\"noopener\">The Guardian<\/a>, Jaspreet Singh Boparai undertook the challenge with the goal of making the text \u201cprecisely as incoherent in English as it is in Latin &#8211; and to make it incoherent in the same way\u201d. As a result, \u201cthe Greek &#8216;eu&#8217; in Latin became the French &#8216;bien&#8217; [&#8230;] and the &#8216;-ing&#8217; ending in &#8216;lorem ipsum&#8217; seemed best rendered by an &#8216;-iendum&#8217; in English.\u201d<\/p>\n\n\n\n<\/div>\n                        \n                    <\/div>\n\n\n                    \n                        \n                            \n<div class=\"f--field f--image\">\n\n    \n        <a href=\"https:\/\/dornsife.usc.edu\"  aria-label=\"Read more about Card 2\">\n  \n    \n    \n    \n    \n              \n      <img decoding=\"async\"\n                            src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/anton-burg_2-768x432.jpg\"\n          srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/anton-burg_2-768x432.jpg 768w\"          sizes=\"(min-width:1024px) 23vw, (min-width:768px) 39vw, 83vw\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n      <\/a>\n  \n\n<\/div>\n\n                    \n                <\/div>\n\n            \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-298","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>Stacking Cards - 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=\"Stacking Cards - Wordpress CMS Components\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress CMS Components\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-07T17:59:22+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\/stacking-cards\/\",\"url\":\"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/\",\"name\":\"Stacking Cards - Wordpress CMS Components\",\"isPartOf\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#website\"},\"datePublished\":\"2022-11-03T23:11:49+00:00\",\"dateModified\":\"2023-04-07T17:59:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dornsife.usc.edu\/components\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stacking Cards\"}]},{\"@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":"Stacking Cards - 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":"Stacking Cards - Wordpress CMS Components","og_url":"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/","og_site_name":"Wordpress CMS Components","article_modified_time":"2023-04-07T17:59:22+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/","url":"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/","name":"Stacking Cards - Wordpress CMS Components","isPartOf":{"@id":"https:\/\/dornsife.usc.edu\/components\/#website"},"datePublished":"2022-11-03T23:11:49+00:00","dateModified":"2023-04-07T17:59:22+00:00","breadcrumb":{"@id":"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dornsife.usc.edu\/components\/stacking-cards\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dornsife.usc.edu\/components\/stacking-cards\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dornsife.usc.edu\/components\/"},{"@type":"ListItem","position":2,"name":"Stacking Cards"}]},{"@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\/298","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=298"}],"version-history":[{"count":13,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/298\/revisions"}],"predecessor-version":[{"id":2514,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/298\/revisions\/2514"}],"wp:attachment":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/media?parent=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}