{"id":509,"date":"2022-11-05T01:03:35","date_gmt":"2022-11-05T01:03:35","guid":{"rendered":"https:\/\/dornsife.usc.edu\/components\/?page_id=509"},"modified":"2022-12-15T01:08:46","modified_gmt":"2022-12-15T01:08:46","slug":"interactive-quote-pane","status":"publish","type":"page","link":"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/","title":{"rendered":"Interactive Quote Pane"},"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-full wp-image-465\" src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/interactive_quote_pane.jpg\" alt=\"\" width=\"960\" height=\"540\" srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/interactive_quote_pane.jpg 960w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/interactive_quote_pane-300x169.jpg 300w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/interactive_quote_pane-768x432.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/p>\n<hr \/>\n<p>minimum upload for images: 2000 x 1150 px<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-513\" src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/interaction_quote_page.jpg\" alt=\"\" width=\"1130\" height=\"62\" srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/interaction_quote_page.jpg 1130w, https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/interaction_quote_page-300x16.jpg 300w\" sizes=\"(max-width: 1130px) 100vw, 1130px\" \/><\/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=\"Interactive Quote Pane\" src=\"https:\/\/player.vimeo.com\/video\/778311551?h=5f57d8b5c8&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"273\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n<p>&nbsp;<\/p>\n\n\n\n<\/div>\n\n\n  <\/div><\/div>\n\n\n  \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    \n\n\n\n\n\n\n<div\n  class=\"cc--component-container cc--interactive-quote-pane \"\n\n  \n  \n  \n  \n  \n  \n  >\n  <div class=\"c--component c--interactive-quote-pane\"\n    \n      >\n\n    \n<div class=\"inner-wrapper\">\n  <div class=\"left\">\n              \n<div class=\"f--field f--section-title\">\n\n    \n  <h2>\n          Interactive Quote Pane\n      <\/h2>\n\n\n<\/div>\n    \n    <div class=\"select-container\">\n      <label class=\"visually-hidden\" for=\"swiper-690698549\">Select option to display slide<\/label>\n      <select name=\"swiper-690698549\">\n                  <option value=\"0\">Quote 1<\/option>\n                  <option value=\"1\">Quote 2<\/option>\n              <\/select>\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\" xml:space=\"preserve\">\n        <polygon fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#FC0\" points=\"7.5,14.9 17.5,24.9 27.5,14.9 24.6,12 17.5,19.2 10.4,12 \"\/>\n      <\/svg>\n    <\/div>\n\n      <div class=\"swiper\">\n      <div class=\"swiper-wrapper\">\n                  <div class=\"swiper-slide\">\n            <h3 class=\"pane-title visually-hidden\">Quote 1<\/h3>\n\n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit&#8230;<\/p>\n\n\n\n<\/div>\n            \n                          <div class=\"attribution-container image\">\n\n                                  <span class=\"attribution-title\">Quote 1<\/span>\n                \n                                  <span class=\"attribution-additional-info\">Jane Doe<\/span>\n                \n                                      \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img\n                            data-src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/quote_image-320x320.jpg\"\n          data-srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/quote_image-768x768.jpg 768w,https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/quote_image-320x320.jpg 320w\"          data-sizes=\"(min-width:1024px) 50vw, (min-width:768px) 100vw, 100vw\"          class=\"lazyload\"\n        \n                  role=\"none\"\n        \n        \n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n                              <\/div>\n            \n          <\/div>\n                  <div class=\"swiper-slide\">\n            <h3 class=\"pane-title visually-hidden\">Quote 2<\/h3>\n\n                              \n<div class=\"f--field f--description\">\n\n    \n  <p>There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain&#8230;<\/p>\n\n\n\n<\/div>\n            \n                          <div class=\"attribution-container \">\n\n                                  <span class=\"attribution-title\">Max Planks<\/span>\n                \n                                  <span class=\"attribution-additional-info\">Quote 2<\/span>\n                \n                              <\/div>\n            \n          <\/div>\n              <\/div>\n    <\/div>\n  \n      <div class=\"caption-mobile\">\n          \n<div class=\"f--field f--description\">\n\n    \n  <p>&#8220;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&#8221;<\/p>\n\n\n\n<\/div>\n    <\/div>\n    <\/div>\n\n  <div class=\"right\">\n\n  <div class=\"pagination-wrapper\">\n    <ul class=\"interactive-quote-pane-pagination\"><\/ul>\n  <\/div>\n\n          \n<div class=\"f--field f--description\">\n\n    \n  <p>&#8220;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&#8221;<\/p>\n\n\n\n<\/div>\n    <\/div>\n\n<\/div>\n\n\n  <div class=\"background-images\">\n          <div class=\"swiper swiper-background-images\">\n        <div class=\"swiper-wrapper\">\n                      <div class=\"swiper-slide\">\n                                                                  \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img decoding=\"async\"\n                            src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/60e08f42cebecf9037471ffb772caaac201e98a9-scaled-1-768x432.webp\"\n          srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/60e08f42cebecf9037471ffb772caaac201e98a9-scaled-1-1280x720.webp 1280w,https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/60e08f42cebecf9037471ffb772caaac201e98a9-scaled-1-768x432.webp 768w\"          sizes=\"(min-width:1200px) 75vw, (min-width:768px) 83vw, 100vw\"\n        \n                  role=\"none\"\n        \n        role=\"presentation\"\n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n                          <\/div>\n\n                      <div class=\"swiper-slide\">\n                                                                  \n<div class=\"f--field f--image\">\n\n    \n    \n    \n    \n    \n    \n              \n      <img decoding=\"async\"\n                            src=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/contact_hero_img2-768x432.jpg\"\n          srcset=\"https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/contact_hero_img2-1280x720.jpg 1280w,https:\/\/dornsife.usc.edu\/components\/wp-content\/uploads\/sites\/33\/2022\/11\/contact_hero_img2-768x432.jpg 768w\"          sizes=\"(min-width:1200px) 75vw, (min-width:768px) 83vw, 100vw\"\n        \n                  role=\"none\"\n        \n        role=\"presentation\"\n                                      \/>\n\n    \n    \n  \n  \n\n<\/div>\n                          <\/div>\n\n                  <\/div>\n      <\/div>\n      <\/div>\n\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-509","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>Interactive Quote Pane - 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=\"Interactive Quote Pane - Wordpress CMS Components\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/\" \/>\n<meta property=\"og:site_name\" content=\"Wordpress CMS Components\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-15T01:08:46+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\/interactive-quote-pane\/\",\"url\":\"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/\",\"name\":\"Interactive Quote Pane - Wordpress CMS Components\",\"isPartOf\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/#website\"},\"datePublished\":\"2022-11-05T01:03:35+00:00\",\"dateModified\":\"2022-12-15T01:08:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dornsife.usc.edu\/components\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interactive Quote Pane\"}]},{\"@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":"Interactive Quote Pane - 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":"Interactive Quote Pane - Wordpress CMS Components","og_url":"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/","og_site_name":"Wordpress CMS Components","article_modified_time":"2022-12-15T01:08:46+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/","url":"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/","name":"Interactive Quote Pane - Wordpress CMS Components","isPartOf":{"@id":"https:\/\/dornsife.usc.edu\/components\/#website"},"datePublished":"2022-11-05T01:03:35+00:00","dateModified":"2022-12-15T01:08:46+00:00","breadcrumb":{"@id":"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dornsife.usc.edu\/components\/interactive-quote-pane\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dornsife.usc.edu\/components\/"},{"@type":"ListItem","position":2,"name":"Interactive Quote Pane"}]},{"@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\/509","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=509"}],"version-history":[{"count":14,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/509\/revisions"}],"predecessor-version":[{"id":1995,"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/pages\/509\/revisions\/1995"}],"wp:attachment":[{"href":"https:\/\/dornsife.usc.edu\/components\/wp-json\/wp\/v2\/media?parent=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}