{"id":515,"date":"2021-11-10T13:17:04","date_gmt":"2021-11-10T18:17:04","guid":{"rendered":"https:\/\/www.marshall.edu\/website\/?page_id=515"},"modified":"2026-03-02T14:00:30","modified_gmt":"2026-03-02T19:00:30","slug":"icon-box","status":"publish","type":"page","link":"https:\/\/www.marshall.edu\/marsha\/icon-box\/","title":{"rendered":"Icon Box"},"content":{"rendered":"<p>The icon box allows you to post a feature box with an SVG icon and title that links to a different page.<\/p>\n<p>You can use any of the icons included below. If there&#8217;s a certain icon you want to use, but it is not listed below contact <a href=\"mailto:webmaster@marshall.edu\">webmaster@marshall.edu<\/a>.<\/p>\n<h2>Icon Boxes Wrapper Shortcode<\/h2>\n<p>Use <code>&#091;mu_icon_boxes&#093;<\/code> to wrap a group of <code>&#091;mu_icon_box&#093;<\/code> shortcodes. The wrapper handles layout so you no longer need to use rows and columns to display icon boxes side by side.<\/p>\n<h3>mu_icon_boxes Parameters<\/h3>\n<ul>\n<li><strong>Icon Boxes Per Row (per_row):<\/strong> Controls how many icon boxes appear per row at larger screen sizes. Accepts <code>2<\/code>, <code>3<\/code>, or <code>4<\/code>. Without this attribute, icon boxes will stack and grow to fill available width.<\/li>\n<li><strong>Extra Classes (class):<\/strong> Optional. Any additional CSS classes to apply to the wrapper element (e.g. <code>max-w-5xl mx-auto<\/code>).<\/li>\n<\/ul>\n<h2>Icon Box Shortcode<\/h2>\n<h3>mu_icon_box Parameters<\/h3>\n<ul>\n<li><span class=\"inline bg-red-100 text-red-700 font-bold px-2 py-1 rounded-sm uppercase text-xs mr-2 my-1\">Required<\/span><strong>Title (title): <\/strong>The title parameter is required and will should be no more than 2-3 words.<\/li>\n<li><span class=\"inline bg-red-100 text-red-700 font-bold px-2 py-1 rounded-sm uppercase text-xs mr-2 my-1\">Required<\/span><strong>Link (link): <\/strong>The link field is required and should be the full URL path of the page you wish to link.<\/li>\n<li><span class=\"inline bg-red-100 text-red-700 font-bold px-2 py-1 rounded-sm uppercase text-xs mr-2 my-1\">Required<\/span><strong>Icons (icon): <\/strong>The icon will display above the title, centered in the box. (see list below).<\/li>\n<\/ul>\n<h2>Icons<\/h2>\n<p>Here are the available <a href=\"\/marsha\/marsha\/docs\/icons\/\">icons<\/a> that you can use with this shortcode.<\/p>\n<h2>Icon Box Shortcode Examples<\/h2>\n<h3>Three Icon Boxes Per Row Example<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t<div class=\"flex flex-wrap justify-center gap-8 icon-boxes-per-row-3\">\n\t\n<div class=\"icon-box flex flex-col\">\n\t<a class=\"block bg-green h-full text-white hc:text-gray-900 contrast-more:text-gray-900 group py-8 px-6 rounded-2xl no-underline transition-all duration-300 ease-out hover:shadow-xl hover:shadow-green\/25 relative overflow-hidden w-full\" href=\"http:\/\/www.marshall.edu\/online-learning\/\">\n\t\t\t\t\t<div class=\"bg-white\/15 text-white w-18 h-18 mx-auto mb-5 rounded-full flex items-center justify-center transition-all duration-300 ease-out group-hover:bg-white\/25\">\n\t\t\t\t<svg data-slot=\"icon\" class=\"text-white h-10 w-10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\/><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"\/><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"\/><\/svg>\n\t\t\t<\/div>\n\t\t\n\t\t<span class=\"block text-xl font-bold uppercase tracking-wider w-full text-center mb-2\">Online Learning<\/span>\n\n\t\t<span class=\"bg-white\/15 text-white w-8 h-8 rounded-full flex items-center justify-center mx-auto mt-4 transition-all duration-300 ease-out group-hover:translate-x-1\">\n\t\t\t<svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n\t\t<\/span>\n\t<\/a>\n<\/div>\n\n<div class=\"icon-box flex flex-col\">\n\t<a class=\"block bg-green h-full text-white hc:text-gray-900 contrast-more:text-gray-900 group py-8 px-6 rounded-2xl no-underline transition-all duration-300 ease-out hover:shadow-xl hover:shadow-green\/25 relative overflow-hidden w-full\" href=\"https:\/\/marshall.test\/marsha\/recruitment\/faqs\/\">\n\t\t\t\t\t<div class=\"bg-white\/15 text-white w-18 h-18 mx-auto mb-5 rounded-full flex items-center justify-center transition-all duration-300 ease-out group-hover:bg-white\/25\">\n\t\t\t\t<svg data-slot=\"icon\" class=\"text-white h-10 w-10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><path d=\"M12 17h.01\"\/><\/svg>\n\t\t\t<\/div>\n\t\t\n\t\t<span class=\"block text-xl font-bold uppercase tracking-wider w-full text-center mb-2\">FAQs<\/span>\n\n\t\t<span class=\"bg-white\/15 text-white w-8 h-8 rounded-full flex items-center justify-center mx-auto mt-4 transition-all duration-300 ease-out group-hover:translate-x-1\">\n\t\t\t<svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n\t\t<\/span>\n\t<\/a>\n<\/div>\n\n<div class=\"icon-box flex flex-col\">\n\t<a class=\"block bg-green h-full text-white hc:text-gray-900 contrast-more:text-gray-900 group py-8 px-6 rounded-2xl no-underline transition-all duration-300 ease-out hover:shadow-xl hover:shadow-green\/25 relative overflow-hidden w-full\" href=\"https:\/\/www.bkstr.com\/marshallstore\/home\">\n\t\t\t\t\t<div class=\"bg-white\/15 text-white w-18 h-18 mx-auto mb-5 rounded-full flex items-center justify-center transition-all duration-300 ease-out group-hover:bg-white\/25\">\n\t\t\t\t<svg data-slot=\"icon\" class=\"text-white h-10 w-10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 7v14\"\/><path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"\/><\/svg>\n\t\t\t<\/div>\n\t\t\n\t\t<span class=\"block text-xl font-bold uppercase tracking-wider w-full text-center mb-2\">Bookstore<\/span>\n\n\t\t<span class=\"bg-white\/15 text-white w-8 h-8 rounded-full flex items-center justify-center mx-auto mt-4 transition-all duration-300 ease-out group-hover:translate-x-1\">\n\t\t\t<svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n\t\t<\/span>\n\t<\/a>\n<\/div>\n\n\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_icon_boxes per_row=&quot;3&quot;]\n[mu_icon_box title=&quot;Online Learning&quot; icon=&quot;computer&quot; link=&quot;http:\/\/www.marshall.edu\/online-learning\/&quot;][\/mu_icon_box]\n[mu_icon_box title=&quot;FAQs&quot; icon=&quot;question&quot; link=&quot;https:\/\/marshall.test\/marsha\/recruitment\/faqs\/&quot;][\/mu_icon_box]\n[mu_icon_box title=&quot;Bookstore&quot; icon=&quot;book&quot; link=&quot;https:\/\/www.bkstr.com\/marshallstore\/home&quot;][\/mu_icon_box]\n[\/mu_icon_boxes]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<h3>Four Icon Boxes Per Row Example<\/h3>\n\n<div x-data=\"{ copied: false, rawCode: '' }\" x-init=\"rawCode = $refs.codeSource.textContent\" class=\"mb-12\">\n\n\t\t\t<div class=\"px-6 py-6 border border-b-0 rounded-t-lg border-gray-200 bg-white\">\n\t\t\t<div class=\"flex flex-wrap justify-center gap-8 icon-boxes-per-row-4\">\n\t\n<div class=\"icon-box flex flex-col\">\n\t<a class=\"block bg-green h-full text-white hc:text-gray-900 contrast-more:text-gray-900 group py-8 px-6 rounded-2xl no-underline transition-all duration-300 ease-out hover:shadow-xl hover:shadow-green\/25 relative overflow-hidden w-full\" href=\"http:\/\/www.marshall.edu\/online-learning\/\">\n\t\t\t\t\t<div class=\"bg-white\/15 text-white w-18 h-18 mx-auto mb-5 rounded-full flex items-center justify-center transition-all duration-300 ease-out group-hover:bg-white\/25\">\n\t\t\t\t<svg data-slot=\"icon\" class=\"text-white h-10 w-10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\/><line x1=\"8\" x2=\"16\" y1=\"21\" y2=\"21\"\/><line x1=\"12\" x2=\"12\" y1=\"17\" y2=\"21\"\/><\/svg>\n\t\t\t<\/div>\n\t\t\n\t\t<span class=\"block text-xl font-bold uppercase tracking-wider w-full text-center mb-2\">Online Learning<\/span>\n\n\t\t<span class=\"bg-white\/15 text-white w-8 h-8 rounded-full flex items-center justify-center mx-auto mt-4 transition-all duration-300 ease-out group-hover:translate-x-1\">\n\t\t\t<svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n\t\t<\/span>\n\t<\/a>\n<\/div>\n\n<div class=\"icon-box flex flex-col\">\n\t<a class=\"block bg-green h-full text-white hc:text-gray-900 contrast-more:text-gray-900 group py-8 px-6 rounded-2xl no-underline transition-all duration-300 ease-out hover:shadow-xl hover:shadow-green\/25 relative overflow-hidden w-full\" href=\"https:\/\/marshall.test\/marsha\/recruitment\/faqs\/\">\n\t\t\t\t\t<div class=\"bg-white\/15 text-white w-18 h-18 mx-auto mb-5 rounded-full flex items-center justify-center transition-all duration-300 ease-out group-hover:bg-white\/25\">\n\t\t\t\t<svg data-slot=\"icon\" class=\"text-white h-10 w-10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><path d=\"M12 17h.01\"\/><\/svg>\n\t\t\t<\/div>\n\t\t\n\t\t<span class=\"block text-xl font-bold uppercase tracking-wider w-full text-center mb-2\">FAQs<\/span>\n\n\t\t<span class=\"bg-white\/15 text-white w-8 h-8 rounded-full flex items-center justify-center mx-auto mt-4 transition-all duration-300 ease-out group-hover:translate-x-1\">\n\t\t\t<svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n\t\t<\/span>\n\t<\/a>\n<\/div>\n\n<div class=\"icon-box flex flex-col\">\n\t<a class=\"block bg-green h-full text-white hc:text-gray-900 contrast-more:text-gray-900 group py-8 px-6 rounded-2xl no-underline transition-all duration-300 ease-out hover:shadow-xl hover:shadow-green\/25 relative overflow-hidden w-full\" href=\"https:\/\/www.bkstr.com\/marshallstore\/home\">\n\t\t\t\t\t<div class=\"bg-white\/15 text-white w-18 h-18 mx-auto mb-5 rounded-full flex items-center justify-center transition-all duration-300 ease-out group-hover:bg-white\/25\">\n\t\t\t\t<svg data-slot=\"icon\" class=\"text-white h-10 w-10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 7v14\"\/><path d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"\/><\/svg>\n\t\t\t<\/div>\n\t\t\n\t\t<span class=\"block text-xl font-bold uppercase tracking-wider w-full text-center mb-2\">Bookstore<\/span>\n\n\t\t<span class=\"bg-white\/15 text-white w-8 h-8 rounded-full flex items-center justify-center mx-auto mt-4 transition-all duration-300 ease-out group-hover:translate-x-1\">\n\t\t\t<svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n\t\t<\/span>\n\t<\/a>\n<\/div>\n\n<div class=\"icon-box flex flex-col\">\n\t<a class=\"block bg-green h-full text-white hc:text-gray-900 contrast-more:text-gray-900 group py-8 px-6 rounded-2xl no-underline transition-all duration-300 ease-out hover:shadow-xl hover:shadow-green\/25 relative overflow-hidden w-full\" href=\"https:\/\/www.marshall.edu\/admissions\/apply\/\">\n\t\t\t\t\t<div class=\"bg-white\/15 text-white w-18 h-18 mx-auto mb-5 rounded-full flex items-center justify-center transition-all duration-300 ease-out group-hover:bg-white\/25\">\n\t\t\t\t<svg data-slot=\"icon\" class=\"text-white h-10 w-10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"\/><path d=\"m15 5 4 4\"\/><\/svg>\n\t\t\t<\/div>\n\t\t\n\t\t<span class=\"block text-xl font-bold uppercase tracking-wider w-full text-center mb-2\">Apply Now<\/span>\n\n\t\t<span class=\"bg-white\/15 text-white w-8 h-8 rounded-full flex items-center justify-center mx-auto mt-4 transition-all duration-300 ease-out group-hover:translate-x-1\">\n\t\t\t<svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n\t\t<\/span>\n\t<\/a>\n<\/div>\n\n\n<\/div>\n\n\t\t<\/div>\n\t\n\t<div class=\"\">\n\t\t<div class=\"flex items-center justify-between px-4 py-2.5\" style=\"background: #181825; border-bottom: 1px solid rgba(255,255,255,.06);\">\n\t\t\t<span class=\"text-[11px] font-medium tracking-wide text-white\/40\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\">Shortcode<\/span>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\t@click=\"navigator.clipboard.writeText(rawCode); copied = true; setTimeout(() => copied = false, 2000)\"\n\t\t\t\tclass=\"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium cursor-pointer transition-all duration-150\"\n\t\t\t\t:class=\"copied\n\t\t\t\t\t? 'bg-green\/20 text-green border border-green\/30'\n\t\t\t\t\t: 'bg-white\/8 text-white\/60 border border-white\/10 hover:bg-white\/14 hover:text-white\/90'\"\n\t\t\t\tstyle=\"font-family: 'JetBrains Mono', ui-monospace, monospace;\"\n\t\t\t>\n\t\t\t\t<template x-if=\"!copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/>\n\t\t\t\t\t\t<path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<template x-if=\"copied\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t<polyline points=\"20 6 9 17 4 12\"\/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/template>\n\t\t\t\t<span x-text=\"copied ? 'Copied!' : 'Copy'\"><\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"rounded-b-lg overflow-x-auto\" style=\"background: #1e1e2e;\">\n\t\t\t<pre class=\"px-5 py-4\"><code x-ref=\"codeSource\" class=\"language-bbcode text-[13px] leading-relaxed\" style=\"font-family: 'JetBrains Mono', ui-monospace, monospace; color: #cdd6f4;\">[mu_icon_boxes per_row=&quot;4&quot;]\n[mu_icon_box title=&quot;Online Learning&quot; icon=&quot;computer&quot; link=&quot;http:\/\/www.marshall.edu\/online-learning\/&quot;][\/mu_icon_box]\n[mu_icon_box title=&quot;FAQs&quot; icon=&quot;question&quot; link=&quot;https:\/\/marshall.test\/marsha\/recruitment\/faqs\/&quot;][\/mu_icon_box]\n[mu_icon_box title=&quot;Bookstore&quot; icon=&quot;book&quot; link=&quot;https:\/\/www.bkstr.com\/marshallstore\/home&quot;][\/mu_icon_box]\n[mu_icon_box title=&quot;Apply Now&quot; icon=&quot;pencil&quot; link=&quot;https:\/\/www.marshall.edu\/admissions\/apply\/&quot;][\/mu_icon_box]\n[\/mu_icon_boxes]<\/code><\/pre>\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>The icon box allows you to post a feature box with an SVG icon and title that links to a different page. You can use any of the icons included below. If there&#8217;s a certain icon you want to use, but it is not listed below contact webmaster@marshall.edu. Icon Boxes Wrapper Shortcode Use &#091;mu_icon_boxes&#093; to<\/p>\n","protected":false},"author":203,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-sidebar-left.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-515","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/515","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/users\/203"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/comments?post=515"}],"version-history":[{"count":5,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/515\/revisions"}],"predecessor-version":[{"id":858,"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/pages\/515\/revisions\/858"}],"wp:attachment":[{"href":"https:\/\/www.marshall.edu\/marsha\/wp-json\/wp\/v2\/media?parent=515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}