Marsha Docs

Feature Row Shortcode

Note on Feature Row

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

Feature Row Shortcode Parameters

The parameters for the feature row items shortcode:

  • RequiredType (type): There are two options:
    • Gray Background: This will include a gray background with the image over top and text below.
    • Background Image: This will include a background image with an overly and the text on top of the backgound image.
    • Card: This will display an image above a dark gray box with the title and content.
  • Header (header): This text will be displayed above the feature row items with proper heading tags.
  • Number of Items (items): If you have less or more than 4 items you need to set the items value for proper formatting.

The parameters for the feature row items shortcode:

  • RequiredBackground Image (bg_image): This is the background image for the box.
  • RequiredLink (link): 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 feature row item that will display below the number.

Feature Row Shortcode Examples

Feature Row with Gray Background

Shortcode
HTML
[mu_feature_row type="gray"]
[mu_feature_item title="College of Arts and Media" link="http://www.marshall.edu/cam/" bg_image="https://www.marshall.edu/academics/files/2019/08/cam.jpg"]
[mu_feature_item title="College of Business" link="https://www.marshall.edu/cob/" bg_image="https://www.marshall.edu/academics/files/2019/08/cob.jpg"]
[mu_feature_item title="College of Education and Professional Development" link="http://www.marshall.edu/coepd/" bg_image="https://www.marshall.edu/academics/files/2019/08/coepd.jpg"]
[mu_feature_item title="College of Engineering and Computer Sciences" link="http://www.marshall.edu/cecs/" bg_image="https://www.marshall.edu/academics/files/2019/08/cite.jpg"]
[/mu_feature_row]
<div class="flex flex-col text-left mt-6 lg:mt-10">
    <div class="w-full xl:max-w-screen-xl xl:mx-auto text-white mt-8">
        <div class="flex -mx-4 carousel" style="scroll-snap-type: x mandatory; overflow: none; overflow-x: auto;">
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="http://www.marshall.edu/cam/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cam.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Arts and Media</div>
                </a>
            </div>
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="https://www.marshall.edu/cob/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cob.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Business</div>
                </a>
            </div>
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="http://www.marshall.edu/coepd/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/coepd.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Education and Professional Development</div>
                </a>
            </div>
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="http://www.marshall.edu/cecs/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cite.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Engineering and Computer Sciences</div>
                </a>
            </div>
        </div>
    </div>
</div>
Copy Code to Clipboard
Copy Code to Clipboard

Feature Row with Gray Background and Title

Shortcode
HTML
[mu_feature_row type="gray" header="Learn More About Us"]
[mu_feature_item title="College of Arts and Media" link="http://www.marshall.edu/cam/" bg_image="https://www.marshall.edu/academics/files/2019/08/cam.jpg"]
[mu_feature_item title="College of Business" link="https://www.marshall.edu/cob/" bg_image="https://www.marshall.edu/academics/files/2019/08/cob.jpg"]
[mu_feature_item title="College of Education and Professional Development" link="http://www.marshall.edu/coepd/" bg_image="https://www.marshall.edu/academics/files/2019/08/coepd.jpg"]
[mu_feature_item title="College of Engineering and Computer Sciences" link="http://www.marshall.edu/cecs/" bg_image="https://www.marshall.edu/academics/files/2019/08/cite.jpg"]
[/mu_feature_row]
<div class="flex flex-col text-left mt-6 lg:mt-10">
        <h3>Learn More About Us
    <div class="w-full xl:max-w-screen-xl xl:mx-auto text-white mt-8">
        <div class="flex -mx-4 carousel" style="scroll-snap-type: x mandatory; overflow: none; overflow-x: auto;">
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="http://www.marshall.edu/cam/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cam.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Arts and Media</div>
                </a>
            </div>
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="https://www.marshall.edu/cob/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cob.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Business</div>
                </a>
            </div>
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="http://www.marshall.edu/coepd/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/coepd.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Education and Professional Development</div>
                </a>
            </div>
            <div class="flex w-3/4 px-4 lg:px-6 lg:w-1/4 mb-8 flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="http://www.marshall.edu/cecs/" class="flex flex-col py-6 w-full group feature-gray-box">
                    <div class="bg-cover bg-center w-full relative shadow h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cite.jpg)">
                        <div class="absolute inset-0 px-6 flex flex-col pb-8 text-center text-white">
                            <div class="block bg-transparent arrow-top-sm green-arrow-top lg:invisible lg:group-hover:visible flex-1 group-hover:flex-initial"></div>
                        </div>
                    </div>
                    <div class="text-white w-3/4 mx-auto text-center font-sans text-lg font-semibold text-shadow-sm uppercase mt-6 group-hover:no-underline">College of Engineering and Computer Sciences</div>
                </a>
            </div>
        </div>
    </div>
</div>
Copy Code to Clipboard
Copy Code to Clipboard

Feature Row with Background Image

Shortcode
HTML
[mu_feature_row type="image"]
[mu_feature_item title="About Us" link="#" bg_image="https://www.marshall.edu/academics/files/2019/08/cam.jpg"]
[mu_feature_item title="Our Faculty/Staff" link="#" bg_image="https://www.marshall.edu/academics/files/2019/08/cob.jpg"]
[mu_feature_item title="Our Programs" link="#" bg_image="https://www.marshall.edu/academics/files/2019/08/coepd.jpg"]
[mu_feature_item title="Contact Us" link="#" bg_image="https://www.marshall.edu/academics/files/2019/08/cite.jpg"]
[/mu_feature_row]
<div class="flex flex-col text-left mt-6 lg:mt-10">
    <div class="w-full xl:max-w-screen-xl xl:mx-auto text-white mt-8">
        <div class="flex -mx-4 carousel" 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;">
                <a href="#" class="no-underline bg-gray-800 text-center overflow-hidden items-center">
                    <div class="bg-cover bg-center w-full h-full text-left relative min-h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cam.jpg)">
                        <div class="absolute inset-0 w-full h-full px-6 flex flex-col justify-between pb-0 lg:pb-8 transition-colors bg-green-overlay-80 lg:bg-black-overlay-40 duration-100 ease-in text-center group text-white lg:hover:bg-green-overlay-80">
                            <div class="hidden bg-transparent arrow-top-sm white-arrow-top lg:block invisible lg:group-hover:visible"></div>
                            <div class="flex-1 flex items-center lg:items-end justify-center">
                                <div class="font-sans text-xl font-semibold text-shadow-lg uppercase">
                                    <p>About Us</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </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;">
                <a href="#" class="no-underline bg-gray-800 text-center overflow-hidden items-center">
                    <div class="bg-cover bg-center w-full h-full text-left relative min-h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cob.jpg)">
                        <div class="absolute inset-0 w-full h-full px-6 flex flex-col justify-between pb-0 lg:pb-8 transition-colors bg-green-overlay-80 lg:bg-black-overlay-40 duration-100 ease-in text-center group text-white lg:hover:bg-green-overlay-80">
                            <div class="hidden bg-transparent arrow-top-sm white-arrow-top lg:block invisible lg:group-hover:visible"></div>
                            <div class="flex-1 flex items-center lg:items-end justify-center">
                                <div class="font-sans text-xl font-semibold text-shadow-lg uppercase"><p>Our Faculty/Staff</p></div>
                            </div>
                        </div>
                    </div>
                </a>
            </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;">
                <a href="#" class="no-underline bg-gray-800 text-center overflow-hidden items-center">
                    <div class="bg-cover bg-center w-full h-full text-left relative min-h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/coepd.jpg)">
                        <div class="absolute inset-0 w-full h-full px-6 flex flex-col justify-between pb-0 lg:pb-8 transition-colors bg-green-overlay-80 lg:bg-black-overlay-40 duration-100 ease-in text-center group text-white lg:hover:bg-green-overlay-80">
                            <div class="hidden bg-transparent arrow-top-sm white-arrow-top lg:block invisible lg:group-hover:visible"></div>
                            <div class="flex-1 flex items-center lg:items-end justify-center">
                                <div class="font-sans text-xl font-semibold text-shadow-lg uppercase"><p>Our Programs</p></div>
                            </div>
                        </div>
                    </div>
                </a>
            </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;">
                <a href="#" class="no-underline bg-gray-800 text-center overflow-hidden items-center">
                    <div class="bg-cover bg-center w-full h-full text-left relative min-h-64" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cite.jpg)">
                        <div class="absolute inset-0 w-full h-full px-6 flex flex-col justify-between pb-0 lg:pb-8 transition-colors bg-green-overlay-80 lg:bg-black-overlay-40 duration-100 ease-in text-center group text-white lg:hover:bg-green-overlay-80">
                            <div class="hidden bg-transparent arrow-top-sm white-arrow-top lg:block invisible lg:group-hover:visible"></div>
                            <div class="flex-1 flex items-center lg:items-end justify-center">
                                <div class="font-sans text-xl font-semibold text-shadow-lg uppercase"><p>Contact Us</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
Copy Code to Clipboard
Copy Code to Clipboard

Feature Row with Card

Shortcode
HTML
[mu_feature_row type="card" items="3"]
[mu_feature_item title="Students" link="#" bg_image="https://www.marshall.edu/academics/files/2019/08/cam.jpg"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu lectus viverra, auctor massa vel, dapibus mi. Ut leo tortor, commodo sed orci vel, vulputate accumsan nunc.[/mu_feature_item]
[mu_feature_item title="Degrees & Programs" link="#" bg_image="https://www.marshall.edu/academics/files/2019/08/cob.jpg"]Praesent efficitur leo vel nisl luctus, ut iaculis tortor consectetur.[/mu_feature_item]
[mu_feature_item title="Research" link="#" bg_image="https://www.marshall.edu/academics/files/2019/08/coepd.jpg"]nteger finibus, justo ut luctus rhoncus, tortor lectus ullamcorper neque, suscipit bibendum erat libero in magna. Sed non elit vitae odio vulputate mattis.[/mu_feature_item]
[/mu_feature_row]
<div class="flex flex-col text-left mt-6 lg:mt-10">
    <div class="w-full xl:max-w-screen-xl xl:mx-auto text-white mt-8">
        <div class="flex -mx-4 carousel" style="scroll-snap-type: x mandatory; overflow: none; overflow-x: auto;">
            <div class="w-full lg:w-1/3 mr-6 lg:mr-0 lg:px-4 lg:flex flex-col lg:mb-8 shadow-lg lg:shadow-none flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="#" class="no-underline bg-gray-800 text-center overflow-hidden items-center">
                    <div class="bg-cover bg-center w-full h-full text-left relative min-h-112" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cam.jpg)">
                        <div class="absolute pin-b w-full h-full justify-end flex flex-col text-center group text-white">
                            <div class="bg-gray-800 px-4 pt-3 pb-5 h-48 font-sans font-xl font-semibold text-shadow-sm text-left flex flex-col justify-start">
                                <div class="mb-3 lg:mb-2 flex items-center">
                                    <span class="uppercase mr-1 w-full lg:w-auto text-white group-hover:text-green-bright transition-all duration-100 ease-out text-xl">Students</span>
                                    <svg class="hidden lg:block opacity-0 transition-all ease-out duration-200 transform ml-1 h-3 w-3 text-green-dark group-hover:opacity-100 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
                                    <svg class="hidden lg:block opacity-0 transition-all ease-out duration-200 transform -ml-1 h-3 w-3 text-green-bright group-hover:opacity-100 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
                                </div>
                                <div class="text-white font-normal text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu lectus viverra, auctor massa vel, dapibus mi. Ut leo tortor, commodo sed orci vel, vulputate accumsan nunc.</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="w-full lg:w-1/3 mr-6 lg:mr-0 lg:px-4 lg:flex flex-col lg:mb-8 shadow-lg lg:shadow-none flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="#" class="no-underline bg-gray-800 text-center overflow-hidden items-center">
                    <div class="bg-cover bg-center w-full h-full text-left relative min-h-112" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/cob.jpg)">
                        <div class="absolute pin-b w-full h-full justify-end flex flex-col text-center group text-white">
                            <div class="bg-gray-800 px-4 pt-3 pb-5 h-48 font-sans font-xl font-semibold text-shadow-sm text-left flex flex-col justify-start">
                                <div class="mb-3 lg:mb-2 flex items-center">
                                    <span class="uppercase mr-1 w-full lg:w-auto text-white group-hover:text-green-bright transition-all duration-100 ease-out text-xl">Degrees & Programs</span>
                                    <svg class="hidden lg:block opacity-0 transition-all ease-out duration-200 transform ml-1 h-3 w-3 text-green-dark group-hover:opacity-100 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
                                    <svg class="hidden lg:block opacity-0 transition-all ease-out duration-200 transform -ml-1 h-3 w-3 text-green-bright group-hover:opacity-100 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
                                </div>
                                <div class="text-white font-normal text-sm">Praesent efficitur leo vel nisl luctus, ut iaculis tortor consectetur.</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="w-full lg:w-1/3 mr-6 lg:mr-0 lg:px-4 lg:flex flex-col lg:mb-8 shadow-lg lg:shadow-none flex-special lg:flex-none" style="scroll-snap-align: center;">
                <a href="#" class="no-underline bg-gray-800 text-center overflow-hidden items-center">
                    <div class="bg-cover bg-center w-full h-full text-left relative min-h-112" style="background-image: url(https://www.marshall.edu/academics/files/2019/08/coepd.jpg)">
                        <div class="absolute pin-b w-full h-full justify-end flex flex-col text-center group text-white">
                            <div class="bg-gray-800 px-4 pt-3 pb-5 h-48 font-sans font-xl font-semibold text-shadow-sm text-left flex flex-col justify-start">
                                <div class="mb-3 lg:mb-2 flex items-center">
                                    <span class="uppercase mr-1 w-full lg:w-auto text-white group-hover:text-green-bright transition-all duration-100 ease-out text-xl">Research</span>
                                    <svg class="hidden lg:block opacity-0 transition-all ease-out duration-200 transform ml-1 h-3 w-3 text-green-dark group-hover:opacity-100 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
                                    <svg class="hidden lg:block opacity-0 transition-all ease-out duration-200 transform -ml-1 h-3 w-3 text-green-bright group-hover:opacity-100 group-hover:translate-x-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg>
                                </div>
                                <div class="text-white font-normal text-sm">Anteger finibus, justo ut luctus rhoncus, tortor lectus ullamcorper neque, suscipit bibendum erat libero in magna. Sed non elit vitae odio vulputate mattis.</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
Copy Code to Clipboard
Copy Code to Clipboard