<div id="bottom-region">
    <footer>
        <div class="col-xs-3">
            <p><strong>eHMP</strong> version <span id="appVersion">1.2.0</span> | <span id="appBuild">Build XX</span></p>
        </div>
        <div class="col-xs-9">
            <div class="patientSyncStatusRegion-container">
                <ul>
                    <li><a href="#"><i class="fa fa-refresh fa-iconBig"></i> Refresh all Data</a></li>
                    <li data-toggle="tooltip" data-placement="top" data-html="true" title="Last My Site Sync Current" aria-label="Last My Site Sync Current"><i class="fa fa-times-circle fa-iconBig fail"></i> My Site</li>
                    <li data-toggle="tooltip" data-placement="top" data-html="true" title="Last All VA Sync &lt; 1 hr ago" aria-label="Last All VA Sync &lt; 1 hr ago"><i class="fa fa-check-circle fa-iconBig success"></i> All VA</li>
                    <li data-toggle="tooltip" data-placement="top" data-html="true" title="Last DoD Sync 3 hrs ago" aria-label="Last DoD Sync 3 hrs ago"><i class="fa fa-check-circle fa-iconBig success"></i> DoD</li>
                    <li data-toggle="tooltip" data-placement="top" data-html="true" title="Last Community Current" aria-label="Last Community Current"><i class="fa fa-check-circle fa-iconBig success"></i> Community</li>
                    <li><a href="#" role="button" title="eHMP Data Sources. To view details of eHMP data sources press enter to open a modal window."><i class="fa fa-arrow-circle-o-up fa-iconBig"><span class="sr-only">eHMP Data Sources icon</span></i></a></li>
                    <li><a href="#" role="button" title="Help. To view additional help content of the status bar, press enter to open a new window."><i class="fa fa-question-circle fa-iconBig"><span class="sr-only">Help icon</span></i></a></li>
                </ul>
            </div>
        </div>
    </footer>
</div>