Marsha Docs

Facts and Stats Shortcode

Note on Facts and Stats

NOTE: You are limited to a maximum of 4 fact items at present time.

Facts and Stats Shortcode Parameters

The parameters for the facts and stats shortcode:

  • RequiredNumber (number): This is the number that will display in the box, if it's monetary it should include a dollar sign before it.
  • RequiredTitle (title): This should be the title of the stat/fact that will display below the number.

Facts and Stats Shortcode Examples

Facts and Stats

Shortcode
HTML
[mufacts]
[mufact title="Degree Programs" number="24"]
[mufact title="Faculty Members" number="140"]
[mufact title="Undergraduates" number="950"]
[mufact title="Scholarships/Semester" number="$64K"]
[/mufacts]
<div class="flex -mx-4 carousel text-white" style="scroll-snap-type: x mandatory; overflow: none; overflow-x: auto;">
    <div class="w-3/4 lg:w-1/4 px-4 lg:flex flex-col mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
        <div class="bg-cover bg-center w-full h-full text-left relative min-h-64 bg-green">
            <div class="absolute inset-0 w-full h-full px-6 flex flex-col pb-0 lg:pb-8">
                <div class="arrow-top-sm white-arrow-top"></div>
                <div class="flex-1 flex flex-col items-center justify-center">
                    <span class="font-serif text-5xl xl:text-6xl font-bold text-shadow-sm">24</span>
                    <span class="text-center font-sans font-xl font-semibold text-shadow-sm uppercase">Degree Programs</span>
                </div>
            </div>
        </div>
    </div>
    <div class="w-3/4 lg:w-1/4 px-4 lg:flex flex-col mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
        <div class="bg-cover bg-center w-full h-full text-left relative min-h-64 bg-green">
            <div class="absolute inset-0 w-full h-full px-6 flex flex-col pb-0 lg:pb-8">
                <div class="arrow-top-sm white-arrow-top"></div>
                <div class="flex-1 flex flex-col items-center justify-center">
                    <span class="font-serif text-5xl xl:text-6xl font-bold text-shadow-sm">140</span>
                    <span class="text-center font-sans font-xl font-semibold text-shadow-sm uppercase">Faculty Members</span>
                </div>
            </div>
        </div>
    </div>
    <div class="w-3/4 lg:w-1/4 px-4 lg:flex flex-col mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
        <div class="bg-cover bg-center w-full h-full text-left relative min-h-64 bg-green">
            <div class="absolute inset-0 w-full h-full px-6 flex flex-col pb-0 lg:pb-8">
                <div class="arrow-top-sm white-arrow-top"></div>
                <div class="flex-1 flex flex-col items-center justify-center">
                    <span class="font-serif text-5xl xl:text-6xl font-bold text-shadow-sm">950</span>
                    <span class="text-center font-sans font-xl font-semibold text-shadow-sm uppercase">Undergraduates</span>
                </div>
            </div>
        </div>
    </div>
    <div class="w-3/4 lg:w-1/4 px-4 lg:flex flex-col mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
        <div class="bg-cover bg-center w-full h-full text-left relative min-h-64 bg-green">
            <div class="absolute inset-0 w-full h-full px-6 flex flex-col pb-0 lg:pb-8">
                <div class="arrow-top-sm white-arrow-top"></div>
                <div class="flex-1 flex flex-col items-center justify-center">
                    <span class="font-serif text-5xl xl:text-6xl font-bold text-shadow-sm">$64K</span>
                    <span class="text-center font-sans font-xl font-semibold text-shadow-sm uppercase">Scholarships/Semester</span>
                </div>
            </div>
        </div>
    </div>
</div>
Copy Code to Clipboard
Copy Code to Clipboard