Template Code
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no">
    <meta name="theme-color" content="#00274c">
    <title>Bootstrap Application | University of Michigan-Flint</title>
    <link rel="shortcut icon" href="//cdn.umflint.edu/bootstrap/v4/application/dist/img/favicon.ico" type="image/vnd.microsoft.icon">
    <link type="text/css" rel="stylesheet" href="/dist/css/bootstrap.css" media="all">
</head>
<body>

<div id="flint-container">
    <header id="flint-header">
        <div class="container">
            <div class="flint-colophon">
                <a class="flint-mblock" href="https://www.umflint.edu" title="University of Michigan-Flint">
                    <img src="data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22block-m%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-20%20-19%2072%2075%22%3E%3Crect%20id%3D%22logo-bg%22%20x%3D%22-20%22%20y%3D%22-19%22%20fill%3D%22none%22%20width%3D%2272%22%20height%3D%2275%22%2F%3E%3Cpolygon%20id%3D%22big-m%22%20fill%3D%22%23FFCB05%22%20points%3D%2216%2C21%205%2C6.5%205%2C18%2010%2C18%2010%2C28%20-10%2C28%20-10%2C18%20-6%2C18%20-6%2C1%20-10%2C1%20-10%2C-9%205%2C-9%2016%2C6%2027%2C-9%2042%2C-9%2042%2C1%2038%2C1%2038%2C18%2042%2C18%2042%2C28%2022%2C28%2022%2C18%2027%2C18%2027%2C6.5%20%22%2F%3E%3Cpath%20id%3D%22flint%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M9.46849%2C42.67113h0.58755L9.77968%2C45.8453H0.1162v-0.65731%20c1.04206-0.08941%2C1.37178-0.22781%2C1.44042-0.93959c0.03214-0.34557%2C0.06976-1.47257%2C0.06976-1.8716L1.541%2C37.58838%20c0-2.49722-0.01685-2.75884-1.51018-2.92783V34h5.44513v0.66055c-1.57994%2C0.11664-1.57994%2C0.1384-1.57994%2C3.10218l0.08538%2C4.55312%20c0.01909%2C1.9936%2C0.08829%2C2.33034%2C1.64044%2C2.36305C7.91198%2C44.6789%2C9.11801%2C44.81953%2C9.46849%2C42.67113z%20M10.68021%2C34.65619%20c1.44098%2C0.20705%2C1.44098%2C0.27905%2C1.45739%2C2.82972l0.08538%2C4.5596v1.55974c-0.01641%2C1.28404-0.25996%2C1.42356-1.45739%2C1.58273%20v0.65731h5.08707v-0.65731c-0.95321-0.07088-1.30034-0.24411-1.38484-0.99083c-0.03594-0.3651-0.05447-1.7342-0.05447-2.16917%20l-0.08538-4.54208c0-2.62267%2C0-2.68696%2C1.4393-2.82537V34h-5.08539L10.68021%2C34.65619L10.68021%2C34.65619z%20M25.07168%2C34.65619%20c1.94506%2C0.07088%2C1.99628%2C0.17334%2C2.0138%2C2.11794l0.08538%2C5.08163l-3.5031-3.82929C21.86213%2C35.78765%2C21.63699%2C35.4585%2C20.61246%2C34%20h-3.68158v0.66055c0.82084%2C0.06865%2C1.09496%2C0.18863%2C1.76969%2C0.81648c-0.01752%2C1.26652%2C0.01618%2C8.13258-0.15605%2C8.94471%20c-0.13852%2C0.69761-0.52594%2C0.7139-1.53206%2C0.76849v0.65508h5.00045v-0.65508c-1.87271-0.19187-2.01056-0.26387-2.01056-2.24117%20l-0.08538-5.94823l4.92723%2C5.56572c0.55429%2C0.67796%2C1.11238%2C1.3701%2C1.66444%2C2.06447L27.60136%2C46h0.73254l0.0884-9.05041%20c0.01741-1.99694%2C0.1374-2.27264%2C1.47268-2.2934V34h-4.82331L25.07168%2C34.65619L25.07168%2C34.65619z%20M-10%2C34v0.66055%20c0.88457%2C0.08282%2C1.26273%2C0.1384%2C1.38807%2C0.71178c0.08673%2C0.37715%2C0.10302%2C1.7419%2C0.10302%2C2.23022l0.08382%2C3.8947%20c0%2C0.33128-0.01696%2C1.79849-0.03549%2C2.09494c-0.03761%2C1.33416-0.19131%2C1.45951-1.45727%2C1.57838v0.68019h5.07445v-0.68019%20c-1.26596-0.11887-1.42345-0.24422-1.45783-1.57838l-0.07668-3.08592h1.35325c1.37066%2C0%2C2.09829%2C0.12646%2C2.18658%2C1.49879h0.58967%20v-4.04288h-0.58967c-0.0692%2C1.31998-0.43386%2C1.44756-1.92718%2C1.44756h-1.61265l0.00223-4.25105%20c0.43374-0.05123%2C0.6774-0.06753%2C1.45672-0.06753c2.39531%2C0%2C3.16759-0.0077%2C3.49139%2C1.90966h0.60764l-0.19299-3.00295L-10%2C34L-10%2C34%20z%20M41.89274%2C34H30.75278l-0.10191%2C3.43245h0.64146c0.10247-2.18658%2C1.02297-2.132%2C2.41116-2.132h1.52703l0.08538%2C8.62314%20c0%2C0.96906-0.31275%2C1.38863-1.44042%2C1.40068v0.5265h5.06853v-0.5265c-1.12811-0.01529-1.4393-0.43162-1.4393-1.40068%20l-0.08538-8.62314h1.52603c1.38863%2C0%2C2.30914-0.05458%2C2.4116%2C2.132h0.63979L41.89274%2C34z%22%2F%3E%3C%2Fsvg%3E">
                </a>
                <h1 class="flint-application-name">Application Name</h1>
            </div>
            <ul class="list-bar flint-mini-nav">
                <li class="list-bar-item">
                    <a href="https://www.umflint.edu">Main Website</a>
                </li>
                <li class="list-bar-item">
                    <a href="https://my.umflint.edu">My UM-Flint</a>
                </li>
                <li class="list-bar-item">
                    <a href="https://www.umflint.edu/search">Search UM-Flint</a>
                </li>
            </ul>
        </div>
    </header>

    <div class="flint-main-nav">
        <nav class="navbar navbar-expand-lg">
            <div class="container">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#flint-navbar-nav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <ul class="navbar-nav flint-user-nav">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Welcome, FirstName LastName!
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#">Action</a>
                            <a class="dropdown-item" href="#">Another action</a>
                            <a class="dropdown-item" href="#">Logout</a>
                        </div>
                    </li>
                </ul>

                <div class="collapse navbar-collapse" id="flint-navbar-nav">
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                            <a class="nav-link" href="#">Home</a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Dropdown
                            </a>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Action</a>
                                <a class="dropdown-item" href="#">Another action</a>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Features</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Pricing</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link disabled" href="#">Disabled</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <nav class="flint-breadcrumb" aria-label="breadcrumb">
        <div class="container">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item"><a href="#">Library</a></li>
                <li class="breadcrumb-item active" aria-current="page">Data</li>
            </ol>
        </div>
    </nav>

    <div id="flint-content">
        <div class="container">
            <p>Content goes here :)</p>
        </div>
    </div>

    <footer id="flint-footer">
        Copyright &copy;
        <script>document.write(new Date().getFullYear());</script>
        <ul class="list-bar">
            <li class="list-bar-item">
                <a href="https://www.umflint.edu">University of Michigan-Flint</a>
            </li>
            <li class="list-bar-item">
                <a href="https://www.umich.edu">University of Michigan-Ann Arbor</a>
            </li>
            <li class="list-bar-item">
                <a href="https://umdearborn.edu">University of Michigan-Dearborn</a>
            </li>
            <li class="list-bar-item">
                <a href="http://regents.umich.edu">Regents of the University of Michigan</a>
            </li>
        </ul>
    </footer>
</div>

<script src="//cdn.umflint.edu/bootstrap/v4/application/dist/js/bootstrap.js" type="text/javascript"></script>
</body>
</html>
Font Awesome 5

Add the following script before the ending body tag. Documentation.

<script src="//cdn.umflint.edu/bootstrap/v4/application/dist/js/fontawesome5.js" type="text/javascript"></script>
Font Awesome 4

Add the following CSS before the ending head tag. Documentation.

<link type="text/css" rel="stylesheet" href="//cdn.umflint.edu/bootstrap/v4/application/dist/css/fontawesome4.css" media="all">