diff --git a/webapp/src/main/webapp/themes/tenderfoot/css/tenderfoot.css b/webapp/src/main/webapp/themes/tenderfoot/css/tenderfoot.css
index aff88ca0..8750c6c5 100644
--- a/webapp/src/main/webapp/themes/tenderfoot/css/tenderfoot.css
+++ b/webapp/src/main/webapp/themes/tenderfoot/css/tenderfoot.css
@@ -175,11 +175,16 @@ footer {
     height: 88px;
     margin: 0 auto;
     font-size: .7em;
-    color: #4e5051;
+    color: white;
+    background-color: black;
+}
+footer .row {
+    background-color: black;
 }
 footer p.copyright {
     float: left;
     padding-top: 55px;
+    color: white;
 }
 footer p.copyright small {
     font-size: 1em;
@@ -206,17 +211,17 @@ ul#individual-facultyMemberships li:last-child {
     border-right: none;
 }
 #footer-nav a {
-    color: #4e5051
+    color: white;
 }
 #footer-nav a:hover,
 a.terms,
 a.powered-by-vivo {
-    color: #09C;
+    color: white;
     text-decoration: none;
 }
 #footer-nav  a.terms:hover,
 a.powered-by-vivo:hover {
-    color: #4e5051;
+    color: white;
     text-decoration: none;
 }
 #footer-nav p {
diff --git a/webapp/src/main/webapp/themes/tenderfoot/templates/page/page-home.ftl b/webapp/src/main/webapp/themes/tenderfoot/templates/page/page-home.ftl
index b2d38dfd..14e1c093 100644
--- a/webapp/src/main/webapp/themes/tenderfoot/templates/page/page-home.ftl
+++ b/webapp/src/main/webapp/themes/tenderfoot/templates/page/page-home.ftl
@@ -25,63 +25,92 @@
     </head>
     
     <body class="${bodyClasses!}" onload="${bodyOnload!}">
-    <#-- supplies the faculty count to the js function that generates a random row number for the search query -->
+        <#-- supplies the faculty count to the js function that generates a random row number for the search query -->
         <@lh.facultyMemberCount  vClassGroups! />
 		<header id="branding" role="banner">
 			<#include "identity.ftl">
 		</header>
         <#include "menu.ftl">
-
-        <section id="intro" role="region">
-            <h2>${i18n().intro_title}</h2>
-
-            <p>${i18n().intro_para1}</p>
-            <p>${i18n().intro_para2}</p>
-
-            <section id="search-home" role="region">
-                <h3>${i18n().intro_searchvivo} <span class="search-filter-selected">filteredSearch</span></h3>
-        
-                <fieldset>
-                    <legend>${i18n().search_form}</legend>
-                    <form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" > 
-                        <div id="search-home-field">
-                            <input type="text" name="querytext" class="search-homepage" value="" autocapitalize="off" />
-                            <input type="submit" value="${i18n().search_button}" class="search" />
-                            <input type="hidden" name="classgroup"  value="" autocapitalize="off" />
+        <div class="row hero">
+            <div class="theme-showcase">
+                <div class="col-md-12">
+                    <div class="container" role="main">
+                        <div class="jumbotron">
+                            <h1>${i18n().intro_title}</h1>
                         </div>
-                
-                        <a class="filter-search filter-default" href="#" title="${i18n().intro_filtersearch}">
-                            <span class="displace">${i18n().intro_filtersearch}</span>
-                        </a>
-                
-                        <ul id="filter-search-nav">
-                            <li><a class="active" href="">${i18n().all_capitalized}</a></li>
-                            <@lh.allClassGroupNames vClassGroups! />  
-                        </ul>
-                    </form>
-                </fieldset>
-            </section> <!-- #search-home -->
-        
-        </section> <!-- #intro -->
-        
-        <@widget name="login" />
-        
-        <!-- List of research classes: e.g., articles, books, collections, conference papers -->
-        <@lh.researchClasses />
-                
-        <!-- List of four randomly selected faculty members -->
-        <@lh.facultyMbrHtml />
+                        <section id="search-home" role="region">
+                            <h3>${i18n().intro_searchvivo} <span class="search-filter-selected">filteredSearch</span></h3>
 
-        <!-- List of randomly selected academic departments -->
-        <@lh.academicDeptsHtml />
+                            <fieldset>
+                                <legend>${i18n().search_form}</legend>
+                                <form id="search-homepage" action="${urls.search}" name="search-home" role="search" method="post" >
+                                    <div id="search-home-field">
+                                        <input type="text" name="querytext" class="search-homepage" value="" autocapitalize="off" />
+                                        <input type="submit" value="${i18n().search_button}" class="search" />
+                                        <input type="hidden" name="classgroup"  value="" autocapitalize="off" />
+                                    </div>
+
+                                    <a class="filter-search filter-default" href="#" title="${i18n().intro_filtersearch}">
+                                        <span class="displace">${i18n().intro_filtersearch}</span>
+                                    </a>
+
+                                    <ul id="filter-search-nav">
+                                        <li><a class="active" href="">${i18n().all_capitalized}</a></li>
+                                    <@lh.allClassGroupNames vClassGroups! />
+                                    </ul>
+                                </form>
+                            </fieldset>
+                        </section> <!-- #search-home -->
+                    </div>
+                </div>
+                <div class="col-md-12">
+                    <div class="container">
+                        <div class="jumbotron">
+                            <p>${i18n().intro_para1}</p>
+                            <p>${i18n().intro_para2}</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="row faculty-home">
+            <div class="container">
+                <div class="col-md-12">
+                    <!-- List of research classes: e.g., articles, books, collections, conference papers -->
+                    <@lh.researchClasses />
+                
+                    <!-- List of four randomly selected faculty members -->
+                    <@lh.facultyMbrHtml />
+
+                    <!-- List of randomly selected academic departments -->
+                    <@lh.academicDeptsHtml />
+                </div>
+            </div>
+        </div>
 
         <#if geoFocusMapsEnabled >
-            <!-- Map display of researchers' areas of geographic focus. Must be enabled in runtime.properties -->
-            <@lh.geographicFocusHtml />
+            <div class="row geo-focus">
+                <div class="container">
+                    <div class="col-md-12">
+                        <!-- Map display of researchers' areas of geographic focus. Must be enabled in runtime.properties -->
+                        <@lh.geographicFocusHtml />
+                    </div>
+                </div>
+            </div>
         </#if>
-        
-        <!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
-        <@lh.allClassGroups vClassGroups! />
+
+        <!-- List of research classes: e.g., articles, books, collections, conference papers -->
+        <div class="row research-count">
+            <div class="container">
+                <div class="col-md-6">
+                </div>
+                <div class="col-md-6">
+                    <!-- Statistical information relating to property groups and their classes; displayed horizontally, not vertically-->
+                    <@lh.allClassGroups vClassGroups! />
+                </div>
+            </div>
+        </div>
 
         <#include "footer.ftl">
         <#-- builds a json object that is used by js to render the academic departments section -->
diff --git a/webapp/src/main/webapp/themes/tenderfoot/templates/page/partials/footer.ftl b/webapp/src/main/webapp/themes/tenderfoot/templates/page/partials/footer.ftl
index 9fe50595..3af8b1a6 100644
--- a/webapp/src/main/webapp/themes/tenderfoot/templates/page/partials/footer.ftl
+++ b/webapp/src/main/webapp/themes/tenderfoot/templates/page/partials/footer.ftl
@@ -1,34 +1,38 @@
 <#-- $This file is distributed under the terms of the license in /doc/license.txt$ -->
 <footer role="contentinfo">
-    <div class="container">
-        <div class="row">
-            <div class="col-md-8">
-                <p class="copyright">
-                <#if copyright??>
-                    <small>&copy;${copyright.year?c}
-                        <#if copyright.url??>
-                            <a href="${copyright.url}" title="${i18n().menu_copyright}">${copyright.text}</a>
-                        <#else>
-                        ${copyright.text}
+    <div class="row">
+        <div class="col-md-12">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-8">
+                        <p class="copyright">
+                        <#if copyright??>
+                            <small>&copy;${copyright.year?c}
+                                <#if copyright.url??>
+                                    <a href="${copyright.url}" title="${i18n().menu_copyright}">${copyright.text}</a>
+                                <#else>
+                                ${copyright.text}
+                                </#if>
+                                | <a class="terms" href="${urls.termsOfUse}" title="${i18n().menu_termuse}">${i18n().menu_termuse}</a></small> |
                         </#if>
-                        | <a class="terms" href="${urls.termsOfUse}" title="${i18n().menu_termuse}">${i18n().menu_termuse}</a></small> |
-                </#if>
-                ${i18n().menu_powered} <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank" title="${i18n().menu_powered} VIVO"><strong>VIVO</strong></a>
-                <#if user.hasRevisionInfoAccess>
-                    | ${i18n().menu_version} <a href="${version.moreInfoUrl}" title="${i18n().menu_version}">${version.label}</a>
-                </#if>
-                </p>
-            </div>
-            <div class="col-md-4">
-                <nav role="navigation">
-                    <ul id="footer-nav" role="list">
-                        <li role="listitem"><a href="${urls.about}" title="${i18n().menu_about}">${i18n().menu_about}</a></li>
-                    <#if urls.contact??>
-                        <li role="listitem"><a href="${urls.contact}" title="${i18n().menu_contactus}">${i18n().menu_contactus}</a></li>
-                    </#if>
-                        <li role="listitem"><a href="http://www.vivoweb.org/support" target="blank" title="${i18n().menu_support}">${i18n().menu_support}</a></li>
-                    </ul>
-                </nav>
+                        ${i18n().menu_powered} <a class="powered-by-vivo" href="http://vivoweb.org" target="_blank" title="${i18n().menu_powered} VIVO"><strong>VIVO</strong></a>
+                        <#if user.hasRevisionInfoAccess>
+                            | ${i18n().menu_version} <a href="${version.moreInfoUrl}" title="${i18n().menu_version}">${version.label}</a>
+                        </#if>
+                        </p>
+                    </div>
+                    <div class="col-md-4">
+                        <nav role="navigation">
+                            <ul id="footer-nav" role="list">
+                                <li role="listitem"><a href="${urls.about}" title="${i18n().menu_about}">${i18n().menu_about}</a></li>
+                            <#if urls.contact??>
+                                <li role="listitem"><a href="${urls.contact}" title="${i18n().menu_contactus}">${i18n().menu_contactus}</a></li>
+                            </#if>
+                                <li role="listitem"><a href="http://www.vivoweb.org/support" target="blank" title="${i18n().menu_support}">${i18n().menu_support}</a></li>
+                            </ul>
+                        </nav>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
