{"id":3019,"date":"2024-08-19T16:24:08","date_gmt":"2024-08-19T20:24:08","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=3019"},"modified":"2024-09-12T16:51:44","modified_gmt":"2024-09-12T20:51:44","slug":"design-cta-grid","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/","title":{"rendered":"Design: CTA Grid"},"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=\"#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 CTA Grid can be used on any page. It is recommended that the headlines are 30 characters or less, the descriptions are 150 characters or less, and the Link CTAs are 30 characters or less.<\/p>\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>White background (default)<\/li>\n\n\n\n<li>Georgetown Blue background<\/li>\n\n\n\n<li>Georgetown Gray background<\/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\">White Background<\/h3>\n\n\n<div class=\"gu-block gu-container gu-cards gu-block-grid-cta gu-block-full       \"><div class=\"gu-block gu-container gu-container-inner gu-cards-inner gu-block-grid-cta-inner gu-block-full \"><div class=\"gu-block gu-block-wide gu-cards-header gu-block-grid-cta-header \"><h2 class=\"gu-block body-text-heading gu-heading gu-cards-header-heading title gu-block-grid-cta-header-heading   \">Block Title<\/h2>\n<\/div><div class=\"gu-block gu-block-wide gu-cards-content gu-block-grid-cta-content\"><div class=\"gu-block gu-cards-card gu-block-grid-cta-card has-text-align-center \"><h3 class=\"gu-block body-text-heading gu-heading  gu-block-grid-cta-heading \">College of Arts &#038; Sciences<\/h3>\n<p class=\"gu-block gu-paragraph body-text gu-cards-card-text gu-block-grid-cta-text\">Founded in 1789 as the nation\u2019s first Catholic institution of higher learning, the College of Arts &amp; Sciences is committed to the Jesuit traditions of an integrated education and of productive research in the natural sciences, humanities, social sciences and fine arts.<\/p>\n<a class=\"gu-link gu-block gu-block-link-cta gu-cards-card-cta-link gu-block-grid-cta-link \" href=\"https:\/\/georgetown.edu\">Link CTA<\/a><\/div><div class=\"gu-block gu-cards-card gu-block-grid-cta-card has-text-align-center \"><h3 class=\"gu-block body-text-heading gu-heading  gu-block-grid-cta-heading \">Georgetown Law<\/h3>\n<p class=\"gu-block gu-paragraph body-text gu-cards-card-text gu-block-grid-cta-text\">Georgetown Law students don\u2019t just study the law. In DC, they experience it. Washington, DC, is the nation\u2019s capital, a global hub and a lively metropolis. At Georgetown Law, students learn the law in the place where laws are made.<\/p>\n<a class=\"gu-link gu-block gu-block-link-cta gu-cards-card-cta-link gu-block-grid-cta-link \" href=\"https:\/\/georgetown.edu\">Link CTA<\/a><\/div><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading body-text-heading\">Georgetown Blue Background<\/h3>\n\n\n<div class=\"gu-block gu-container gu-cards gu-block-grid-cta has-light-color with-bg gu-block-full        has-blue-background-color\"><div class=\"gu-block gu-container gu-container-inner gu-cards-inner gu-block-grid-cta-inner gu-block-full \"><div class=\"gu-block gu-block-wide gu-cards-header gu-block-grid-cta-header \"><h2 class=\"gu-block body-text-heading gu-heading gu-cards-header-heading title gu-block-grid-cta-header-heading has-light-color  \">Block Title<\/h2>\n<\/div><div class=\"gu-block gu-block-wide gu-cards-content gu-block-grid-cta-content is-style-with-border\"><div class=\"gu-block gu-cards-card gu-block-grid-cta-card has-text-align-center \"><h3 class=\"gu-block body-text-heading gu-heading  gu-block-grid-cta-heading has-light-color\">College of Arts &#038; Sciences<\/h3>\n<p class=\"gu-block gu-paragraph body-text gu-cards-card-text gu-block-grid-cta-text has-light-color\">Founded in 1789 as the nation\u2019s first Catholic institution of higher learning, the College of Arts &amp; Sciences is committed to the Jesuit traditions of an integrated education and of productive research in the natural sciences, humanities, social sciences and fine arts.<\/p>\n<a class=\"gu-link gu-block gu-block-link-cta gu-cards-card-cta-link gu-block-grid-cta-link gu-block-link-cta-light has-light-color\" href=\"https:\/\/georgetown.edu\">Link CTA<\/a><\/div><div class=\"gu-block gu-cards-card gu-block-grid-cta-card has-text-align-center \"><h3 class=\"gu-block body-text-heading gu-heading  gu-block-grid-cta-heading has-light-color\">Georgetown Law<\/h3>\n<p class=\"gu-block gu-paragraph body-text gu-cards-card-text gu-block-grid-cta-text has-light-color\">Georgetown Law students don\u2019t just study the law. In DC, they experience it. Washington, DC, is the nation\u2019s capital, a global hub and a lively metropolis. At Georgetown Law, students learn the law in the place where laws are made.<\/p>\n<a class=\"gu-link gu-block gu-block-link-cta gu-cards-card-cta-link gu-block-grid-cta-link gu-block-link-cta-light has-light-color\" href=\"https:\/\/georgetown.edu\">Link CTA<\/a><\/div><\/div><\/div><\/div>\n\n\n<h3 class=\"wp-block-heading body-text-heading\">Georgetown Gray Background<\/h3>\n\n\n<div class=\"gu-block gu-container gu-cards gu-block-grid-cta has-light-color with-bg gu-block-full        has-gray-background-color\"><div class=\"gu-block gu-container gu-container-inner gu-cards-inner gu-block-grid-cta-inner gu-block-full \"><div class=\"gu-block gu-block-wide gu-cards-header gu-block-grid-cta-header \"><h2 class=\"gu-block body-text-heading gu-heading gu-cards-header-heading title gu-block-grid-cta-header-heading has-light-color  \">Block Title<\/h2>\n<\/div><div class=\"gu-block gu-block-wide gu-cards-content gu-block-grid-cta-content is-style-with-border\"><div class=\"gu-block gu-cards-card gu-block-grid-cta-card has-text-align-center \"><h3 class=\"gu-block body-text-heading gu-heading  gu-block-grid-cta-heading has-light-color\">College of Arts &#038; Sciences<\/h3>\n<p class=\"gu-block gu-paragraph body-text gu-cards-card-text gu-block-grid-cta-text has-light-color\">Founded in 1789 as the nation\u2019s first Catholic institution of higher learning, the College of Arts &amp; Sciences is committed to the Jesuit traditions of an integrated education and of productive research in the natural sciences, humanities, social sciences and fine arts.<\/p>\n<a class=\"gu-link gu-block gu-block-link-cta gu-cards-card-cta-link gu-block-grid-cta-link gu-block-link-cta-light has-light-color\" href=\"https:\/\/georgetown.edu\">Link CTA<\/a><\/div><div class=\"gu-block gu-cards-card gu-block-grid-cta-card has-text-align-center \"><h3 class=\"gu-block body-text-heading gu-heading  gu-block-grid-cta-heading has-light-color\">Georgetown Law<\/h3>\n<p class=\"gu-block gu-paragraph body-text gu-cards-card-text gu-block-grid-cta-text has-light-color\">Georgetown Law students don\u2019t just study the law. In DC, they experience it. Washington, DC, is the nation\u2019s capital, a global hub and a lively metropolis. At Georgetown Law, students learn the law in the place where laws are made.<\/p>\n<a class=\"gu-link gu-block gu-block-link-cta gu-cards-card-cta-link gu-block-grid-cta-link gu-block-link-cta-light has-light-color\" href=\"https:\/\/georgetown.edu\">Link CTA<\/a><\/div><\/div><\/div><\/div>\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\/calls-to-action\/cta-grid\/how-to-cta-grid\/\">How To: CTA Grid<\/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\/calls-to-action\/\">More Calls to Action Blocks<\/a><\/li>\n<\/ol>\n<\/nav><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Table of Contents Usage The CTA Grid can be used on any page. It is recommended that the headlines are 30 characters or less, the descriptions are 150 characters or less, and the Link CTAs are 30 characters or less. Variations Examples White Background Georgetown Blue Background Georgetown Gray Background<\/p>\n","protected":false},"author":1387,"featured_media":0,"parent":1718,"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-3019","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: CTA Grid - 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\/calls-to-action\/cta-grid\/design-cta-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design: CTA Grid - 1789 Handbook\" \/>\n<meta property=\"og:description\" content=\"Table of Contents Usage The CTA Grid can be used on any page. It is recommended that the headlines are 30 characters or less, the descriptions are 150 characters or less, and the Link CTAs are 30 characters or less. Variations Examples White Background Georgetown Blue Background Georgetown Gray Background\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"1789 Handbook\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-12T20:51:44+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\/calls-to-action\/cta-grid\/design-cta-grid\/\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/\",\"name\":\"Design: CTA Grid - 1789 Handbook\",\"isPartOf\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\"},\"datePublished\":\"2024-08-19T20:24:08+00:00\",\"dateModified\":\"2024-09-12T20:51:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/#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\":\"Calls to Action\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"CTA Grid\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Design: CTA Grid\"}]},{\"@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: CTA Grid - 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\/calls-to-action\/cta-grid\/design-cta-grid\/","og_locale":"en_US","og_type":"article","og_title":"Design: CTA Grid - 1789 Handbook","og_description":"Table of Contents Usage The CTA Grid can be used on any page. It is recommended that the headlines are 30 characters or less, the descriptions are 150 characters or less, and the Link CTAs are 30 characters or less. Variations Examples White Background Georgetown Blue Background Georgetown Gray Background","og_url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/","og_site_name":"1789 Handbook","article_modified_time":"2024-09-12T20:51:44+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\/calls-to-action\/cta-grid\/design-cta-grid\/","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/","name":"Design: CTA Grid - 1789 Handbook","isPartOf":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website"},"datePublished":"2024-08-19T20:24:08+00:00","dateModified":"2024-09-12T20:51:44+00:00","breadcrumb":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/design-cta-grid\/#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":"Calls to Action","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/"},{"@type":"ListItem","position":4,"name":"CTA Grid","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/"},{"@type":"ListItem","position":5,"name":"Design: CTA Grid"}]},{"@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\/3019","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=3019"}],"version-history":[{"count":5,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3019\/revisions"}],"predecessor-version":[{"id":3595,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3019\/revisions\/3595"}],"up":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/1718"}],"wp:attachment":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/media?parent=3019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}