Arches: Online Video Library

Arches:Online Video Library

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/library_boot.css, line 10261

5.4.1 Home Utility Nav

Small nav under the home page to quick link users to helpful pieces of content

<nav class="utility-nav p-t_3 p-t_4:lg font_n3 font_0:md font_1:lg ">
    <ul class="flex flex_row ul_none justify_center">
        <li class="text_center p-x_2 block p-x_4:md lh_1">
            <a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
                ><i class="fal fa-star  block inline:md"></i><span class="display_none inline:md"> featured</span></a
            >
        </li>
        <li class="text_center p-x_2 block p-x_4:md lh_1 br-l_1 br_solid br_black-4">
            <a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
                ><i class="fal fa-sitemap  block inline:md"></i><span class="display_none inline:md"> hot topics</span></a
            >
        </li>
        <li class="text_center p-x_2 block p-x_4:md lh_1 text_center  br-l_1 br_solid br_black-4">
            <a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
            ><i class="fal fa-heart block inline:md"></i><span class="display_none inline:md"> saved</span></a
        >
        </li>
        <li class="text_center p-x_2 block p-x_4:md lh_1 br-l_1 br_solid br_black-4">
            <a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
            ><i class="fal fa-play  block inline:md"></i><span class="display_none inline:md"> continue watching</span></a
        >
        </li>
        <li class="text_center p-x_2 block p-x_4:md lh_1 br-l_1 br_solid br_black-4">
            <a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
            ><i class="fal fa-sync  block inline:md"></i><span class="display_none inline:md"> watch again </span></a
        >
        </li>
    </ul>
</nav>
Copy Code