{"id":20,"date":"2024-03-13T13:19:43","date_gmt":"2024-03-13T13:19:43","guid":{"rendered":"https:\/\/www.mtsu.edu\/style-guide\/?page_id=20"},"modified":"2026-04-10T12:56:15","modified_gmt":"2026-04-10T12:56:15","slug":"mtsu-custom-blocks","status":"publish","type":"page","link":"https:\/\/www.mtsu.edu\/style-guide\/mtsu-custom-blocks\/","title":{"rendered":"MTSU Custom Blocks"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Expandable Block<\/h2>\n\n\n\n<p>Must add a different ID for each Block <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Style 1<\/h4>\n\n\n\n<div class=\"wp-block-mtsu-blocks-expandable-block accordion expandable-group expandable-group-faq\" id=\"EB02\">\n<div class=\"wp-block-mtsu-blocks-expandable-item accordion-item expandable-heading expandable-heading-faq\"><h2 class=\"accordion-header\" id=\"headingexpandable-block-style-1-box-1\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseEB02expandable-block-style-1-box-1\" aria-expanded=\"false\" aria-controls=\"collapseEB02expandable-block-style-1-box-1\">Expandable Block Style 1 Box 1<\/button><\/h2><div id=\"collapseEB02expandable-block-style-1-box-1\" class=\"accordion-collapse collapse expandable-content expandable-content-faq\" aria-labelledby=\"headingexpandable-block-style-1-box-1\" data-bs-parent=\"#EB02\"><div class=\"accordion-body\">\n<p class=\"has-standard-color has-text-color has-link-color wp-elements-4b005a48d716c3cd68564d27631cc9d6\">Here&#8217;s some information for this block.<\/p>\n\n\n\n<p>A 2nd paragraph of information.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-expandable-item accordion-item expandable-heading expandable-heading-faq\"><h2 class=\"accordion-header\" id=\"headingexpandable-block-style-1-box-2\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseEB02expandable-block-style-1-box-2\" aria-expanded=\"false\" aria-controls=\"collapseEB02expandable-block-style-1-box-2\">Expandable Block Style 1 Box 2<\/button><\/h2><div id=\"collapseEB02expandable-block-style-1-box-2\" class=\"accordion-collapse collapse expandable-content expandable-content-faq\" aria-labelledby=\"headingexpandable-block-style-1-box-2\" data-bs-parent=\"#EB02\"><div class=\"accordion-body\">\n<p class=\"has-standard-color has-text-color has-link-color wp-elements-4b005a48d716c3cd68564d27631cc9d6\">Here&#8217;s some information for this block.<\/p>\n\n\n\n<p>A 2nd paragraph of information.<\/p>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Style 2<\/h4>\n\n\n\n<div class=\"wp-block-mtsu-blocks-expandable-block accordion expandable-group expandable-group-lightblock\" id=\"EB04\">\n<div class=\"wp-block-mtsu-blocks-expandable-item accordion-item expandable-heading expandable-heading-lightblock\"><h2 class=\"accordion-header\" id=\"headingexpandable-block-style-2-box-1\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseEB04expandable-block-style-2-box-1\" aria-expanded=\"false\" aria-controls=\"collapseEB04expandable-block-style-2-box-1\">Expandable Block Style 2 Box 1<\/button><\/h2><div id=\"collapseEB04expandable-block-style-2-box-1\" class=\"accordion-collapse collapse expandable-content expandable-content-lightblock\" aria-labelledby=\"headingexpandable-block-style-2-box-1\" data-bs-parent=\"#EB04\"><div class=\"accordion-body\">\n<p class=\"has-standard-color has-text-color has-link-color wp-elements-4b005a48d716c3cd68564d27631cc9d6\">Here&#8217;s some information for this block.<\/p>\n\n\n\n<p>A 2nd paragraph of information.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-expandable-item accordion-item expandable-heading expandable-heading-lightblock\"><h2 class=\"accordion-header\" id=\"headingexpandable-block-style-2-box-2\"><button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseEB04expandable-block-style-2-box-2\" aria-expanded=\"false\" aria-controls=\"collapseEB04expandable-block-style-2-box-2\">Expandable Block Style 2 Box 2<\/button><\/h2><div id=\"collapseEB04expandable-block-style-2-box-2\" class=\"accordion-collapse collapse expandable-content expandable-content-lightblock\" aria-labelledby=\"headingexpandable-block-style-2-box-2\" data-bs-parent=\"#EB04\"><div class=\"accordion-body\">\n<p class=\"has-standard-color has-text-color has-link-color wp-elements-4b005a48d716c3cd68564d27631cc9d6\">Here&#8217;s some information for this block.<\/p>\n\n\n\n<p>A 2nd paragraph of information.<\/p>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Font Awesome Icon Block<\/h2>\n\n\n\n<p>Meant to be used as a stand alone element. Includes the ability to edit color, size, and alignment.<\/p>\n\n\n\n<i class=\"wp-block-mtsu-blocks-icon-block has-accent-5-color has-text-color has-link-color fas fa-hippo wp-elements-e9db0c2994b861170aa356247fe67b1b\" style=\"font-size:5em\"><\/i>\n\n\n\n<h2 class=\"wp-block-heading\">Icon Info Block<\/h2>\n\n\n\n<p>Creates a section of icon blocks. All items are optional. For best results set icon size as 5.<\/p>\n\n\n\n<div class=\"wp-block-mtsu-blocks-icon-info-blocks card-icon-block\"><div class=\"grid-row justify-content-center\">\n<div class=\"wp-block-mtsu-blocks-icon-info-block grid-item\"><div class=\"grid-item-wrapper\"><div class=\"grid-item-container\"><div class=\"grid-item-content\">\n<i class=\"wp-block-mtsu-blocks-icon-block has-mtsunavy-color has-text-color has-link-color fas fa-robot-astromech wp-elements-7b72a0ac4653bfc956a33c29fca09316\" style=\"font-size:5em\"><\/i>\n\n\n\n<h2 class=\"wp-block-heading\">Boop Beep<\/h2>\n\n\n\n<p>I&#8217;m a droid.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-1-background-color has-background wp-element-button\">Button<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-icon-info-block grid-item\"><div class=\"grid-item-wrapper\"><div class=\"grid-item-container\"><div class=\"grid-item-content\">\n<i class=\"wp-block-mtsu-blocks-icon-block has-accent-1-color has-text-color has-link-color fas fa-user-hair-buns wp-elements-d3105af0ab1a670e25e0611556a1fc35\" style=\"font-size:5em\"><\/i>\n\n\n\n<h2 class=\"wp-block-heading\">Buns<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-2-background-color has-background wp-element-button\">Button<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-icon-info-block grid-item\"><div class=\"grid-item-wrapper\"><div class=\"grid-item-container\"><div class=\"grid-item-content\">\n<i class=\"wp-block-mtsu-blocks-icon-block has-mtsublue-color has-text-color has-link-color fas fa-jedi wp-elements-cf217efa069280fa128bdc1e3494d88c\" style=\"font-size:5em\"><\/i>\n\n\n\n<h2 class=\"wp-block-heading\">Alliance<\/h2>\n\n\n\n<p>Use the force<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\"><\/div>\n<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-icon-info-block grid-item\"><div class=\"grid-item-wrapper\"><div class=\"grid-item-container\"><div class=\"grid-item-content\">\n<i class=\"wp-block-mtsu-blocks-icon-block fas fa-space-station-moon\" style=\"font-size:2em\"><\/i>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\"><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Image Buttons<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">With Hover<\/h4>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-buttons image-landing-bucket\" style=\"text-align:center\">\n<div class=\"wp-block-mtsu-blocks-image-button image-bucket\"><a href=\"\" target=\"\" rel=\"noopener\" style=\"background-image:url(https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20150504D-043-HDR.jpg)\"><div class=\"content\"><h2>Button Title<\/h2><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-button image-bucket\"><a href=\"\" target=\"\" rel=\"noopener\" style=\"background-image:url(https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20171108D-141.jpg)\"><div class=\"content\"><h2>Text<\/h2><\/div><\/a><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Without Hover<\/h4>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-buttons image-landing-bucket image-landing-bucket-gradient\" style=\"text-align:center\">\n<div class=\"wp-block-mtsu-blocks-image-button image-bucket\"><a href=\"\" target=\"\" rel=\"noopener\" style=\"background-image:url(https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20150504D-043-HDR.jpg)\"><div class=\"content\"><h2>Button Title<\/h2><\/div><\/a><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-button image-bucket\"><a href=\"\" target=\"\" rel=\"noopener\" style=\"background-image:url(https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20171108D-141.jpg)\"><div class=\"content\"><h2>Text<\/h2><\/div><\/a><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Image Cards<\/h4>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-cards row\">\n<div class=\"wp-block-mtsu-blocks-image-card col-sm-4\"><div class=\"card h-100\"><img decoding=\"async\" src=\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20150504D-043-HDR.jpg\" class=\"card-img-top\" alt=\"\" \/><div class=\"card-body\">\n<h2 class=\"wp-block-heading\">Card Title<\/h2>\n\n\n\n<p>sfdasdfsfsdafdsafsdfsdfsdfasdfdsfsd<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>List item 1<\/li>\n\n\n\n<li>List item 2<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-1-background-color has-background wp-element-button\" href=\"#\">Here&#8217;s a button<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-card col-sm-4\"><div class=\"card h-100\"><img decoding=\"async\" src=\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20171108D-141.jpg\" class=\"card-img-top\" alt=\"\" \/><div class=\"card-body\">\n<p>Here&#8217;s some text<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-card col-sm-4\"><div class=\"card h-100\"><img decoding=\"async\" src=\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20131007D-137.jpg\" class=\"card-img-top\" alt=\"\" \/><div class=\"card-body\">\n<p><\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mtsu-blocks-image-card col-sm-4\"><div class=\"card h-100\"><img decoding=\"async\" src=\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2024\/03\/20150504D-043-HDR.jpg\" class=\"card-img-top\" alt=\"\" \/><div class=\"card-body\">\n<p><\/p>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">MTSU YouTube Playlist<\/h2>\n\n\n\n<p><\/p>\n\n\n<div class=\"container text-center my-3\"><div class=\"row mx-auto my-auto justify-content-center\"><div id=\"carouselPLsJ4ZEMqDTNkfD9jx3ATFU6PVa_E6UrC5\" class=\"carousel slide\" data-bs-ride=\"false\" data-bs-interval=\"0\" style=\"width: 100%\"><div class=\"carousel-inner\" role=\"listbox\"><div class=\"carousel-item active\"><div class=\"col-md-4\"><div class=\"card\"><a data-bs-toggle=\"modal\" data-bs-target=\"#youtubeModal\" data-bs-video=\"4yi9cQaU5JM\" data-bs-title=\"Community and Public Health - Morgan Menifee | Why I Chose MTSU\"><div class=\"card-img\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/4yi9cQaU5JM\/sddefault.jpg\" class=\"img-fluid\" alt=\"Community and Public Health - Morgan Menifee | Why I Chose MTSU\"><\/div><div class=\"card-img-overlay\"><i class=\"fab fa-youtube\"><\/i><\/div><\/a><\/div><\/div><\/div><div class=\"carousel-item\"><div class=\"col-md-4\"><div class=\"card\"><a data-bs-toggle=\"modal\" data-bs-target=\"#youtubeModal\" data-bs-video=\"5ToVZGCPnZQ\" data-bs-title=\"Out of the Blue: Public Health, M.P.H. with Andrew Owusu and Kahler Stone (Full Interview)\"><div class=\"card-img\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/5ToVZGCPnZQ\/sddefault.jpg\" class=\"img-fluid\" alt=\"Out of the Blue: Public Health, M.P.H. with Andrew Owusu and Kahler Stone (Full Interview)\"><\/div><div class=\"card-img-overlay\"><i class=\"fab fa-youtube\"><\/i><\/div><\/a><\/div><\/div><\/div><div class=\"carousel-item\"><div class=\"col-md-4\"><div class=\"card\"><a data-bs-toggle=\"modal\" data-bs-target=\"#youtubeModal\" data-bs-video=\"ldEQkUyjMLU\" data-bs-title=\"Out of the Blue: Bethany Wrye on Public Health partnership with Air National Guard (Full Interview)\"><div class=\"card-img\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/ldEQkUyjMLU\/sddefault.jpg\" class=\"img-fluid\" alt=\"Out of the Blue: Bethany Wrye on Public Health partnership with Air National Guard (Full Interview)\"><\/div><div class=\"card-img-overlay\"><i class=\"fab fa-youtube\"><\/i><\/div><\/a><\/div><\/div><\/div><div class=\"carousel-item\"><div class=\"col-md-4\"><div class=\"card\"><a data-bs-toggle=\"modal\" data-bs-target=\"#youtubeModal\" data-bs-video=\"eGUlRO0GGGU\" data-bs-title=\"MTSU On the Record: Public Health Challenges During the Civil War with Dr. James B. Jones Jr.\"><div class=\"card-img\"><img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/eGUlRO0GGGU\/sddefault.jpg\" class=\"img-fluid\" alt=\"MTSU On the Record: Public Health Challenges During the Civil War with Dr. James B. Jones Jr.\"><\/div><div class=\"card-img-overlay\"><i class=\"fab fa-youtube\"><\/i><\/div><\/a><\/div><\/div><\/div><\/div><a class=\"carousel-control-prev bg-transparent w-aut\" role=\"button\" href=\"#carouselPLsJ4ZEMqDTNkfD9jx3ATFU6PVa_E6UrC5\" data-bs-slide=\"prev\"><span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"><\/span><\/a><a class=\"carousel-control-next bg-transparent w-aut\" role=\"button\" href=\"#carouselPLsJ4ZEMqDTNkfD9jx3ATFU6PVa_E6UrC5\" data-bs-slide=\"next\"><span class=\"carousel-control-next-icon\" aria-hidden=\"true\"><\/span><\/a><\/div><\/div><\/div><div class=\"modal fade\" id=\"youtubeModal\" tabindex=\"-1\" aria-labelledby=\"youtubeModalLabel\" aria-hidden=\"true\"><div class=\"modal-dialog modal-dialog-centered modal-xl\"><div class=\"modal-content\"><div class=\"modal-header\"><h2 class=\"modal-title fs-5\" id=\"youtubeModalLabel\"><\/h2><button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button><\/div><div class=\"modal-body\"><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Expandable Block Must add a different ID for each Block Style 1 Style 2 Font Awesome Icon Block Meant to be used as a stand alone element. Includes the ability to edit color, size, and alignment. Icon Info Block Creates a section of icon blocks. All items are optional. For best results set icon size [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":3,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":659,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages\/20\/revisions\/659"}],"wp:attachment":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}