{"id":3070,"date":"2024-08-19T17:51:02","date_gmt":"2024-08-19T21:51:02","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=3070"},"modified":"2024-09-12T16:50:13","modified_gmt":"2024-09-12T20:50:13","slug":"design-promo-with-photo","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/","title":{"rendered":"Design: Promo with Photo"},"content":{"rendered":"\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\">Table of Contents<\/h2>\n\n\n\n<ul class=\"wp-block-list wp-block-list list list-unordered\">\n<li><a href=\"#usage\">Usage<\/a><\/li>\n\n\n\n<li><a href=\"#image\">Recommended Image Ratio &amp; Dimension(s)<\/a><\/li>\n\n\n\n<li><a href=\"#variations\">Variations<\/a><\/li>\n\n\n\n<li><a href=\"#examples\">Examples<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"usage\">Usage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph body-text\">The Promo with Photo block is recommended for the Homepage or Landing pages.<\/p>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"image\">Recommended Image Ratio &amp; Dimension(s)<\/h2>\n\n\n\n<ul class=\"wp-block-list wp-block-list list list-unordered\">\n<li>Ratio: 3:2 <\/li>\n\n\n\n<li>Dimensions: 2000px x 1333px<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"variations\">Variations<\/h2>\n\n\n\n<ul class=\"wp-block-list wp-block-list list list-unordered\">\n<li>Photo on Left<\/li>\n\n\n\n<li>Photo on Right<\/li>\n\n\n\n<li>Multiple Photos<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading  is-style-with-no-margin-bottom body-text-heading\" id=\"examples\">Examples<\/h2>\n\n\n\n<h3 class=\"wp-block-heading body-text-heading\">Photo on Left<\/h3>\n\n\n<section class=\"container  block-promo-photo \"><div class=\"container-inner  block-promo-photo-inner\"><div class=\"card   card-photo-large \"><div class=\"container carousel carousel-default  block-promo-photo-carousel \" id=\"carousel-jflzhc5eeo16\"><div class=\"container-inner  block-promo-photo-carousel-inner carousel carousel-default  block-promo-photo-carousel-inner\"><div class=\"carousel-slides carousel-single\"><div class=\"carousel-slide\"><div class=\"card    \"><div class=\"card-image \"><img class=\"image  \"src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/Large-New-Jack-the-Bulldog-puppy.jpeg\"width=\"160\"\n    height=\"90\"alt=\"Tongue out Jack on Copley Lawn.\"><\/div><\/div><\/div><\/div><\/div>\n<\/div><div class=\"card-text \"><h2>Jack the Bulldog<\/h2><p>Jack the Bulldog is Georgetown University\u2019s official mascot \u2013 a well-known figure who is a beloved presence at Georgetown sporting events and campus activities.<br>The class of 1964 brought the first Jack the Bulldog to campus in 1962. According to popular legend, the puppy refused to answer to the name that students gave him (Hoya) and only responded to \u201cJack.\u201d<\/p><a class=\"link link-incentive \"href=\"https:\/\/www.georgetown.edu\/\">Link CTA          <svg tabindex=\"-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 29.33 50\">\n  <polygon tabindex=\"-1\" points=\"20.67 25 0 4.33 4.33 0 29.33 25 4.33 50 0 45.67 20.67 25\"\/>\n<\/svg>\n<\/a><\/div><\/div><\/div>\n<\/section>\n\n\n<h3 class=\"wp-block-heading body-text-heading\">Photo on Right<\/h3>\n\n\n<section class=\"container  block-promo-photo \"><div class=\"container-inner  block-promo-photo-inner\"><div class=\"card   card-photo-large align-end\"><div class=\"container carousel carousel-default  block-promo-photo-carousel \" id=\"carousel-wpxcjxn5t4d1\"><div class=\"container-inner  block-promo-photo-carousel-inner carousel carousel-default  block-promo-photo-carousel-inner\"><div class=\"carousel-slides carousel-single\"><div class=\"carousel-slide\"><div class=\"card    \"><div class=\"card-image \"><img class=\"image  \"src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/02\/Large-New-Jack-the-Bulldog-puppy.jpeg\"width=\"160\"\n    height=\"90\"alt=\"Tongue out Jack on Copley Lawn.\"><\/div><\/div><\/div><\/div><\/div>\n<\/div><div class=\"card-text \"><h2>Jack the Bulldog<\/h2><p>Jack the Bulldog is Georgetown University\u2019s official mascot \u2013 a well-known figure who is a beloved presence at Georgetown sporting events and campus activities.<br>The class of 1964 brought the first Jack the Bulldog to campus in 1962. According to popular legend, the puppy refused to answer to the name that students gave him (Hoya) and only responded to \u201cJack.\u201d<\/p><a class=\"link link-incentive \"href=\"https:\/\/www.georgetown.edu\/\">Link CTA          <svg tabindex=\"-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 29.33 50\">\n  <polygon tabindex=\"-1\" points=\"20.67 25 0 4.33 4.33 0 29.33 25 4.33 50 0 45.67 20.67 25\"\/>\n<\/svg>\n<\/a><\/div><\/div><\/div>\n<\/section>\n\n\n<h3 class=\"wp-block-heading body-text-heading\">Multiple Photos<\/h3>\n\n\n<section class=\"container  block-promo-photo \"><div class=\"container-inner  block-promo-photo-inner\"><div class=\"card   card-photo-large \"><div class=\"container carousel carousel-default  block-promo-photo-carousel \" id=\"carousel-tz4tdzpzhj1z\"><div class=\"container-inner  block-promo-photo-carousel-inner carousel carousel-default  block-promo-photo-carousel-inner\"><a class=\"link-skip\" href=\"#carousel-skipped\">Skip the following collection of 4 photos and continue to the content immediately following.<\/a><div class=\"carousel-slide-counter-enhanced\"><p class=\"carousel-slide-count\" aria-live=\"polite\"><span>Slide<\/span> 1 <i>of<\/i> 4<\/p>\n    <\/div><div class=\"carousel-slides carousel-multiple\"role=\"group\" aria-roledescription=\"slides\" tabindex=\"0\" aria-labelledby=\"carousel-tz4tdzpzhj1z\"><div class=\"carousel-slide\"role=\"group\" aria-roledescription=\"slide\" tabindex=\"0\"><div class=\"carousel-slide-counter-default\" id=\"slide1\">\n      <p class=\"carousel-slide-count\"><span>Slide<\/span>1 <i>of<\/i> 4<\/p>\n    <\/div><div class=\"card    \"><div class=\"card-image \"><img class=\"image  \"src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/10\/20190821_JacktheBulldogPuppy-2769.jpg\"width=\"160\"\n    height=\"90\"alt=\"Close up of Jack the bulldog with hit mouth open sitting on the grass of Healy Lawn.\"><\/div><\/div><\/div><div class=\"carousel-slide\"role=\"group\" aria-roledescription=\"slide\" tabindex=\"0\"><div class=\"carousel-slide-counter-default\" id=\"slide2\">\n      <p class=\"carousel-slide-count\"><span>Slide<\/span>2 <i>of<\/i> 4<\/p>\n    <\/div><div class=\"card    \"><div class=\"card-image \"><img class=\"image  \"src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2022\/08\/20200128_Jack-the-Bulldog-6659.jpg\"width=\"160\"\n    height=\"90\"alt=\"A close up of Jack the Bulldog sitting on a lawn.\"><\/div><\/div><\/div><div class=\"carousel-slide\"role=\"group\" aria-roledescription=\"slide\" tabindex=\"0\"><div class=\"carousel-slide-counter-default\" id=\"slide3\">\n      <p class=\"carousel-slide-count\"><span>Slide<\/span>3 <i>of<\/i> 4<\/p>\n    <\/div><div class=\"card    \"><div class=\"card-image \"><img class=\"image  \"src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/jack-10-2-2048x1365-1.webp\"width=\"160\"\n    height=\"90\"alt=\"Jack the Bulldog sitting and looking up at the camera\"><\/div><\/div><\/div><div class=\"carousel-slide\"role=\"group\" aria-roledescription=\"slide\" tabindex=\"0\"><div class=\"carousel-slide-counter-default\" id=\"slide4\">\n      <p class=\"carousel-slide-count\"><span>Slide<\/span>4 <i>of<\/i> 4<\/p>\n    <\/div><div class=\"card    \"><div class=\"card-image \"><img class=\"image  \"src=\"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-content\/uploads\/sites\/525\/2024\/08\/JACK-2-2-copy-2048x1365-1.webp\"width=\"160\"\n    height=\"90\"alt=\"Jack the Bulldog as a puppy in 2023\"><\/div><\/div><\/div><\/div><p class=\"carousel-skipped\" id=\"carousel-skipped\">End of carousel collection.<\/p><\/div>\n<\/div><div class=\"card-text \"><h2>Jack the Bulldog<\/h2><p>Jack the Bulldog is Georgetown University\u2019s official mascot \u2013 a well-known figure who is a beloved presence at Georgetown sporting events and campus activities.<br>The class of 1964 brought the first Jack the Bulldog to campus in 1962. According to popular legend, the puppy refused to answer to the name that students gave him (Hoya) and only responded to \u201cJack.\u201d<\/p><a class=\"link link-incentive \"href=\"https:\/\/georgetown.edu\">Link CTA          <svg tabindex=\"-1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 29.33 50\">\n  <polygon tabindex=\"-1\" points=\"20.67 25 0 4.33 4.33 0 29.33 25 4.33 50 0 45.67 20.67 25\"\/>\n<\/svg>\n<\/a><\/div><\/div><\/div>\n<\/section>\n\n<div class=\"gu-block gu-container  gu-block-quick-links gu-block-full has-text-align-center     \"><div class=\"gu-block gu-container gu-container-inner gu-block-quick-links-inner gu-block-wide \"><nav class=\"gu-block-quick-links-nav gu-cards gu-sidebar\" aria-label=\"Quick Links\">\n\n    <p class=\"gu-block gu-paragraph body-text gu-block-quick-links-text gu-sidebar-aside\">Quick Links<\/p>\n<ol class=\"gu-block gu-list list-ordered gu-block-quick-links-list gu-cards-content gu-sidebar-main is-style-none \"><li class=\"list-item gu-block-quick-links-item gu-cards-card\"><a class=\"gu-link gu-block gu-block-link-cta gu-block-quick-links-link gu-block-link-cta-btn gu-block-link-cta-gray \" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/how-to-promo-with-photo\/\">How To: Promo with Photo<\/a><\/li>\n<li class=\"list-item gu-block-quick-links-item gu-cards-card\"><a class=\"gu-link gu-block gu-block-link-cta gu-block-quick-links-link gu-block-link-cta-btn gu-block-link-cta-gray \" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/\">More Promote Blocks<\/a><\/li>\n<\/ol>\n<\/nav><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Table of Contents Usage The Promo with Photo block is recommended for the Homepage or Landing pages. Recommended Image Ratio &amp; Dimension(s) Variations Examples Photo on Left Photo on Right Multiple Photos<\/p>\n","protected":false},"author":1387,"featured_media":0,"parent":512,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"page-landing.php","meta":{"gu_featured_image_display":true,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-3070","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design: Promo with Photo - 1789 Handbook<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design: Promo with Photo - 1789 Handbook\" \/>\n<meta property=\"og:description\" content=\"Table of Contents Usage The Promo with Photo block is recommended for the Homepage or Landing pages. Recommended Image Ratio &amp; Dimension(s) Variations Examples Photo on Left Photo on Right Multiple Photos\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/\" \/>\n<meta property=\"og:site_name\" content=\"1789 Handbook\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-12T20:50:13+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/\",\"name\":\"Design: Promo with Photo - 1789 Handbook\",\"isPartOf\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\"},\"datePublished\":\"2024-08-19T21:51:02+00:00\",\"dateModified\":\"2024-09-12T20:50:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Block Catalog\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Promote\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Promo with Photo\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Design: Promo with Photo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\",\"name\":\"1789 Handbook\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/?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":"Design: Promo with Photo - 1789 Handbook","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/","og_locale":"en_US","og_type":"article","og_title":"Design: Promo with Photo - 1789 Handbook","og_description":"Table of Contents Usage The Promo with Photo block is recommended for the Homepage or Landing pages. Recommended Image Ratio &amp; Dimension(s) Variations Examples Photo on Left Photo on Right Multiple Photos","og_url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/","og_site_name":"1789 Handbook","article_modified_time":"2024-09-12T20:50:13+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/","name":"Design: Promo with Photo - 1789 Handbook","isPartOf":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website"},"datePublished":"2024-08-19T21:51:02+00:00","dateModified":"2024-09-12T20:50:13+00:00","breadcrumb":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/design-promo-with-photo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/"},{"@type":"ListItem","position":2,"name":"Block Catalog","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/"},{"@type":"ListItem","position":3,"name":"Promote","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/"},{"@type":"ListItem","position":4,"name":"Promo with Photo","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/promote\/promo-with-photo\/"},{"@type":"ListItem","position":5,"name":"Design: Promo with Photo"}]},{"@type":"WebSite","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/","name":"1789 Handbook","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/users\/1387"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/comments?post=3070"}],"version-history":[{"count":6,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3070\/revisions"}],"predecessor-version":[{"id":3593,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3070\/revisions\/3593"}],"up":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/512"}],"wp:attachment":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/media?parent=3070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}