community-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From git-site-r...@apache.org
Subject [comdev-site] branch asf-site updated: Updated asf-site from master at ff0d257afbd6bca0ee12d0d3c84a3db5dcec710d using https://ci-builds.apache.org/job/Community%20Development/job/site/job/master/31/
Date Thu, 17 Sep 2020 15:56:36 GMT
This is an automated email from the ASF dual-hosted git repository.

git-site-role pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/comdev-site.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new a38e83c  Updated asf-site from master at ff0d257afbd6bca0ee12d0d3c84a3db5dcec710d using https://ci-builds.apache.org/job/Community%20Development/job/site/job/master/31/
a38e83c is described below

commit a38e83c82187f130d850a40526469c2935dc1859
Author: jenkins <builds@apache.org>
AuthorDate: Thu Sep 17 15:56:31 2020 +0000

    Updated asf-site from master at ff0d257afbd6bca0ee12d0d3c84a3db5dcec710d using https://ci-builds.apache.org/job/Community%20Development/job/site/job/master/31/
---
 content/about.html                                 |   216 +-
 content/about/index.html                           |   216 +-
 content/apache-way.html                            |   216 +-
 .../apache-way/apache-project-maturity-model.html  |   218 +-
 content/boardreport.html                           |   216 +-
 content/calendars.html                             |   216 +-
 content/calendars/conferences.html                 |   218 +-
 content/calendars/index.html                       |   216 +-
 content/comdevboardreports.html                    |   216 +-
 content/comdevboardresolution.html                 |   216 +-
 content/committers.html                            |   216 +-
 content/committers/consensusBuilding.html          |   218 +-
 content/committers/decisionMaking.html             |   218 +-
 content/committers/funding-disclaimer.html         |   218 +-
 content/committers/index.html                      |   216 +-
 content/committers/lazyConsensus.html              |   218 +-
 content/committers/voting.html                     |   218 +-
 content/contactpoints.html                         |   216 +-
 content/contributors.html                          |   216 +-
 content/contributors/etiquette.html                |   218 +-
 content/contributors/index.html                    |   216 +-
 content/css/bootstrap-responsive.css               |  1109 --
 content/css/bootstrap-responsive.min.css           |     9 -
 content/css/bootstrap.css                          | 12841 ++++++++++++-------
 content/css/bootstrap.min.css                      |    14 +-
 content/events.html                                |   216 +-
 content/events/small-events.html                   |   218 +-
 content/gettingStarted.html                        |   216 +-
 content/gettingStarted/101.html                    |   218 +-
 content/gsoc-admin-tasks.html                      |   216 +-
 content/gsoc.html                                  |   230 +-
 content/guide-to-being-a-mentor.html               |   216 +-
 content/index.html                                 |   240 +-
 content/index.xml                                  |     2 +-
 content/js/bootstrap.js                            |  5628 +++++---
 content/js/bootstrap.min.js                        |    11 +-
 content/links.html                                 |   216 +-
 content/lists.html                                 |   216 +-
 content/localmentors.html                          |   216 +-
 content/mentee-ranking-process.html                |   216 +-
 content/mentor-request-mail.html                   |   216 +-
 content/mentoring.html                             |   216 +-
 content/mentoring/committer.html                   |   218 +-
 content/mentoring/experiences.html                 |   218 +-
 content/mentoring/firstpatch.html                  |   218 +-
 content/mentoring/index.html                       |   216 +-
 content/mentoring/mentor.html                      |   218 +-
 content/mentoring/pmc.html                         |   218 +-
 content/mentoringprogramme-icfoss-pilot.html       |   216 +-
 content/mentoringprogramme.html                    |   216 +-
 content/mentorprogrammeapplication.html            |   216 +-
 content/mentorprogrammeformaleducation.html        |   216 +-
 content/newbiefaq.html                             |   216 +-
 content/newcomers.html                             |   216 +-
 content/newcomers/index.html                       |   216 +-
 content/newcommitter.html                          |   216 +-
 content/newsletter.html                            |   216 +-
 content/newsletter/2017-04.html                    |   218 +-
 content/newsletter/2017-05.html                    |   218 +-
 content/newsletter/index.html                      |   216 +-
 content/projectIndependence.html                   |   216 +-
 content/proposals.html                             |   216 +-
 content/proposals/ZestProposal.html                |   218 +-
 content/sitemap.xml                                |     4 +-
 content/speakers.html                              |   216 +-
 content/speakers/index.html                        |   216 +-
 content/speakers/slides.html                       |   218 +-
 content/speakers/speakers.html                     |   218 +-
 ...se-the-comdev-issue-tracker-for-gsoc-tasks.html |   216 +-
 69 files changed, 19239 insertions(+), 13633 deletions(-)

diff --git a/content/about.html b/content/about.html
index a5027be..145b996 100644
--- a/content/about.html
+++ b/content/about.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/about.html'>About</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/about.html'>About</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/about/index.html b/content/about/index.html
index 4bb2848..65594ae 100644
--- a/content/about/index.html
+++ b/content/about/index.html
@@ -26,134 +26,142 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/about'>About</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/about'>About</a></li>
             
         
     
         
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/apache-way.html b/content/apache-way.html
index db6e3cf..d68b944 100644
--- a/content/apache-way.html
+++ b/content/apache-way.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/apache-way.html'>Apache way</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/apache-way.html'>Apache way</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/apache-way/apache-project-maturity-model.html b/content/apache-way/apache-project-maturity-model.html
index e329803..b0a82ad 100644
--- a/content/apache-way/apache-project-maturity-model.html
+++ b/content/apache-way/apache-project-maturity-model.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/apache-way'>Apache way</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/apache-way'>Apache way</a></li>
             
         
     
         
         
-            <li><a href='/apache-way/apache-project-maturity-model.html'>Apache project maturity model</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/apache-way/apache-project-maturity-model.html'>Apache project maturity model</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/boardreport.html b/content/boardreport.html
index 6c342bc..b8943a3 100644
--- a/content/boardreport.html
+++ b/content/boardreport.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/boardreport.html'>Boardreport</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/boardreport.html'>Boardreport</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/calendars.html b/content/calendars.html
index b67bdd0..b471d4c 100644
--- a/content/calendars.html
+++ b/content/calendars.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/calendars.html'>Calendars</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/calendars.html'>Calendars</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/calendars/conferences.html b/content/calendars/conferences.html
index afcfbfa..c653e08 100644
--- a/content/calendars/conferences.html
+++ b/content/calendars/conferences.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/calendars'>Calendars</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/calendars'>Calendars</a></li>
             
         
     
         
         
-            <li><a href='/calendars/conferences.html'>Conferences</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/calendars/conferences.html'>Conferences</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/calendars/index.html b/content/calendars/index.html
index 9183e63..ea31eb5 100644
--- a/content/calendars/index.html
+++ b/content/calendars/index.html
@@ -26,134 +26,142 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/calendars'>Calendars</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/calendars'>Calendars</a></li>
             
         
     
         
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/comdevboardreports.html b/content/comdevboardreports.html
index f6e4d32..d27c089 100644
--- a/content/comdevboardreports.html
+++ b/content/comdevboardreports.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/comdevboardreports.html'>Comdevboardreports</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/comdevboardreports.html'>Comdevboardreports</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/comdevboardresolution.html b/content/comdevboardresolution.html
index 22fd3e4..4a64e0e 100644
--- a/content/comdevboardresolution.html
+++ b/content/comdevboardresolution.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/comdevboardresolution.html'>Comdevboardresolution</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/comdevboardresolution.html'>Comdevboardresolution</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/committers.html b/content/committers.html
index e26bd04..16272ea 100644
--- a/content/committers.html
+++ b/content/committers.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/committers.html'>Committers</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers.html'>Committers</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/committers/consensusBuilding.html b/content/committers/consensusBuilding.html
index 369e5b1..b48ee91 100644
--- a/content/committers/consensusBuilding.html
+++ b/content/committers/consensusBuilding.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/committers'>Committers</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers'>Committers</a></li>
             
         
     
         
         
-            <li><a href='/committers/consensusBuilding.html'>Consensus building</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers/consensusBuilding.html'>Consensus building</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/committers/decisionMaking.html b/content/committers/decisionMaking.html
index 5e0f75c..2ccc0db 100644
--- a/content/committers/decisionMaking.html
+++ b/content/committers/decisionMaking.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/committers'>Committers</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers'>Committers</a></li>
             
         
     
         
         
-            <li><a href='/committers/decisionMaking.html'>Decision making</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers/decisionMaking.html'>Decision making</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/committers/funding-disclaimer.html b/content/committers/funding-disclaimer.html
index 1a16c91..2f788f6 100644
--- a/content/committers/funding-disclaimer.html
+++ b/content/committers/funding-disclaimer.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/committers'>Committers</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers'>Committers</a></li>
             
         
     
         
         
-            <li><a href='/committers/funding-disclaimer.html'>Funding disclaimer</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers/funding-disclaimer.html'>Funding disclaimer</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/committers/index.html b/content/committers/index.html
index 63cac7e..f92253b 100644
--- a/content/committers/index.html
+++ b/content/committers/index.html
@@ -26,134 +26,142 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/committers'>Committers</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers'>Committers</a></li>
             
         
     
         
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/committers/lazyConsensus.html b/content/committers/lazyConsensus.html
index b59e986..71c10af 100644
--- a/content/committers/lazyConsensus.html
+++ b/content/committers/lazyConsensus.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/committers'>Committers</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers'>Committers</a></li>
             
         
     
         
         
-            <li><a href='/committers/lazyConsensus.html'>Lazy consensus</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers/lazyConsensus.html'>Lazy consensus</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/committers/voting.html b/content/committers/voting.html
index 2299752..86a0378 100644
--- a/content/committers/voting.html
+++ b/content/committers/voting.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/committers'>Committers</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers'>Committers</a></li>
             
         
     
         
         
-            <li><a href='/committers/voting.html'>Voting</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/committers/voting.html'>Voting</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/contactpoints.html b/content/contactpoints.html
index 304eb2e..07a2d0a 100644
--- a/content/contactpoints.html
+++ b/content/contactpoints.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/contactpoints.html'>Contactpoints</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/contactpoints.html'>Contactpoints</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/contributors.html b/content/contributors.html
index b2626f6..6a0f157 100644
--- a/content/contributors.html
+++ b/content/contributors.html
@@ -26,131 +26,139 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/contributors.html'>Contributors</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/contributors.html'>Contributors</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/contributors/etiquette.html b/content/contributors/etiquette.html
index d645600..fa7da1b 100644
--- a/content/contributors/etiquette.html
+++ b/content/contributors/etiquette.html
@@ -26,137 +26,145 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/contributors'>Contributors</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/contributors'>Contributors</a></li>
             
         
     
         
         
-            <li><a href='/contributors/etiquette.html'>Etiquette</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/contributors/etiquette.html'>Etiquette</a></li>
             
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/contributors/index.html b/content/contributors/index.html
index a80146e..73dbb93 100644
--- a/content/contributors/index.html
+++ b/content/contributors/index.html
@@ -26,134 +26,142 @@
 </head>
 
 <body>
-
-    <div class="navbar navbar-inverse navbar-fixed-top">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li><a href="/">Home</a></li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/about/">What We Do</a></li>
-                  <li><a href="/newbiefaq.html">Frequently Asked Questions</a></li>
-                  <li><a href="/projectIndependence.html">Apache Project Independence</a></li>
-                  <li><a href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a></li>
-                  <li><a href="/contactpoints.html">Contact Points Within the ASF</a></li>
-                  <li><a href="/comdevboardresolution.html">ComDev Original Board Resolution</a></li>
-                  <li><a href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a></li>
-                  <li><a href="/links.html">Links to additional material</a></li>
-                  <li><a
-                  href="https://issues.apache.org/jira/projects/COMDEV">Community
-                  Development JIRA</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Contributors <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcomers/">Newcomers</a></li>
-                  <li><a href="/gettingStarted/101.html">Getting Started</a></li>
-                  <li><a href="/contributors/">Finding Your Way Around The Apache Software Foundation</a></li>
-				  <li><a href="https://www.apache.org/dev/">Technical Developer FAQs</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Google Summer of Code</li>
-                  <li><a href="/gsoc.html">Google Summer Of Code Information</a></li>
-                  <li><a href="/mentee-ranking-process.html">Mentee Ranking Process</a></li>
-                  <li><a href="/mentoring/experiences.html">Past GSoC Experiences</a></li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a></li>
-                  <li><a href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a></li>
-
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">For Committers/PMCs <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/newcommitter.html">Recruiting New Committers</a></li>
-                  <li><a href="/committers/">Useful Information for Committers</a></li>
-                  <li><a href="/committers/consensusBuilding.html">Consensus Building</a></li>
-                  <li><a href="/committers/lazyConsensus.html">Lazy Consensus</a></li>					
-                  <li><a href="/committers/decisionMaking.html">Decision Making</a></li>
-                  <li><a href="/committers/voting.html">Voting</a></li>
-                  <li><a href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mentoring <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="/mentoringprogramme.html">Mentoring Program</a></li>
-                  <li><a href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a></li>
-                  <li><a href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Additional Resources</li>
-                  <li><a href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a></li>
-                  <li><a href="/mentor-request-mail.html">Mentor Request Email Example</a></li>
-                  
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <b class="caret"></b></a>
-                <ul class="dropdown-menu">
-				  <li><a href="https://apachecon.com/">ApacheCon - The official event of the ASF</a></li>
-                  <li><a href="/calendars/">Major Apache-related Events</a></li>
-                  <li><a href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a></li>
-                  <li><a href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a></li>
-                  <li class="divider"></li>
-                  <li class="nav-header">Speakers</li>
-                  <li><a href="/speakers/">Speaker Information</a></li>
-                  <li><a href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a></li>
-                  <li><a href="/speakers/slides.html">Apache-related Slides</a></li>
-                </ul>
-              </li>
-              <li class="dropdown">
-                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Join the Conversation<b class="caret"></b></a>
-                <ul class="dropdown-menu">
-                  <li><a href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a></li>
-                  <li><a href="https://twitter.com/ApacheCommunity">Twitter</a></li>
-                  <li><a href="/lists.html">Mailing List</a></li>
-                </ul>
-              </li>
-            </ul>
-          </div>
+    <div class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+      
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="mainNavbar">
+        <div class="container"> 
+          <ul class="navbar-nav mr-auto">
+            <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                About
+              </a>
+              <div class="dropdown-menu" aria-labelledby="aboutDropdown">
+                <a class="dropdown-item" href="/about/">What We Do</a>
+                <a class="dropdown-item" href="/newbiefaq.html">Frequently Asked Questions</a>
+                <a class="dropdown-item" href="/projectIndependence.html">Apache Project Independence</a>
+                <a class="dropdown-item" href="/apache-way/apache-project-maturity-model.html">Apache Project Maturity Model</a>
+                <a class="dropdown-item" href="/contactpoints.html">Contact Points Within the ASF</a>
+                <a class="dropdown-item" href="/comdevboardresolution.html">ComDev Original Board Resolution</a>
+                <a class="dropdown-item" href="https://whimsy.apache.org/board/minutes/Community_Development.html">ComDev Board Reports</a>
+                <a class="dropdown-item" href="/links.html">Links to additional material</a>
+                <a class="dropdown-item" href="https://issues.apache.org/jira/projects/COMDEV">Community
+                    Development JIRA</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="contribDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Contributors
+              </a>
+              <div class="dropdown-menu" aria-labelledby="contribDropdown">
+                <a class="dropdown-item" href="/newcomers/">Newcomers</a>
+                <a class="dropdown-item" href="/gettingStarted/101.html">Getting Started</a>
+                <a class="dropdown-item" href="/contributors/">Finding Your Way Around The Apache Software Foundation</a>
+                <a class="dropdown-item" href="https://www.apache.org/dev/">Technical Developer FAQs</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Google Summer of Code</a>
+                <a class="dropdown-item" href="/gsoc.html">Google Summer Of Code Information</a>
+                <a class="dropdown-item" href="/mentee-ranking-process.html">Mentee Ranking Process</a>
+                <a class="dropdown-item" href="/mentoring/experiences.html">Past GSoC Experiences</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/use-the-comdev-issue-tracker-for-gsoc-tasks.html">Using ComDev's JIRA for GSoC Ideas</a>
+                <a class="dropdown-item" href="/gsoc-admin-tasks.html">Tasks of a GSoC Admin at the ASF</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="commitDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                For Committers/PMCs
+              </a>
+              <div class="dropdown-menu" aria-labelledby="commitDropdown">
+                <a class="dropdown-item" href="/newcommitter.html">Recruiting New Committers</a>
+                <a class="dropdown-item" href="/committers/">Useful Information for Committers</a>
+                <a class="dropdown-item" href="/committers/consensusBuilding.html">Consensus Building</a>
+                <a class="dropdown-item" href="/committers/lazyConsensus.html">Lazy Consensus</a>
+                <a class="dropdown-item" href="/committers/decisionMaking.html">Decision Making</a>
+                <a class="dropdown-item" href="/committers/voting.html">Voting</a>
+                <a class="dropdown-item" href="/committers/funding-disclaimer.html">Funding Campaign Disclaimer</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="mentorDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Mentoring
+              </a>
+              <div class="dropdown-menu" aria-labelledby="mentorDropdown">
+                <a class="dropdown-item" href="/mentoringprogramme.html">Mentoring Program</a>
+                <a class="dropdown-item" href="/mentorprogrammeformaleducation.html">Mentoring in Formal Education</a>
+                <a class="dropdown-item" href="/mentorprogrammeapplication.html">Applying for the Mentoring Program</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Additional Resources</a>
+                <a class="dropdown-item" href="/guide-to-being-a-mentor.html">Guide to being a Mentor</a>
+                <a class="dropdown-item" href="/mentor-request-mail.html">Mentor Request Email Example</a>
+                
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Events
+              </a>
+              <div class="dropdown-menu" aria-labelledby="eventDropdown">
+                <a class="dropdown-item" href="https://apachecon.com/">ApacheCon - The official event of the ASF</a>
+                <a class="dropdown-item" href="/calendars/">Major Apache-related Events</a>
+                <a class="dropdown-item" href="https://www.apache.org/events/meetups.html">Upcoming Apache-related meetups</a>
+                <a class="dropdown-item" href="https://www.apache.org/foundation/marks/events">Apache event branding policies</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item text-uppercase disabled" href="#">Speakers</a>
+                <a class="dropdown-item" href="/speakers/">Speaker Information</a>
+                <a class="dropdown-item" href="/speakers/speakers.html">Finding Speakers / Listing Yourself as a Speaker</a>
+                <a class="dropdown-item" href="/speakers/slides.html">Apache-related Slides</a>
+              </div>
+            </li>
+            <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="conversDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                Join the Conversation
+              </a>
+              <div class="dropdown-menu" aria-labelledby="conversDropdown">
+                <a class="dropdown-item" href="https://www.facebook.com/ApacheSoftwareFoundation">Facebook</a>
+                <a class="dropdown-item" href="https://twitter.com/ApacheCommunity">Twitter</a>
+                <a class="dropdown-item" href="/lists.html">Mailing List</a>
+              </div>
+            </li>
+          </ul>
         </div>
       </div>
     </div>
 
   <div class="container">
     <section id="content" class="row">
-      <div class="span9">
-        <h3 class="muted">The Apache Software Foundation</h3>
+      <div class="col-9">
+        <h3 class="text-muted">The Apache Software Foundation</h3>
       </div>
-      <div class="span3 pull-right">
+      <div class="col-3 pull-right">
         <div class="gcse-search"></div>
   	  </div>
-      <div class="span12"><h4 class="muted">Community &gt; Code</h4></div>
+      <div class="col-12"><h4 class="text-muted">Community &gt; Code</h4></div>
     </section>
     
 
-<ul class="breadcrumb">
-    <li><a href="/">Home</a> <span class="divider">/</span></li>
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb">
+    <li class="breadcrumb-item"><a href="/">Home</a></li>
     
         
         
     
         
         
-            <li><a href='/contributors'>Contributors</a> <span class="divider">/</span></li>
+            <li class="breadcrumb-item"><a href='/contributors'>Contributors</a></li>
             
         
     
         
         
     
-</ul>
+  </ol>
+</nav>
+
 
     <hr>
     
diff --git a/content/css/bootstrap-responsive.css b/content/css/bootstrap-responsive.css
deleted file mode 100644
index fcd72f7..0000000
--- a/content/css/bootstrap-responsive.css
+++ /dev/null
@@ -1,1109 +0,0 @@
-/*!
- * Bootstrap Responsive v2.3.1
- *
- * Copyright 2012 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
- */
-
-.clearfix {
-  *zoom: 1;
-}
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.clearfix:after {
-  clear: both;
-}
-
-.hide-text {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-.input-block-level {
-  display: block;
-  width: 100%;
-  min-height: 30px;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-@-ms-viewport {
-  width: device-width;
-}
-
-.hidden {
-  display: none;
-  visibility: hidden;
-}
-
-.visible-phone {
-  display: none !important;
-}
-
-.visible-tablet {
-  display: none !important;
-}
-
-.hidden-desktop {
-  display: none !important;
-}
-
-.visible-desktop {
-  display: inherit !important;
-}
-
-@media (min-width: 768px) and (max-width: 979px) {
-  .hidden-desktop {
-    display: inherit !important;
-  }
-  .visible-desktop {
-    display: none !important ;
-  }
-  .visible-tablet {
-    display: inherit !important;
-  }
-  .hidden-tablet {
-    display: none !important;
-  }
-}
-
-@media (max-width: 767px) {
-  .hidden-desktop {
-    display: inherit !important;
-  }
-  .visible-desktop {
-    display: none !important;
-  }
-  .visible-phone {
-    display: inherit !important;
-  }
-  .hidden-phone {
-    display: none !important;
-  }
-}
-
-.visible-print {
-  display: none !important;
-}
-
-@media print {
-  .visible-print {
-    display: inherit !important;
-  }
-  .hidden-print {
-    display: none !important;
-  }
-}
-
-@media (min-width: 1200px) {
-  .row {
-    margin-left: -30px;
-    *zoom: 1;
-  }
-  .row:before,
-  .row:after {
-    display: table;
-    line-height: 0;
-    content: "";
-  }
-  .row:after {
-    clear: both;
-  }
-  [class*="span"] {
-    float: left;
-    min-height: 1px;
-    margin-left: 30px;
-  }
-  .container,
-  .navbar-static-top .container,
-  .navbar-fixed-top .container,
-  .navbar-fixed-bottom .container {
-    width: 1170px;
-  }
-  .span12 {
-    width: 1170px;
-  }
-  .span11 {
-    width: 1070px;
-  }
-  .span10 {
-    width: 970px;
-  }
-  .span9 {
-    width: 870px;
-  }
-  .span8 {
-    width: 770px;
-  }
-  .span7 {
-    width: 670px;
-  }
-  .span6 {
-    width: 570px;
-  }
-  .span5 {
-    width: 470px;
-  }
-  .span4 {
-    width: 370px;
-  }
-  .span3 {
-    width: 270px;
-  }
-  .span2 {
-    width: 170px;
-  }
-  .span1 {
-    width: 70px;
-  }
-  .offset12 {
-    margin-left: 1230px;
-  }
-  .offset11 {
-    margin-left: 1130px;
-  }
-  .offset10 {
-    margin-left: 1030px;
-  }
-  .offset9 {
-    margin-left: 930px;
-  }
-  .offset8 {
-    margin-left: 830px;
-  }
-  .offset7 {
-    margin-left: 730px;
-  }
-  .offset6 {
-    margin-left: 630px;
-  }
-  .offset5 {
-    margin-left: 530px;
-  }
-  .offset4 {
-    margin-left: 430px;
-  }
-  .offset3 {
-    margin-left: 330px;
-  }
-  .offset2 {
-    margin-left: 230px;
-  }
-  .offset1 {
-    margin-left: 130px;
-  }
-  .row-fluid {
-    width: 100%;
-    *zoom: 1;
-  }
-  .row-fluid:before,
-  .row-fluid:after {
-    display: table;
-    line-height: 0;
-    content: "";
-  }
-  .row-fluid:after {
-    clear: both;
-  }
-  .row-fluid [class*="span"] {
-    display: block;
-    float: left;
-    width: 100%;
-    min-height: 30px;
-    margin-left: 2.564102564102564%;
-    *margin-left: 2.5109110747408616%;
-    -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-            box-sizing: border-box;
-  }
-  .row-fluid [class*="span"]:first-child {
-    margin-left: 0;
-  }
-  .row-fluid .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 2.564102564102564%;
-  }
-  .row-fluid .span12 {
-    width: 100%;
-    *width: 99.94680851063829%;
-  }
-  .row-fluid .span11 {
-    width: 91.45299145299145%;
-    *width: 91.39979996362975%;
-  }
-  .row-fluid .span10 {
-    width: 82.90598290598291%;
-    *width: 82.8527914166212%;
-  }
-  .row-fluid .span9 {
-    width: 74.35897435897436%;
-    *width: 74.30578286961266%;
-  }
-  .row-fluid .span8 {
-    width: 65.81196581196582%;
-    *width: 65.75877432260411%;
-  }
-  .row-fluid .span7 {
-    width: 57.26495726495726%;
-    *width: 57.21176577559556%;
-  }
-  .row-fluid .span6 {
-    width: 48.717948717948715%;
-    *width: 48.664757228587014%;
-  }
-  .row-fluid .span5 {
-    width: 40.17094017094017%;
-    *width: 40.11774868157847%;
-  }
-  .row-fluid .span4 {
-    width: 31.623931623931625%;
-    *width: 31.570740134569924%;
-  }
-  .row-fluid .span3 {
-    width: 23.076923076923077%;
-    *width: 23.023731587561375%;
-  }
-  .row-fluid .span2 {
-    width: 14.52991452991453%;
-    *width: 14.476723040552828%;
-  }
-  .row-fluid .span1 {
-    width: 5.982905982905983%;
-    *width: 5.929714493544281%;
-  }
-  .row-fluid .offset12 {
-    margin-left: 105.12820512820512%;
-    *margin-left: 105.02182214948171%;
-  }
-  .row-fluid .offset12:first-child {
-    margin-left: 102.56410256410257%;
-    *margin-left: 102.45771958537915%;
-  }
-  .row-fluid .offset11 {
-    margin-left: 96.58119658119658%;
-    *margin-left: 96.47481360247316%;
-  }
-  .row-fluid .offset11:first-child {
-    margin-left: 94.01709401709402%;
-    *margin-left: 93.91071103837061%;
-  }
-  .row-fluid .offset10 {
-    margin-left: 88.03418803418803%;
-    *margin-left: 87.92780505546462%;
-  }
-  .row-fluid .offset10:first-child {
-    margin-left: 85.47008547008548%;
-    *margin-left: 85.36370249136206%;
-  }
-  .row-fluid .offset9 {
-    margin-left: 79.48717948717949%;
-    *margin-left: 79.38079650845607%;
-  }
-  .row-fluid .offset9:first-child {
-    margin-left: 76.92307692307693%;
-    *margin-left: 76.81669394435352%;
-  }
-  .row-fluid .offset8 {
-    margin-left: 70.94017094017094%;
-    *margin-left: 70.83378796144753%;
-  }
-  .row-fluid .offset8:first-child {
-    margin-left: 68.37606837606839%;
-    *margin-left: 68.26968539734497%;
-  }
-  .row-fluid .offset7 {
-    margin-left: 62.393162393162385%;
-    *margin-left: 62.28677941443899%;
-  }
-  .row-fluid .offset7:first-child {
-    margin-left: 59.82905982905982%;
-    *margin-left: 59.72267685033642%;
-  }
-  .row-fluid .offset6 {
-    margin-left: 53.84615384615384%;
-    *margin-left: 53.739770867430444%;
-  }
-  .row-fluid .offset6:first-child {
-    margin-left: 51.28205128205128%;
-    *margin-left: 51.175668303327875%;
-  }
-  .row-fluid .offset5 {
-    margin-left: 45.299145299145295%;
-    *margin-left: 45.1927623204219%;
-  }
-  .row-fluid .offset5:first-child {
-    margin-left: 42.73504273504273%;
-    *margin-left: 42.62865975631933%;
-  }
-  .row-fluid .offset4 {
-    margin-left: 36.75213675213675%;
-    *margin-left: 36.645753773413354%;
-  }
-  .row-fluid .offset4:first-child {
-    margin-left: 34.18803418803419%;
-    *margin-left: 34.081651209310785%;
-  }
-  .row-fluid .offset3 {
-    margin-left: 28.205128205128204%;
-    *margin-left: 28.0987452264048%;
-  }
-  .row-fluid .offset3:first-child {
-    margin-left: 25.641025641025642%;
-    *margin-left: 25.53464266230224%;
-  }
-  .row-fluid .offset2 {
-    margin-left: 19.65811965811966%;
-    *margin-left: 19.551736679396257%;
-  }
-  .row-fluid .offset2:first-child {
-    margin-left: 17.094017094017094%;
-    *margin-left: 16.98763411529369%;
-  }
-  .row-fluid .offset1 {
-    margin-left: 11.11111111111111%;
-    *margin-left: 11.004728132387708%;
-  }
-  .row-fluid .offset1:first-child {
-    margin-left: 8.547008547008547%;
-    *margin-left: 8.440625568285142%;
-  }
-  input,
-  textarea,
-  .uneditable-input {
-    margin-left: 0;
-  }
-  .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 30px;
-  }
-  input.span12,
-  textarea.span12,
-  .uneditable-input.span12 {
-    width: 1156px;
-  }
-  input.span11,
-  textarea.span11,
-  .uneditable-input.span11 {
-    width: 1056px;
-  }
-  input.span10,
-  textarea.span10,
-  .uneditable-input.span10 {
-    width: 956px;
-  }
-  input.span9,
-  textarea.span9,
-  .uneditable-input.span9 {
-    width: 856px;
-  }
-  input.span8,
-  textarea.span8,
-  .uneditable-input.span8 {
-    width: 756px;
-  }
-  input.span7,
-  textarea.span7,
-  .uneditable-input.span7 {
-    width: 656px;
-  }
-  input.span6,
-  textarea.span6,
-  .uneditable-input.span6 {
-    width: 556px;
-  }
-  input.span5,
-  textarea.span5,
-  .uneditable-input.span5 {
-    width: 456px;
-  }
-  input.span4,
-  textarea.span4,
-  .uneditable-input.span4 {
-    width: 356px;
-  }
-  input.span3,
-  textarea.span3,
-  .uneditable-input.span3 {
-    width: 256px;
-  }
-  input.span2,
-  textarea.span2,
-  .uneditable-input.span2 {
-    width: 156px;
-  }
-  input.span1,
-  textarea.span1,
-  .uneditable-input.span1 {
-    width: 56px;
-  }
-  .thumbnails {
-    margin-left: -30px;
-  }
-  .thumbnails > li {
-    margin-left: 30px;
-  }
-  .row-fluid .thumbnails {
-    margin-left: 0;
-  }
-}
-
-@media (min-width: 768px) and (max-width: 979px) {
-  .row {
-    margin-left: -20px;
-    *zoom: 1;
-  }
-  .row:before,
-  .row:after {
-    display: table;
-    line-height: 0;
-    content: "";
-  }
-  .row:after {
-    clear: both;
-  }
-  [class*="span"] {
-    float: left;
-    min-height: 1px;
-    margin-left: 20px;
-  }
-  .container,
-  .navbar-static-top .container,
-  .navbar-fixed-top .container,
-  .navbar-fixed-bottom .container {
-    width: 724px;
-  }
-  .span12 {
-    width: 724px;
-  }
-  .span11 {
-    width: 662px;
-  }
-  .span10 {
-    width: 600px;
-  }
-  .span9 {
-    width: 538px;
-  }
-  .span8 {
-    width: 476px;
-  }
-  .span7 {
-    width: 414px;
-  }
-  .span6 {
-    width: 352px;
-  }
-  .span5 {
-    width: 290px;
-  }
-  .span4 {
-    width: 228px;
-  }
-  .span3 {
-    width: 166px;
-  }
-  .span2 {
-    width: 104px;
-  }
-  .span1 {
-    width: 42px;
-  }
-  .offset12 {
-    margin-left: 764px;
-  }
-  .offset11 {
-    margin-left: 702px;
-  }
-  .offset10 {
-    margin-left: 640px;
-  }
-  .offset9 {
-    margin-left: 578px;
-  }
-  .offset8 {
-    margin-left: 516px;
-  }
-  .offset7 {
-    margin-left: 454px;
-  }
-  .offset6 {
-    margin-left: 392px;
-  }
-  .offset5 {
-    margin-left: 330px;
-  }
-  .offset4 {
-    margin-left: 268px;
-  }
-  .offset3 {
-    margin-left: 206px;
-  }
-  .offset2 {
-    margin-left: 144px;
-  }
-  .offset1 {
-    margin-left: 82px;
-  }
-  .row-fluid {
-    width: 100%;
-    *zoom: 1;
-  }
-  .row-fluid:before,
-  .row-fluid:after {
-    display: table;
-    line-height: 0;
-    content: "";
-  }
-  .row-fluid:after {
-    clear: both;
-  }
-  .row-fluid [class*="span"] {
-    display: block;
-    float: left;
-    width: 100%;
-    min-height: 30px;
-    margin-left: 2.7624309392265194%;
-    *margin-left: 2.709239449864817%;
-    -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-            box-sizing: border-box;
-  }
-  .row-fluid [class*="span"]:first-child {
-    margin-left: 0;
-  }
-  .row-fluid .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 2.7624309392265194%;
-  }
-  .row-fluid .span12 {
-    width: 100%;
-    *width: 99.94680851063829%;
-  }
-  .row-fluid .span11 {
-    width: 91.43646408839778%;
-    *width: 91.38327259903608%;
-  }
-  .row-fluid .span10 {
-    width: 82.87292817679558%;
-    *width: 82.81973668743387%;
-  }
-  .row-fluid .span9 {
-    width: 74.30939226519337%;
-    *width: 74.25620077583166%;
-  }
-  .row-fluid .span8 {
-    width: 65.74585635359117%;
-    *width: 65.69266486422946%;
-  }
-  .row-fluid .span7 {
-    width: 57.18232044198895%;
-    *width: 57.12912895262725%;
-  }
-  .row-fluid .span6 {
-    width: 48.61878453038674%;
-    *width: 48.56559304102504%;
-  }
-  .row-fluid .span5 {
-    width: 40.05524861878453%;
-    *width: 40.00205712942283%;
-  }
-  .row-fluid .span4 {
-    width: 31.491712707182323%;
-    *width: 31.43852121782062%;
-  }
-  .row-fluid .span3 {
-    width: 22.92817679558011%;
-    *width: 22.87498530621841%;
-  }
-  .row-fluid .span2 {
-    width: 14.3646408839779%;
-    *width: 14.311449394616199%;
-  }
-  .row-fluid .span1 {
-    width: 5.801104972375691%;
-    *width: 5.747913483013988%;
-  }
-  .row-fluid .offset12 {
-    margin-left: 105.52486187845304%;
-    *margin-left: 105.41847889972962%;
-  }
-  .row-fluid .offset12:first-child {
-    margin-left: 102.76243093922652%;
-    *margin-left: 102.6560479605031%;
-  }
-  .row-fluid .offset11 {
-    margin-left: 96.96132596685082%;
-    *margin-left: 96.8549429881274%;
-  }
-  .row-fluid .offset11:first-child {
-    margin-left: 94.1988950276243%;
-    *margin-left: 94.09251204890089%;
-  }
-  .row-fluid .offset10 {
-    margin-left: 88.39779005524862%;
-    *margin-left: 88.2914070765252%;
-  }
-  .row-fluid .offset10:first-child {
-    margin-left: 85.6353591160221%;
-    *margin-left: 85.52897613729868%;
-  }
-  .row-fluid .offset9 {
-    margin-left: 79.8342541436464%;
-    *margin-left: 79.72787116492299%;
-  }
-  .row-fluid .offset9:first-child {
-    margin-left: 77.07182320441989%;
-    *margin-left: 76.96544022569647%;
-  }
-  .row-fluid .offset8 {
-    margin-left: 71.2707182320442%;
-    *margin-left: 71.16433525332079%;
-  }
-  .row-fluid .offset8:first-child {
-    margin-left: 68.50828729281768%;
-    *margin-left: 68.40190431409427%;
-  }
-  .row-fluid .offset7 {
-    margin-left: 62.70718232044199%;
-    *margin-left: 62.600799341718584%;
-  }
-  .row-fluid .offset7:first-child {
-    margin-left: 59.94475138121547%;
-    *margin-left: 59.838368402492065%;
-  }
-  .row-fluid .offset6 {
-    margin-left: 54.14364640883978%;
-    *margin-left: 54.037263430116376%;
-  }
-  .row-fluid .offset6:first-child {
-    margin-left: 51.38121546961326%;
-    *margin-left: 51.27483249088986%;
-  }
-  .row-fluid .offset5 {
-    margin-left: 45.58011049723757%;
-    *margin-left: 45.47372751851417%;
-  }
-  .row-fluid .offset5:first-child {
-    margin-left: 42.81767955801105%;
-    *margin-left: 42.71129657928765%;
-  }
-  .row-fluid .offset4 {
-    margin-left: 37.01657458563536%;
-    *margin-left: 36.91019160691196%;
-  }
-  .row-fluid .offset4:first-child {
-    margin-left: 34.25414364640884%;
-    *margin-left: 34.14776066768544%;
-  }
-  .row-fluid .offset3 {
-    margin-left: 28.45303867403315%;
-    *margin-left: 28.346655695309746%;
-  }
-  .row-fluid .offset3:first-child {
-    margin-left: 25.69060773480663%;
-    *margin-left: 25.584224756083227%;
-  }
-  .row-fluid .offset2 {
-    margin-left: 19.88950276243094%;
-    *margin-left: 19.783119783707537%;
-  }
-  .row-fluid .offset2:first-child {
-    margin-left: 17.12707182320442%;
-    *margin-left: 17.02068884448102%;
-  }
-  .row-fluid .offset1 {
-    margin-left: 11.32596685082873%;
-    *margin-left: 11.219583872105325%;
-  }
-  .row-fluid .offset1:first-child {
-    margin-left: 8.56353591160221%;
-    *margin-left: 8.457152932878806%;
-  }
-  input,
-  textarea,
-  .uneditable-input {
-    margin-left: 0;
-  }
-  .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 20px;
-  }
-  input.span12,
-  textarea.span12,
-  .uneditable-input.span12 {
-    width: 710px;
-  }
-  input.span11,
-  textarea.span11,
-  .uneditable-input.span11 {
-    width: 648px;
-  }
-  input.span10,
-  textarea.span10,
-  .uneditable-input.span10 {
-    width: 586px;
-  }
-  input.span9,
-  textarea.span9,
-  .uneditable-input.span9 {
-    width: 524px;
-  }
-  input.span8,
-  textarea.span8,
-  .uneditable-input.span8 {
-    width: 462px;
-  }
-  input.span7,
-  textarea.span7,
-  .uneditable-input.span7 {
-    width: 400px;
-  }
-  input.span6,
-  textarea.span6,
-  .uneditable-input.span6 {
-    width: 338px;
-  }
-  input.span5,
-  textarea.span5,
-  .uneditable-input.span5 {
-    width: 276px;
-  }
-  input.span4,
-  textarea.span4,
-  .uneditable-input.span4 {
-    width: 214px;
-  }
-  input.span3,
-  textarea.span3,
-  .uneditable-input.span3 {
-    width: 152px;
-  }
-  input.span2,
-  textarea.span2,
-  .uneditable-input.span2 {
-    width: 90px;
-  }
-  input.span1,
-  textarea.span1,
-  .uneditable-input.span1 {
-    width: 28px;
-  }
-}
-
-@media (max-width: 767px) {
-  body {
-    padding-right: 20px;
-    padding-left: 20px;
-  }
-  .navbar-fixed-top,
-  .navbar-fixed-bottom,
-  .navbar-static-top {
-    margin-right: -20px;
-    margin-left: -20px;
-  }
-  .container-fluid {
-    padding: 0;
-  }
-  .dl-horizontal dt {
-    float: none;
-    width: auto;
-    clear: none;
-    text-align: left;
-  }
-  .dl-horizontal dd {
-    margin-left: 0;
-  }
-  .container {
-    width: auto;
-  }
-  .row-fluid {
-    width: 100%;
-  }
-  .row,
-  .thumbnails {
-    margin-left: 0;
-  }
-  .thumbnails > li {
-    float: none;
-    margin-left: 0;
-  }
-  [class*="span"],
-  .uneditable-input[class*="span"],
-  .row-fluid [class*="span"] {
-    display: block;
-    float: none;
-    width: 100%;
-    margin-left: 0;
-    -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-            box-sizing: border-box;
-  }
-  .span12,
-  .row-fluid .span12 {
-    width: 100%;
-    -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-            box-sizing: border-box;
-  }
-  .row-fluid [class*="offset"]:first-child {
-    margin-left: 0;
-  }
-  .input-large,
-  .input-xlarge,
-  .input-xxlarge,
-  input[class*="span"],
-  select[class*="span"],
-  textarea[class*="span"],
-  .uneditable-input {
-    display: block;
-    width: 100%;
-    min-height: 30px;
-    -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-            box-sizing: border-box;
-  }
-  .input-prepend input,
-  .input-append input,
-  .input-prepend input[class*="span"],
-  .input-append input[class*="span"] {
-    display: inline-block;
-    width: auto;
-  }
-  .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 0;
-  }
-  .modal {
-    position: fixed;
-    top: 20px;
-    right: 20px;
-    left: 20px;
-    width: auto;
-    margin: 0;
-  }
-  .modal.fade {
-    top: -100px;
-  }
-  .modal.fade.in {
-    top: 20px;
-  }
-}
-
-@media (max-width: 480px) {
-  .nav-collapse {
-    -webkit-transform: translate3d(0, 0, 0);
-  }
-  .page-header h1 small {
-    display: block;
-    line-height: 20px;
-  }
-  input[type="checkbox"],
-  input[type="radio"] {
-    border: 1px solid #ccc;
-  }
-  .form-horizontal .control-label {
-    float: none;
-    width: auto;
-    padding-top: 0;
-    text-align: left;
-  }
-  .form-horizontal .controls {
-    margin-left: 0;
-  }
-  .form-horizontal .control-list {
-    padding-top: 0;
-  }
-  .form-horizontal .form-actions {
-    padding-right: 10px;
-    padding-left: 10px;
-  }
-  .media .pull-left,
-  .media .pull-right {
-    display: block;
-    float: none;
-    margin-bottom: 10px;
-  }
-  .media-object {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .modal {
-    top: 10px;
-    right: 10px;
-    left: 10px;
-  }
-  .modal-header .close {
-    padding: 10px;
-    margin: -10px;
-  }
-  .carousel-caption {
-    position: static;
-  }
-}
-
-@media (max-width: 979px) {
-  body {
-    padding-top: 0;
-  }
-  .navbar-fixed-top,
-  .navbar-fixed-bottom {
-    position: static;
-  }
-  .navbar-fixed-top {
-    margin-bottom: 20px;
-  }
-  .navbar-fixed-bottom {
-    margin-top: 20px;
-  }
-  .navbar-fixed-top .navbar-inner,
-  .navbar-fixed-bottom .navbar-inner {
-    padding: 5px;
-  }
-  .navbar .container {
-    width: auto;
-    padding: 0;
-  }
-  .navbar .brand {
-    padding-right: 10px;
-    padding-left: 10px;
-    margin: 0 0 0 -5px;
-  }
-  .nav-collapse {
-    clear: both;
-  }
-  .nav-collapse .nav {
-    float: none;
-    margin: 0 0 10px;
-  }
-  .nav-collapse .nav > li {
-    float: none;
-  }
-  .nav-collapse .nav > li > a {
-    margin-bottom: 2px;
-  }
-  .nav-collapse .nav > .divider-vertical {
-    display: none;
-  }
-  .nav-collapse .nav .nav-header {
-    color: #777777;
-    text-shadow: none;
-  }
-  .nav-collapse .nav > li > a,
-  .nav-collapse .dropdown-menu a {
-    padding: 9px 15px;
-    font-weight: bold;
-    color: #777777;
-    -webkit-border-radius: 3px;
-       -moz-border-radius: 3px;
-            border-radius: 3px;
-  }
-  .nav-collapse .btn {
-    padding: 4px 10px 4px;
-    font-weight: normal;
-    -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-            border-radius: 4px;
-  }
-  .nav-collapse .dropdown-menu li + li a {
-    margin-bottom: 2px;
-  }
-  .nav-collapse .nav > li > a:hover,
-  .nav-collapse .nav > li > a:focus,
-  .nav-collapse .dropdown-menu a:hover,
-  .nav-collapse .dropdown-menu a:focus {
-    background-color: #f2f2f2;
-  }
-  .navbar-inverse .nav-collapse .nav > li > a,
-  .navbar-inverse .nav-collapse .dropdown-menu a {
-    color: #999999;
-  }
-  .navbar-inverse .nav-collapse .nav > li > a:hover,
-  .navbar-inverse .nav-collapse .nav > li > a:focus,
-  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
-  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
-    background-color: #111111;
-  }
-  .nav-collapse.in .btn-group {
-    padding: 0;
-    margin-top: 5px;
-  }
-  .nav-collapse .dropdown-menu {
-    position: static;
-    top: auto;
-    left: auto;
-    display: none;
-    float: none;
-    max-width: none;
-    padding: 0;
-    margin: 0 15px;
-    background-color: transparent;
-    border: none;
-    -webkit-border-radius: 0;
-       -moz-border-radius: 0;
-            border-radius: 0;
-    -webkit-box-shadow: none;
-       -moz-box-shadow: none;
-            box-shadow: none;
-  }
-  .nav-collapse .open > .dropdown-menu {
-    display: block;
-  }
-  .nav-collapse .dropdown-menu:before,
-  .nav-collapse .dropdown-menu:after {
-    display: none;
-  }
-  .nav-collapse .dropdown-menu .divider {
-    display: none;
-  }
-  .nav-collapse .nav > li > .dropdown-menu:before,
-  .nav-collapse .nav > li > .dropdown-menu:after {
-    display: none;
-  }
-  .nav-collapse .navbar-form,
-  .nav-collapse .navbar-search {
-    float: none;
-    padding: 10px 15px;
-    margin: 10px 0;
-    border-top: 1px solid #f2f2f2;
-    border-bottom: 1px solid #f2f2f2;
-    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
-  }
-  .navbar-inverse .nav-collapse .navbar-form,
-  .navbar-inverse .nav-collapse .navbar-search {
-    border-top-color: #111111;
-    border-bottom-color: #111111;
-  }
-  .navbar .nav-collapse .nav.pull-right {
-    float: none;
-    margin-left: 0;
-  }
-  .nav-collapse,
-  .nav-collapse.collapse {
-    height: 0;
-    overflow: hidden;
-  }
-  .navbar .btn-navbar {
-    display: block;
-  }
-  .navbar-static .navbar-inner {
-    padding-right: 10px;
-    padding-left: 10px;
-  }
-}
-
-@media (min-width: 980px) {
-  .nav-collapse.collapse {
-    height: auto !important;
-    overflow: visible !important;
-  }
-}
diff --git a/content/css/bootstrap-responsive.min.css b/content/css/bootstrap-responsive.min.css
deleted file mode 100644
index d1b7f4b..0000000
--- a/content/css/bootstrap-responsive.min.css
+++ /dev/null
@@ -1,9 +0,0 @@
-/*!
- * Bootstrap Responsive v2.3.1
- *
- * Copyright 2012 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
- */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none [...]
diff --git a/content/css/bootstrap.css b/content/css/bootstrap.css
index 2f56af3..36bfb2d 100644
--- a/content/css/bootstrap.css
+++ b/content/css/bootstrap.css
@@ -1,5969 +1,6420 @@
 /*!
- * Bootstrap v2.3.1
- *
- * Copyright 2012 Twitter, Inc
- * Licensed under the Apache License v2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ * Bootstrap v4.5.2 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
-
-.clearfix {
-  *zoom: 1;
-}
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.clearfix:after {
-  clear: both;
+:root {
+  --blue: #007bff;
+  --indigo: #6610f2;
+  --purple: #6f42c1;
+  --pink: #e83e8c;
+  --red: #dc3545;
+  --orange: #fd7e14;
+  --yellow: #ffc107;
+  --green: #28a745;
+  --teal: #20c997;
+  --cyan: #17a2b8;
+  --white: #fff;
+  --gray: #6c757d;
+  --gray-dark: #343a40;
+  --primary: #007bff;
+  --secondary: #6c757d;
+  --success: #28a745;
+  --info: #17a2b8;
+  --warning: #ffc107;
+  --danger: #dc3545;
+  --light: #f8f9fa;
+  --dark: #343a40;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
 }
 
-.hide-text {
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.input-block-level {
-  display: block;
-  width: 100%;
-  min-height: 30px;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-nav,
-section {
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
   display: block;
 }
 
-audio,
-canvas,
-video {
-  display: inline-block;
-  *display: inline;
-  *zoom: 1;
-}
-
-audio:not([controls]) {
-  display: none;
-}
-
-html {
-  font-size: 100%;
-  -webkit-text-size-adjust: 100%;
-      -ms-text-size-adjust: 100%;
-}
-
-a:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
 }
 
-a:hover,
-a:active {
-  outline: 0;
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
 }
 
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
 }
 
-sup {
-  top: -0.5em;
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
 }
 
-sub {
-  bottom: -0.25em;
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
 }
 
-img {
-  width: auto\9;
-  height: auto;
-  max-width: 100%;
-  vertical-align: middle;
-  border: 0;
-  -ms-interpolation-mode: bicubic;
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
 }
 
-#map_canvas img,
-.google-maps img {
-  max-width: none;
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
 }
 
-button,
-input,
-select,
-textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle;
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
 }
 
-button,
-input {
-  *overflow: visible;
-  line-height: normal;
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
 }
 
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  padding: 0;
-  border: 0;
+dt {
+  font-weight: 700;
 }
 
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-  cursor: pointer;
-  -webkit-appearance: button;
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
 }
 
-label,
-select,
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"],
-input[type="radio"],
-input[type="checkbox"] {
-  cursor: pointer;
+blockquote {
+  margin: 0 0 1rem;
 }
 
-input[type="search"] {
-  -webkit-box-sizing: content-box;
-     -moz-box-sizing: content-box;
-          box-sizing: content-box;
-  -webkit-appearance: textfield;
+b,
+strong {
+  font-weight: bolder;
 }
 
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button {
-  -webkit-appearance: none;
+small {
+  font-size: 80%;
 }
 
-textarea {
-  overflow: auto;
-  vertical-align: top;
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
 }
 
-@media print {
-  * {
-    color: #000 !important;
-    text-shadow: none !important;
-    background: transparent !important;
-    box-shadow: none !important;
-  }
-  a,
-  a:visited {
-    text-decoration: underline;
-  }
-  a[href]:after {
-    content: " (" attr(href) ")";
-  }
-  abbr[title]:after {
-    content: " (" attr(title) ")";
-  }
-  .ir a:after,
-  a[href^="javascript:"]:after,
-  a[href^="#"]:after {
-    content: "";
-  }
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid;
-  }
-  thead {
-    display: table-header-group;
-  }
-  tr,
-  img {
-    page-break-inside: avoid;
-  }
-  img {
-    max-width: 100% !important;
-  }
-  @page  {
-    margin: 0.5cm;
-  }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
+sub {
+  bottom: -.25em;
 }
 
-body {
-  margin: 0;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 14px;
-  line-height: 20px;
-  color: #333333;
-  background-color: #ffffff;
+sup {
+  top: -.5em;
 }
 
 a {
-  color: #0088cc;
+  color: #007bff;
   text-decoration: none;
+  background-color: transparent;
 }
 
-a:hover,
-a:focus {
-  color: #005580;
+a:hover {
+  color: #0056b3;
   text-decoration: underline;
 }
 
-.img-rounded {
-  -webkit-border-radius: 6px;
-     -moz-border-radius: 6px;
-          border-radius: 6px;
+a:not([href]):not([class]) {
+  color: inherit;
+  text-decoration: none;
 }
 
-.img-polaroid {
-  padding: 4px;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
 }
 
-.img-circle {
-  -webkit-border-radius: 500px;
-     -moz-border-radius: 500px;
-          border-radius: 500px;
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
 }
 
-.row {
-  margin-left: -20px;
-  *zoom: 1;
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
 }
 
-.row:before,
-.row:after {
-  display: table;
-  line-height: 0;
-  content: "";
+figure {
+  margin: 0 0 1rem;
 }
 
-.row:after {
-  clear: both;
+img {
+  vertical-align: middle;
+  border-style: none;
 }
 
-[class*="span"] {
-  float: left;
-  min-height: 1px;
-  margin-left: 20px;
+svg {
+  overflow: hidden;
+  vertical-align: middle;
 }
 
-.container,
-.navbar-static-top .container,
-.navbar-fixed-top .container,
-.navbar-fixed-bottom .container {
-  width: 940px;
+table {
+  border-collapse: collapse;
 }
 
-.span12 {
-  width: 940px;
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
 }
 
-.span11 {
-  width: 860px;
+th {
+  text-align: inherit;
 }
 
-.span10 {
-  width: 780px;
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
 }
 
-.span9 {
-  width: 700px;
+button {
+  border-radius: 0;
 }
 
-.span8 {
-  width: 620px;
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
 }
 
-.span7 {
-  width: 540px;
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
 }
 
-.span6 {
-  width: 460px;
+button,
+input {
+  overflow: visible;
 }
 
-.span5 {
-  width: 380px;
+button,
+select {
+  text-transform: none;
 }
 
-.span4 {
-  width: 300px;
+[role="button"] {
+  cursor: pointer;
 }
 
-.span3 {
-  width: 220px;
+select {
+  word-wrap: normal;
 }
 
-.span2 {
-  width: 140px;
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
 }
 
-.span1 {
-  width: 60px;
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
 }
 
-.offset12 {
-  margin-left: 980px;
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
 }
 
-.offset11 {
-  margin-left: 900px;
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
 }
 
-.offset10 {
-  margin-left: 820px;
+textarea {
+  overflow: auto;
+  resize: vertical;
 }
 
-.offset9 {
-  margin-left: 740px;
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
 }
 
-.offset8 {
-  margin-left: 660px;
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
 }
 
-.offset7 {
-  margin-left: 580px;
+progress {
+  vertical-align: baseline;
 }
 
-.offset6 {
-  margin-left: 500px;
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
 }
 
-.offset5 {
-  margin-left: 420px;
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
 }
 
-.offset4 {
-  margin-left: 340px;
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
 }
 
-.offset3 {
-  margin-left: 260px;
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
 }
 
-.offset2 {
-  margin-left: 180px;
+output {
+  display: inline-block;
 }
 
-.offset1 {
-  margin-left: 100px;
+summary {
+  display: list-item;
+  cursor: pointer;
 }
 
-.row-fluid {
-  width: 100%;
-  *zoom: 1;
+template {
+  display: none;
 }
 
-.row-fluid:before,
-.row-fluid:after {
-  display: table;
-  line-height: 0;
-  content: "";
+[hidden] {
+  display: none !important;
 }
 
-.row-fluid:after {
-  clear: both;
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
 }
 
-.row-fluid [class*="span"] {
-  display: block;
-  float: left;
-  width: 100%;
-  min-height: 30px;
-  margin-left: 2.127659574468085%;
-  *margin-left: 2.074468085106383%;
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+h1, .h1 {
+  font-size: 2.5rem;
 }
 
-.row-fluid [class*="span"]:first-child {
-  margin-left: 0;
+h2, .h2 {
+  font-size: 2rem;
 }
 
-.row-fluid .controls-row [class*="span"] + [class*="span"] {
-  margin-left: 2.127659574468085%;
+h3, .h3 {
+  font-size: 1.75rem;
 }
 
-.row-fluid .span12 {
-  width: 100%;
-  *width: 99.94680851063829%;
+h4, .h4 {
+  font-size: 1.5rem;
 }
 
-.row-fluid .span11 {
-  width: 91.48936170212765%;
-  *width: 91.43617021276594%;
+h5, .h5 {
+  font-size: 1.25rem;
 }
 
-.row-fluid .span10 {
-  width: 82.97872340425532%;
-  *width: 82.92553191489361%;
+h6, .h6 {
+  font-size: 1rem;
 }
 
-.row-fluid .span9 {
-  width: 74.46808510638297%;
-  *width: 74.41489361702126%;
+.lead {
+  font-size: 1.25rem;
+  font-weight: 300;
 }
 
-.row-fluid .span8 {
-  width: 65.95744680851064%;
-  *width: 65.90425531914893%;
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2;
 }
 
-.row-fluid .span7 {
-  width: 57.44680851063829%;
-  *width: 57.39361702127659%;
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.2;
 }
 
-.row-fluid .span6 {
-  width: 48.93617021276595%;
-  *width: 48.88297872340425%;
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.2;
 }
 
-.row-fluid .span5 {
-  width: 40.42553191489362%;
-  *width: 40.37234042553192%;
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.2;
 }
 
-.row-fluid .span4 {
-  width: 31.914893617021278%;
-  *width: 31.861702127659576%;
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 
-.row-fluid .span3 {
-  width: 23.404255319148934%;
-  *width: 23.351063829787233%;
+small,
+.small {
+  font-size: 80%;
+  font-weight: 400;
 }
 
-.row-fluid .span2 {
-  width: 14.893617021276595%;
-  *width: 14.840425531914894%;
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
 }
 
-.row-fluid .span1 {
-  width: 6.382978723404255%;
-  *width: 6.329787234042553%;
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
 }
 
-.row-fluid .offset12 {
-  margin-left: 104.25531914893617%;
-  *margin-left: 104.14893617021275%;
+.list-inline {
+  padding-left: 0;
+  list-style: none;
 }
 
-.row-fluid .offset12:first-child {
-  margin-left: 102.12765957446808%;
-  *margin-left: 102.02127659574467%;
+.list-inline-item {
+  display: inline-block;
 }
 
-.row-fluid .offset11 {
-  margin-left: 95.74468085106382%;
-  *margin-left: 95.6382978723404%;
+.list-inline-item:not(:last-child) {
+  margin-right: 0.5rem;
 }
 
-.row-fluid .offset11:first-child {
-  margin-left: 93.61702127659574%;
-  *margin-left: 93.51063829787232%;
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
 }
 
-.row-fluid .offset10 {
-  margin-left: 87.23404255319149%;
-  *margin-left: 87.12765957446807%;
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.25rem;
 }
 
-.row-fluid .offset10:first-child {
-  margin-left: 85.1063829787234%;
-  *margin-left: 84.99999999999999%;
+.blockquote-footer {
+  display: block;
+  font-size: 80%;
+  color: #6c757d;
 }
 
-.row-fluid .offset9 {
-  margin-left: 78.72340425531914%;
-  *margin-left: 78.61702127659572%;
+.blockquote-footer::before {
+  content: "\2014\00A0";
 }
 
-.row-fluid .offset9:first-child {
-  margin-left: 76.59574468085106%;
-  *margin-left: 76.48936170212764%;
+.img-fluid {
+  max-width: 100%;
+  height: auto;
 }
 
-.row-fluid .offset8 {
-  margin-left: 70.2127659574468%;
-  *margin-left: 70.10638297872339%;
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  max-width: 100%;
+  height: auto;
 }
 
-.row-fluid .offset8:first-child {
-  margin-left: 68.08510638297872%;
-  *margin-left: 67.9787234042553%;
+.figure {
+  display: inline-block;
 }
 
-.row-fluid .offset7 {
-  margin-left: 61.70212765957446%;
-  *margin-left: 61.59574468085106%;
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1;
 }
 
-.row-fluid .offset7:first-child {
-  margin-left: 59.574468085106375%;
-  *margin-left: 59.46808510638297%;
+.figure-caption {
+  font-size: 90%;
+  color: #6c757d;
 }
 
-.row-fluid .offset6 {
-  margin-left: 53.191489361702125%;
-  *margin-left: 53.085106382978715%;
+code {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-wrap: break-word;
 }
 
-.row-fluid .offset6:first-child {
-  margin-left: 51.063829787234035%;
-  *margin-left: 50.95744680851063%;
+a > code {
+  color: inherit;
 }
 
-.row-fluid .offset5 {
-  margin-left: 44.68085106382979%;
-  *margin-left: 44.57446808510638%;
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 87.5%;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
 }
 
-.row-fluid .offset5:first-child {
-  margin-left: 42.5531914893617%;
-  *margin-left: 42.4468085106383%;
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: 700;
 }
 
-.row-fluid .offset4 {
-  margin-left: 36.170212765957444%;
-  *margin-left: 36.06382978723405%;
+pre {
+  display: block;
+  font-size: 87.5%;
+  color: #212529;
 }
 
-.row-fluid .offset4:first-child {
-  margin-left: 34.04255319148936%;
-  *margin-left: 33.93617021276596%;
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
 }
 
-.row-fluid .offset3 {
-  margin-left: 27.659574468085104%;
-  *margin-left: 27.5531914893617%;
-}
-
-.row-fluid .offset3:first-child {
-  margin-left: 25.53191489361702%;
-  *margin-left: 25.425531914893618%;
-}
-
-.row-fluid .offset2 {
-  margin-left: 19.148936170212764%;
-  *margin-left: 19.04255319148936%;
-}
-
-.row-fluid .offset2:first-child {
-  margin-left: 17.02127659574468%;
-  *margin-left: 16.914893617021278%;
-}
-
-.row-fluid .offset1 {
-  margin-left: 10.638297872340425%;
-  *margin-left: 10.53191489361702%;
-}
-
-.row-fluid .offset1:first-child {
-  margin-left: 8.51063829787234%;
-  *margin-left: 8.404255319148938%;
-}
-
-[class*="span"].hide,
-.row-fluid [class*="span"].hide {
-  display: none;
-}
-
-[class*="span"].pull-right,
-.row-fluid [class*="span"].pull-right {
-  float: right;
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
 }
 
-.container {
+.container,
+.container-fluid,
+.container-sm,
+.container-md,
+.container-lg,
+.container-xl {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
-  *zoom: 1;
-}
-
-.container:before,
-.container:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.container:after {
-  clear: both;
-}
-
-.container-fluid {
-  padding-right: 20px;
-  padding-left: 20px;
-  *zoom: 1;
-}
-
-.container-fluid:before,
-.container-fluid:after {
-  display: table;
-  line-height: 0;
-  content: "";
-}
-
-.container-fluid:after {
-  clear: both;
-}
-
-p {
-  margin: 0 0 10px;
 }
 
-.lead {
-  margin-bottom: 20px;
-  font-size: 21px;
-  font-weight: 200;
-  line-height: 30px;
+@media (min-width: 576px) {
+  .container, .container-sm {
+    max-width: 540px;
+  }
 }
 
-small {
-  font-size: 85%;
+@media (min-width: 768px) {
+  .container, .container-sm, .container-md {
+    max-width: 720px;
+  }
 }
 
-strong {
-  font-weight: bold;
+@media (min-width: 992px) {
+  .container, .container-sm, .container-md, .container-lg {
+    max-width: 960px;
+  }
 }
 
-em {
-  font-style: italic;
+@media (min-width: 1200px) {
+  .container, .container-sm, .container-md, .container-lg, .container-xl {
+    max-width: 1140px;
+  }
 }
 
-cite {
-  font-style: normal;
+.row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
 }
 
-.muted {
-  color: #999999;
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0;
 }
 
-a.muted:hover,
-a.muted:focus {
-  color: #808080;
+.no-gutters > .col,
+.no-gutters > [class*="col-"] {
+  padding-right: 0;
+  padding-left: 0;
 }
 
-.text-warning {
-  color: #c09853;
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
 }
 
-a.text-warning:hover,
-a.text-warning:focus {
-  color: #a47e3c;
+.col {
+  -ms-flex-preferred-size: 0;
+  flex-basis: 0;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  max-width: 100%;
 }
 
-.text-error {
-  color: #b94a48;
+.row-cols-1 > * {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
 }
 
-a.text-error:hover,
-a.text-error:focus {
-  color: #953b39;
+.row-cols-2 > * {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
 }
 
-.text-info {
-  color: #3a87ad;
+.row-cols-3 > * {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
 }
 
-a.text-info:hover,
-a.text-info:focus {
-  color: #2d6987;
+.row-cols-4 > * {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
 }
 
-.text-success {
-  color: #468847;
+.row-cols-5 > * {
+  -ms-flex: 0 0 20%;
+  flex: 0 0 20%;
+  max-width: 20%;
 }
 
-a.text-success:hover,
-a.text-success:focus {
-  color: #356635;
+.row-cols-6 > * {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
 }
 
-.text-left {
-  text-align: left;
+.col-auto {
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  width: auto;
+  max-width: 100%;
 }
 
-.text-right {
-  text-align: right;
+.col-1 {
+  -ms-flex: 0 0 8.333333%;
+  flex: 0 0 8.333333%;
+  max-width: 8.333333%;
 }
 
-.text-center {
-  text-align: center;
+.col-2 {
+  -ms-flex: 0 0 16.666667%;
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin: 10px 0;
-  font-family: inherit;
-  font-weight: bold;
-  line-height: 20px;
-  color: inherit;
-  text-rendering: optimizelegibility;
+.col-3 {
+  -ms-flex: 0 0 25%;
+  flex: 0 0 25%;
+  max-width: 25%;
 }
 
-h1 small,
-h2 small,
-h3 small,
-h4 small,
-h5 small,
-h6 small {
-  font-weight: normal;
-  line-height: 1;
-  color: #999999;
+.col-4 {
+  -ms-flex: 0 0 33.333333%;
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
 }
 
-h1,
-h2,
-h3 {
-  line-height: 40px;
+.col-5 {
+  -ms-flex: 0 0 41.666667%;
+  flex: 0 0 41.666667%;
+  max-width: 41.666667%;
 }
 
-h1 {
-  font-size: 38.5px;
+.col-6 {
+  -ms-flex: 0 0 50%;
+  flex: 0 0 50%;
+  max-width: 50%;
 }
 
-h2 {
-  font-size: 31.5px;
+.col-7 {
+  -ms-flex: 0 0 58.333333%;
+  flex: 0 0 58.333333%;
+  max-width: 58.333333%;
 }
 
-h3 {
-  font-size: 24.5px;
+.col-8 {
+  -ms-flex: 0 0 66.666667%;
+  flex: 0 0 66.666667%;
+  max-width: 66.666667%;
 }
 
-h4 {
-  font-size: 17.5px;
+.col-9 {
+  -ms-flex: 0 0 75%;
+  flex: 0 0 75%;
+  max-width: 75%;
 }
 
-h5 {
-  font-size: 14px;
+.col-10 {
+  -ms-flex: 0 0 83.333333%;
+  flex: 0 0 83.333333%;
+  max-width: 83.333333%;
 }
 
-h6 {
-  font-size: 11.9px;
+.col-11 {
+  -ms-flex: 0 0 91.666667%;
+  flex: 0 0 91.666667%;
+  max-width: 91.666667%;
 }
 
-h1 small {
-  font-size: 24.5px;
+.col-12 {
+  -ms-flex: 0 0 100%;
+  flex: 0 0 100%;
+  max-width: 100%;
 }
 
-h2 small {
-  font-size: 17.5px;
+.order-first {
+  -ms-flex-order: -1;
+  order: -1;
 }
 
-h3 small {
-  font-size: 14px;
+.order-last {
+  -ms-flex-order: 13;
+  order: 13;
 }
 
-h4 small {
-  font-size: 14px;
+.order-0 {
+  -ms-flex-order: 0;
+  order: 0;
 }
 
-.page-header {
-  padding-bottom: 9px;
-  margin: 20px 0 30px;
-  border-bottom: 1px solid #eeeeee;
+.order-1 {
+  -ms-flex-order: 1;
+  order: 1;
 }
 
-ul,
-ol {
-  padding: 0;
-  margin: 0 0 10px 25px;
+.order-2 {
+  -ms-flex-order: 2;
+  order: 2;
 }
 
-ul ul,
-ul ol,
-ol ol,
-ol ul {
-  margin-bottom: 0;
+.order-3 {
+  -ms-flex-order: 3;
+  order: 3;
 }
 
-li {
-  line-height: 20px;
+.order-4 {
+  -ms-flex-order: 4;
+  order: 4;
 }
 
-ul.unstyled,
-ol.unstyled {
-  margin-left: 0;
-  list-style: none;
+.order-5 {
+  -ms-flex-order: 5;
+  order: 5;
 }
 
-ul.inline,
-ol.inline {
-  margin-left: 0;
-  list-style: none;
+.order-6 {
+  -ms-flex-order: 6;
+  order: 6;
 }
 
-ul.inline > li,
-ol.inline > li {
-  display: inline-block;
-  *display: inline;
-  padding-right: 5px;
-  padding-left: 5px;
-  *zoom: 1;
+.order-7 {
+  -ms-flex-order: 7;
+  order: 7;
 }
 
-dl {
-  margin-bottom: 20px;
+.order-8 {
+  -ms-flex-order: 8;
+  order: 8;
 }
 
-dt,
-dd {
-  line-height: 20px;
+.order-9 {
+  -ms-flex-order: 9;
+  order: 9;
 }
 
-dt {
-  font-weight: bold;
+.order-10 {
+  -ms-flex-order: 10;
+  order: 10;
 }
 
-dd {
-  margin-left: 10px;
+.order-11 {
+  -ms-flex-order: 11;
+  order: 11;
 }
 
-.dl-horizontal {
-  *zoom: 1;
+.order-12 {
+  -ms-flex-order: 12;
+  order: 12;
 }
 
-.dl-horizontal:before,
-.dl-horizontal:after {
-  display: table;
-  line-height: 0;
-  content: "";
+.offset-1 {
+  margin-left: 8.333333%;
 }
 
-.dl-horizontal:after {
-  clear: both;
+.offset-2 {
+  margin-left: 16.666667%;
 }
 
-.dl-horizontal dt {
-  float: left;
-  width: 160px;
-  overflow: hidden;
-  clear: left;
-  text-align: right;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.offset-3 {
+  margin-left: 25%;
 }
 
-.dl-horizontal dd {
-  margin-left: 180px;
+.offset-4 {
+  margin-left: 33.333333%;
 }
 
-hr {
-  margin: 20px 0;
-  border: 0;
-  border-top: 1px solid #eeeeee;
-  border-bottom: 1px solid #ffffff;
+.offset-5 {
+  margin-left: 41.666667%;
 }
 
-abbr[title],
-abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted #999999;
+.offset-6 {
+  margin-left: 50%;
 }
 
-abbr.initialism {
-  font-size: 90%;
-  text-transform: uppercase;
+.offset-7 {
+  margin-left: 58.333333%;
 }
 
-blockquote {
-  padding: 0 0 0 15px;
-  margin: 0 0 20px;
-  border-left: 5px solid #eeeeee;
+.offset-8 {
+  margin-left: 66.666667%;
 }
 
-blockquote p {
-  margin-bottom: 0;
-  font-size: 17.5px;
-  font-weight: 300;
-  line-height: 1.25;
+.offset-9 {
+  margin-left: 75%;
 }
 
-blockquote small {
-  display: block;
-  line-height: 20px;
-  color: #999999;
+.offset-10 {
+  margin-left: 83.333333%;
 }
 
-blockquote small:before {
-  content: '\2014 \00A0';
+.offset-11 {
+  margin-left: 91.666667%;
 }
 
-blockquote.pull-right {
-  float: right;
-  padding-right: 15px;
-  padding-left: 0;
-  border-right: 5px solid #eeeeee;
-  border-left: 0;
+@media (min-width: 576px) {
+  .col-sm {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-sm-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-sm-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-sm-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-sm-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-sm-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-sm-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-sm-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-sm-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-sm-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-sm-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-sm-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-sm-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-sm-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-sm-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-sm-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-sm-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-sm-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-sm-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-sm-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-sm-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-sm-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-sm-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-sm-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-sm-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-sm-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-sm-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-sm-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-sm-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-sm-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-sm-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-sm-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-sm-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-sm-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-sm-0 {
+    margin-left: 0;
+  }
+  .offset-sm-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-sm-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-sm-3 {
+    margin-left: 25%;
+  }
+  .offset-sm-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-sm-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-sm-6 {
+    margin-left: 50%;
+  }
+  .offset-sm-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-sm-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-sm-9 {
+    margin-left: 75%;
+  }
+  .offset-sm-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-sm-11 {
+    margin-left: 91.666667%;
+  }
 }
 
-blockquote.pull-right p,
-blockquote.pull-right small {
-  text-align: right;
+@media (min-width: 768px) {
+  .col-md {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-md-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-md-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-md-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-md-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-md-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-md-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-md-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-md-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-md-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-md-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-md-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-md-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-md-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-md-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-md-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-md-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-md-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-md-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-md-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-md-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-md-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-md-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-md-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-md-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-md-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-md-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-md-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-md-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-md-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-md-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-md-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-md-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-md-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-md-0 {
+    margin-left: 0;
+  }
+  .offset-md-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-md-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-md-3 {
+    margin-left: 25%;
+  }
+  .offset-md-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-md-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-md-6 {
+    margin-left: 50%;
+  }
+  .offset-md-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-md-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-md-9 {
+    margin-left: 75%;
+  }
+  .offset-md-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-md-11 {
+    margin-left: 91.666667%;
+  }
 }
 
-blockquote.pull-right small:before {
-  content: '';
+@media (min-width: 992px) {
+  .col-lg {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-lg-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-lg-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-lg-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-lg-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-lg-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-lg-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-lg-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-lg-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-lg-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-lg-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-lg-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-lg-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-lg-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-lg-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-lg-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-lg-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-lg-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-lg-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-lg-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-lg-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-lg-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-lg-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-lg-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-lg-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-lg-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-lg-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-lg-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-lg-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-lg-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-lg-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-lg-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-lg-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-lg-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-lg-0 {
+    margin-left: 0;
+  }
+  .offset-lg-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-lg-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-lg-3 {
+    margin-left: 25%;
+  }
+  .offset-lg-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-lg-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-lg-6 {
+    margin-left: 50%;
+  }
+  .offset-lg-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-lg-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-lg-9 {
+    margin-left: 75%;
+  }
+  .offset-lg-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-lg-11 {
+    margin-left: 91.666667%;
+  }
 }
 
-blockquote.pull-right small:after {
-  content: '\00A0 \2014';
-}
-
-q:before,
-q:after,
-blockquote:before,
-blockquote:after {
-  content: "";
+@media (min-width: 1200px) {
+  .col-xl {
+    -ms-flex-preferred-size: 0;
+    flex-basis: 0;
+    -ms-flex-positive: 1;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+  .row-cols-xl-1 > * {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .row-cols-xl-2 > * {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .row-cols-xl-3 > * {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .row-cols-xl-4 > * {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .row-cols-xl-5 > * {
+    -ms-flex: 0 0 20%;
+    flex: 0 0 20%;
+    max-width: 20%;
+  }
+  .row-cols-xl-6 > * {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-auto {
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: auto;
+    max-width: 100%;
+  }
+  .col-xl-1 {
+    -ms-flex: 0 0 8.333333%;
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .col-xl-2 {
+    -ms-flex: 0 0 16.666667%;
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .col-xl-3 {
+    -ms-flex: 0 0 25%;
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .col-xl-4 {
+    -ms-flex: 0 0 33.333333%;
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .col-xl-5 {
+    -ms-flex: 0 0 41.666667%;
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .col-xl-6 {
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .col-xl-7 {
+    -ms-flex: 0 0 58.333333%;
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .col-xl-8 {
+    -ms-flex: 0 0 66.666667%;
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .col-xl-9 {
+    -ms-flex: 0 0 75%;
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .col-xl-10 {
+    -ms-flex: 0 0 83.333333%;
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .col-xl-11 {
+    -ms-flex: 0 0 91.666667%;
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .col-xl-12 {
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+  .order-xl-first {
+    -ms-flex-order: -1;
+    order: -1;
+  }
+  .order-xl-last {
+    -ms-flex-order: 13;
+    order: 13;
+  }
+  .order-xl-0 {
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .order-xl-1 {
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .order-xl-2 {
+    -ms-flex-order: 2;
+    order: 2;
+  }
+  .order-xl-3 {
+    -ms-flex-order: 3;
+    order: 3;
+  }
+  .order-xl-4 {
+    -ms-flex-order: 4;
+    order: 4;
+  }
+  .order-xl-5 {
+    -ms-flex-order: 5;
+    order: 5;
+  }
+  .order-xl-6 {
+    -ms-flex-order: 6;
+    order: 6;
+  }
+  .order-xl-7 {
+    -ms-flex-order: 7;
+    order: 7;
+  }
+  .order-xl-8 {
+    -ms-flex-order: 8;
+    order: 8;
+  }
+  .order-xl-9 {
+    -ms-flex-order: 9;
+    order: 9;
+  }
+  .order-xl-10 {
+    -ms-flex-order: 10;
+    order: 10;
+  }
+  .order-xl-11 {
+    -ms-flex-order: 11;
+    order: 11;
+  }
+  .order-xl-12 {
+    -ms-flex-order: 12;
+    order: 12;
+  }
+  .offset-xl-0 {
+    margin-left: 0;
+  }
+  .offset-xl-1 {
+    margin-left: 8.333333%;
+  }
+  .offset-xl-2 {
+    margin-left: 16.666667%;
+  }
+  .offset-xl-3 {
+    margin-left: 25%;
+  }
+  .offset-xl-4 {
+    margin-left: 33.333333%;
+  }
+  .offset-xl-5 {
+    margin-left: 41.666667%;
+  }
+  .offset-xl-6 {
+    margin-left: 50%;
+  }
+  .offset-xl-7 {
+    margin-left: 58.333333%;
+  }
+  .offset-xl-8 {
+    margin-left: 66.666667%;
+  }
+  .offset-xl-9 {
+    margin-left: 75%;
+  }
+  .offset-xl-10 {
+    margin-left: 83.333333%;
+  }
+  .offset-xl-11 {
+    margin-left: 91.666667%;
+  }
 }
 
-address {
-  display: block;
-  margin-bottom: 20px;
-  font-style: normal;
-  line-height: 20px;
+.table {
+  width: 100%;
+  margin-bottom: 1rem;
+  color: #212529;
 }
 
-code,
-pre {
-  padding: 0 3px 2px;
-  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
-  font-size: 12px;
-  color: #333333;
-  -webkit-border-radius: 3px;
-     -moz-border-radius: 3px;
-          border-radius: 3px;
+.table th,
+.table td {
+  padding: 0.75rem;
+  vertical-align: top;
+  border-top: 1px solid #dee2e6;
 }
 
-code {
-  padding: 2px 4px;
-  color: #d14;
-  white-space: nowrap;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
+.table thead th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #dee2e6;
 }
 
-pre {
-  display: block;
-  padding: 9.5px;
-  margin: 0 0 10px;
-  font-size: 13px;
-  line-height: 20px;
-  word-break: break-all;
-  word-wrap: break-word;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+.table tbody + tbody {
+  border-top: 2px solid #dee2e6;
 }
 
-pre.prettyprint {
-  margin-bottom: 20px;
+.table-sm th,
+.table-sm td {
+  padding: 0.3rem;
 }
 
-pre code {
-  padding: 0;
-  color: inherit;
-  white-space: pre;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border: 0;
+.table-bordered {
+  border: 1px solid #dee2e6;
 }
 
-.pre-scrollable {
-  max-height: 340px;
-  overflow-y: scroll;
+.table-bordered th,
+.table-bordered td {
+  border: 1px solid #dee2e6;
 }
 
-form {
-  margin: 0 0 20px;
+.table-bordered thead th,
+.table-bordered thead td {
+  border-bottom-width: 2px;
 }
 
-fieldset {
-  padding: 0;
-  margin: 0;
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
   border: 0;
 }
 
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: 20px;
-  font-size: 21px;
-  line-height: 40px;
-  color: #333333;
-  border: 0;
-  border-bottom: 1px solid #e5e5e5;
+.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.05);
 }
 
-legend small {
-  font-size: 15px;
-  color: #999999;
+.table-hover tbody tr:hover {
+  color: #212529;
+  background-color: rgba(0, 0, 0, 0.075);
 }
 
-label,
-input,
-button,
-select,
-textarea {
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 20px;
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #b8daff;
 }
 
-input,
-button,
-select,
-textarea {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody + tbody {
+  border-color: #7abaff;
 }
 
-label {
-  display: block;
-  margin-bottom: 5px;
+.table-hover .table-primary:hover {
+  background-color: #9fcdff;
 }
 
-select,
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"],
-.uneditable-input {
-  display: inline-block;
-  height: 20px;
-  padding: 4px 6px;
-  margin-bottom: 10px;
-  font-size: 14px;
-  line-height: 20px;
-  color: #555555;
-  vertical-align: middle;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+.table-hover .table-primary:hover > td,
+.table-hover .table-primary:hover > th {
+  background-color: #9fcdff;
 }
 
-input,
-textarea,
-.uneditable-input {
-  width: 206px;
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #d6d8db;
 }
 
-textarea {
-  height: auto;
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody + tbody {
+  border-color: #b3b7bb;
 }
 
-textarea,
-input[type="text"],
-input[type="password"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="date"],
-input[type="month"],
-input[type="time"],
-input[type="week"],
-input[type="number"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="tel"],
-input[type="color"],
-.uneditable-input {
-  background-color: #ffffff;
-  border: 1px solid #cccccc;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
-          transition: border linear 0.2s, box-shadow linear 0.2s;
-}
-
-textarea:focus,
-input[type="text"]:focus,
-input[type="password"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="time"]:focus,
-input[type="week"]:focus,
-input[type="number"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="search"]:focus,
-input[type="tel"]:focus,
-input[type="color"]:focus,
-.uneditable-input:focus {
-  border-color: rgba(82, 168, 236, 0.8);
-  outline: 0;
-  outline: thin dotted \9;
-  /* IE6-9 */
-
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+.table-hover .table-secondary:hover {
+  background-color: #c8cbcf;
 }
 
-input[type="radio"],
-input[type="checkbox"] {
-  margin: 4px 0 0;
-  margin-top: 1px \9;
-  *margin-top: 0;
-  line-height: normal;
+.table-hover .table-secondary:hover > td,
+.table-hover .table-secondary:hover > th {
+  background-color: #c8cbcf;
 }
 
-input[type="file"],
-input[type="image"],
-input[type="submit"],
-input[type="reset"],
-input[type="button"],
-input[type="radio"],
-input[type="checkbox"] {
-  width: auto;
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #c3e6cb;
 }
 
-select,
-input[type="file"] {
-  height: 30px;
-  /* In IE7, the height of the select element cannot be changed by height, only font-size */
-
-  *margin-top: 4px;
-  /* For IE7, add top margin to align select with labels */
-
-  line-height: 30px;
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody + tbody {
+  border-color: #8fd19e;
 }
 
-select {
-  width: 220px;
-  background-color: #ffffff;
-  border: 1px solid #cccccc;
+.table-hover .table-success:hover {
+  background-color: #b1dfbb;
 }
 
-select[multiple],
-select[size] {
-  height: auto;
+.table-hover .table-success:hover > td,
+.table-hover .table-success:hover > th {
+  background-color: #b1dfbb;
 }
 
-select:focus,
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
-  outline: thin dotted #333;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #bee5eb;
 }
 
-.uneditable-input,
-.uneditable-textarea {
-  color: #999999;
-  cursor: not-allowed;
-  background-color: #fcfcfc;
-  border-color: #cccccc;
-  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody + tbody {
+  border-color: #86cfda;
 }
 
-.uneditable-input {
-  overflow: hidden;
-  white-space: nowrap;
+.table-hover .table-info:hover {
+  background-color: #abdde5;
 }
 
-.uneditable-textarea {
-  width: auto;
-  height: auto;
+.table-hover .table-info:hover > td,
+.table-hover .table-info:hover > th {
+  background-color: #abdde5;
 }
 
-input:-moz-placeholder,
-textarea:-moz-placeholder {
-  color: #999999;
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+  background-color: #ffeeba;
 }
 
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
-  color: #999999;
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody + tbody {
+  border-color: #ffdf7e;
 }
 
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
-  color: #999999;
+.table-hover .table-warning:hover {
+  background-color: #ffe8a1;
 }
 
-.radio,
-.checkbox {
-  min-height: 20px;
-  padding-left: 20px;
+.table-hover .table-warning:hover > td,
+.table-hover .table-warning:hover > th {
+  background-color: #ffe8a1;
 }
 
-.radio input[type="radio"],
-.checkbox input[type="checkbox"] {
-  float: left;
-  margin-left: -20px;
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+  background-color: #f5c6cb;
 }
 
-.controls > .radio:first-child,
-.controls > .checkbox:first-child {
-  padding-top: 5px;
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody + tbody {
+  border-color: #ed969e;
 }
 
-.radio.inline,
-.checkbox.inline {
-  display: inline-block;
-  padding-top: 5px;
-  margin-bottom: 0;
-  vertical-align: middle;
+.table-hover .table-danger:hover {
+  background-color: #f1b0b7;
 }
 
-.radio.inline + .radio.inline,
-.checkbox.inline + .checkbox.inline {
-  margin-left: 10px;
+.table-hover .table-danger:hover > td,
+.table-hover .table-danger:hover > th {
+  background-color: #f1b0b7;
 }
 
-.input-mini {
-  width: 60px;
+.table-light,
+.table-light > th,
+.table-light > td {
+  background-color: #fdfdfe;
 }
 
-.input-small {
-  width: 90px;
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody + tbody {
+  border-color: #fbfcfc;
 }
 
-.input-medium {
-  width: 150px;
+.table-hover .table-light:hover {
+  background-color: #ececf6;
 }
 
-.input-large {
-  width: 210px;
+.table-hover .table-light:hover > td,
+.table-hover .table-light:hover > th {
+  background-color: #ececf6;
 }
 
-.input-xlarge {
-  width: 270px;
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+  background-color: #c6c8ca;
 }
 
-.input-xxlarge {
-  width: 530px;
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody + tbody {
+  border-color: #95999c;
 }
 
-input[class*="span"],
-select[class*="span"],
-textarea[class*="span"],
-.uneditable-input[class*="span"],
-.row-fluid input[class*="span"],
-.row-fluid select[class*="span"],
-.row-fluid textarea[class*="span"],
-.row-fluid .uneditable-input[class*="span"] {
-  float: none;
-  margin-left: 0;
+.table-hover .table-dark:hover {
+  background-color: #b9bbbe;
 }
 
-.input-append input[class*="span"],
-.input-append .uneditable-input[class*="span"],
-.input-prepend input[class*="span"],
-.input-prepend .uneditable-input[class*="span"],
-.row-fluid input[class*="span"],
-.row-fluid select[class*="span"],
-.row-fluid textarea[class*="span"],
-.row-fluid .uneditable-input[class*="span"],
-.row-fluid .input-prepend [class*="span"],
-.row-fluid .input-append [class*="span"] {
-  display: inline-block;
+.table-hover .table-dark:hover > td,
+.table-hover .table-dark:hover > th {
+  background-color: #b9bbbe;
 }
 
-input,
-textarea,
-.uneditable-input {
-  margin-left: 0;
+.table-active,
+.table-active > th,
+.table-active > td {
+  background-color: rgba(0, 0, 0, 0.075);
 }
 
-.controls-row [class*="span"] + [class*="span"] {
-  margin-left: 20px;
+.table-hover .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075);
 }
 
-input.span12,
-textarea.span12,
-.uneditable-input.span12 {
-  width: 926px;
+.table-hover .table-active:hover > td,
+.table-hover .table-active:hover > th {
+  background-color: rgba(0, 0, 0, 0.075);
 }
 
-input.span11,
-textarea.span11,
-.uneditable-input.span11 {
-  width: 846px;
+.table .thead-dark th {
+  color: #fff;
+  background-color: #343a40;
+  border-color: #454d55;
 }
 
-input.span10,
-textarea.span10,
-.uneditable-input.span10 {
-  width: 766px;
+.table .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
 }
 
-input.span9,
-textarea.span9,
-.uneditable-input.span9 {
-  width: 686px;
+.table-dark {
+  color: #fff;
+  background-color: #343a40;
 }
 
-input.span8,
-textarea.span8,
-.uneditable-input.span8 {
-  width: 606px;
+.table-dark th,
+.table-dark td,
+.table-dark thead th {
+  border-color: #454d55;
 }
 
-input.span7,
-textarea.span7,
-.uneditable-input.span7 {
-  width: 526px;
+.table-dark.table-bordered {
+  border: 0;
 }
 
-input.span6,
-textarea.span6,
-.uneditable-input.span6 {
-  width: 446px;
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+  background-color: rgba(255, 255, 255, 0.05);
 }
 
-input.span5,
-textarea.span5,
-.uneditable-input.span5 {
-  width: 366px;
+.table-dark.table-hover tbody tr:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.075);
 }
 
-input.span4,
-textarea.span4,
-.uneditable-input.span4 {
-  width: 286px;
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-sm > .table-bordered {
+    border: 0;
+  }
 }
 
-input.span3,
-textarea.span3,
-.uneditable-input.span3 {
-  width: 206px;
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-md > .table-bordered {
+    border: 0;
+  }
 }
 
-input.span2,
-textarea.span2,
-.uneditable-input.span2 {
-  width: 126px;
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-lg > .table-bordered {
+    border: 0;
+  }
 }
 
-input.span1,
-textarea.span1,
-.uneditable-input.span1 {
-  width: 46px;
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive-xl > .table-bordered {
+    border: 0;
+  }
 }
 
-.controls-row {
-  *zoom: 1;
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
-.controls-row:before,
-.controls-row:after {
-  display: table;
-  line-height: 0;
-  content: "";
+.table-responsive > .table-bordered {
+  border: 0;
 }
 
-.controls-row:after {
-  clear: both;
+.form-control {
+  display: block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
-.controls-row [class*="span"],
-.row-fluid .controls-row [class*="span"] {
-  float: left;
+@media (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
 }
 
-.controls-row .checkbox[class*="span"],
-.controls-row .radio[class*="span"] {
-  padding-top: 5px;
+.form-control::-ms-expand {
+  background-color: transparent;
+  border: 0;
 }
 
-input[disabled],
-select[disabled],
-textarea[disabled],
-input[readonly],
-select[readonly],
-textarea[readonly] {
-  cursor: not-allowed;
-  background-color: #eeeeee;
+.form-control:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #495057;
 }
 
-input[type="radio"][disabled],
-input[type="checkbox"][disabled],
-input[type="radio"][readonly],
-input[type="checkbox"][readonly] {
-  background-color: transparent;
+.form-control:focus {
+  color: #495057;
+  background-color: #fff;
+  border-color: #80bdff;
+  outline: 0;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }
 
-.control-group.warning .control-label,
-.control-group.warning .help-block,
-.control-group.warning .help-inline {
-  color: #c09853;
+.form-control::-webkit-input-placeholder {
+  color: #6c757d;
+  opacity: 1;
 }
 
-.control-group.warning .checkbox,
-.control-group.warning .radio,
-.control-group.warning input,
-.control-group.warning select,
-.control-group.warning textarea {
-  color: #c09853;
+.form-control::-moz-placeholder {
+  color: #6c757d;
+  opacity: 1;
 }
 
-.control-group.warning input,
-.control-group.warning select,
-.control-group.warning textarea {
-  border-color: #c09853;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+.form-control:-ms-input-placeholder {
+  color: #6c757d;
+  opacity: 1;
 }
 
-.control-group.warning input:focus,
-.control-group.warning select:focus,
-.control-group.warning textarea:focus {
-  border-color: #a47e3c;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+.form-control::-ms-input-placeholder {
+  color: #6c757d;
+  opacity: 1;
 }
 
-.control-group.warning .input-prepend .add-on,
-.control-group.warning .input-append .add-on {
-  color: #c09853;
-  background-color: #fcf8e3;
-  border-color: #c09853;
+.form-control::placeholder {
+  color: #6c757d;
+  opacity: 1;
 }
 
-.control-group.error .control-label,
-.control-group.error .help-block,
-.control-group.error .help-inline {
-  color: #b94a48;
+.form-control:disabled, .form-control[readonly] {
+  background-color: #e9ecef;
+  opacity: 1;
 }
 
-.control-group.error .checkbox,
-.control-group.error .radio,
-.control-group.error input,
-.control-group.error select,
-.control-group.error textarea {
-  color: #b94a48;
+input[type="date"].form-control,
+input[type="time"].form-control,
+input[type="datetime-local"].form-control,
+input[type="month"].form-control {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
 }
 
-.control-group.error input,
-.control-group.error select,
-.control-group.error textarea {
-  border-color: #b94a48;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+select.form-control:focus::-ms-value {
+  color: #495057;
+  background-color: #fff;
 }
 
-.control-group.error input:focus,
-.control-group.error select:focus,
-.control-group.error textarea:focus {
-  border-color: #953b39;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%;
 }
 
-.control-group.error .input-prepend .add-on,
-.control-group.error .input-append .add-on {
-  color: #b94a48;
-  background-color: #f2dede;
-  border-color: #b94a48;
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5;
 }
 
-.control-group.success .control-label,
-.control-group.success .help-block,
-.control-group.success .help-inline {
-  color: #468847;
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.25rem;
+  line-height: 1.5;
 }
 
-.control-group.success .checkbox,
-.control-group.success .radio,
-.control-group.success input,
-.control-group.success select,
-.control-group.success textarea {
-  color: #468847;
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.875rem;
+  line-height: 1.5;
 }
 
-.control-group.success input,
-.control-group.success select,
-.control-group.success textarea {
-  border-color: #468847;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0;
+  margin-bottom: 0;
+  font-size: 1rem;
+  line-height: 1.5;
+  color: #212529;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0;
 }
 
-.control-group.success input:focus,
-.control-group.success select:focus,
-.control-group.success textarea:focus {
-  border-color: #356635;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+  padding-right: 0;
+  padding-left: 0;
 }
 
-.control-group.success .input-prepend .add-on,
-.control-group.success .input-append .add-on {
-  color: #468847;
-  background-color: #dff0d8;
-  border-color: #468847;
+.form-control-sm {
+  height: calc(1.5em + 0.5rem + 2px);
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
 }
 
-.control-group.info .control-label,
-.control-group.info .help-block,
-.control-group.info .help-inline {
-  color: #3a87ad;
+.form-control-lg {
+  height: calc(1.5em + 1rem + 2px);
+  padding: 0.5rem 1rem;
+  font-size: 1.25rem;
+  line-height: 1.5;
+  border-radius: 0.3rem;
 }
 
-.control-group.info .checkbox,
-.control-group.info .radio,
-.control-group.info input,
-.control-group.info select,
-.control-group.info textarea {
-  color: #3a87ad;
+select.form-control[size], select.form-control[multiple] {
+  height: auto;
 }
 
-.control-group.info input,
-.control-group.info select,
-.control-group.info textarea {
-  border-color: #3a87ad;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+textarea.form-control {
+  height: auto;
 }
 
-.control-group.info input:focus,
-.control-group.info select:focus,
-.control-group.info textarea:focus {
-  border-color: #2d6987;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
-     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
-          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
+.form-group {
+  margin-bottom: 1rem;
 }
 
-.control-group.info .input-prepend .add-on,
-.control-group.info .input-append .add-on {
-  color: #3a87ad;
-  background-color: #d9edf7;
-  border-color: #3a87ad;
+.form-text {
+  display: block;
+  margin-top: 0.25rem;
 }
 
-input:focus:invalid,
-textarea:focus:invalid,
-select:focus:invalid {
-  color: #b94a48;
-  border-color: #ee5f5b;
+.form-row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
 }
 
-input:focus:invalid:focus,
-textarea:focus:invalid:focus,
-select:focus:invalid:focus {
-  border-color: #e9322d;
-  -webkit-box-shadow: 0 0 6px #f8b9b7;
-     -moz-box-shadow: 0 0 6px #f8b9b7;
-          box-shadow: 0 0 6px #f8b9b7;
+.form-row > .col,
+.form-row > [class*="col-"] {
+  padding-right: 5px;
+  padding-left: 5px;
 }
 
-.form-actions {
-  padding: 19px 20px 20px;
-  margin-top: 20px;
-  margin-bottom: 20px;
-  background-color: #f5f5f5;
-  border-top: 1px solid #e5e5e5;
-  *zoom: 1;
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem;
 }
 
-.form-actions:before,
-.form-actions:after {
-  display: table;
-  line-height: 0;
-  content: "";
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem;
 }
 
-.form-actions:after {
-  clear: both;
+.form-check-input[disabled] ~ .form-check-label,
+.form-check-input:disabled ~ .form-check-label {
+  color: #6c757d;
 }
 
-.help-block,
-.help-inline {
-  color: #595959;
+.form-check-label {
+  margin-bottom: 0;
 }
 
-.help-block {
-  display: block;
-  margin-bottom: 10px;
+.form-check-inline {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem;
 }
 
-.help-inline {
-  display: inline-block;
-  *display: inline;
-  padding-left: 5px;
-  vertical-align: middle;
-  *zoom: 1;
+.form-check-inline .form-check-input {
+  position: static;
+  margin-top: 0;
+  margin-right: 0.3125rem;
+  margin-left: 0;
 }
 
-.input-append,
-.input-prepend {
-  display: inline-block;
-  margin-bottom: 10px;
-  font-size: 0;
-  white-space: nowrap;
-  vertical-align: middle;
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #28a745;
 }
 
-.input-append input,
-.input-prepend input,
-.input-append select,
-.input-prepend select,
-.input-append .uneditable-input,
-.input-prepend .uneditable-input,
-.input-append .dropdown-menu,
-.input-prepend .dropdown-menu,
-.input-append .popover,
-.input-prepend .popover {
-  font-size: 14px;
-}
-
-.input-append input,
-.input-prepend input,
-.input-append select,
-.input-prepend select,
-.input-append .uneditable-input,
-.input-prepend .uneditable-input {
-  position: relative;
-  margin-bottom: 0;
-  *margin-left: 0;
-  vertical-align: top;
-  -webkit-border-radius: 0 4px 4px 0;
-     -moz-border-radius: 0 4px 4px 0;
-          border-radius: 0 4px 4px 0;
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: 0.25rem 0.5rem;
+  margin-top: .1rem;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  color: #fff;
+  background-color: rgba(40, 167, 69, 0.9);
+  border-radius: 0.25rem;
+}
+
+.was-validated :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block;
 }
 
-.input-append input:focus,
-.input-prepend input:focus,
-.input-append select:focus,
-.input-prepend select:focus,
-.input-append .uneditable-input:focus,
-.input-prepend .uneditable-input:focus {
-  z-index: 2;
+.was-validated .form-control:valid, .form-control.is-valid {
+  border-color: #28a745;
+  padding-right: calc(1.5em + 0.75rem);
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.375em + 0.1875rem) center;
+  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
-.input-append .add-on,
-.input-prepend .add-on {
-  display: inline-block;
-  width: auto;
-  height: 20px;
-  min-width: 16px;
-  padding: 4px 5px;
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 20px;
-  text-align: center;
-  text-shadow: 0 1px 0 #ffffff;
-  background-color: #eeeeee;
-  border: 1px solid #ccc;
+.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+  border-color: #28a745;
+  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }
 
-.input-append .add-on,
-.input-prepend .add-on,
-.input-append .btn,
-.input-prepend .btn,
-.input-append .btn-group > .dropdown-toggle,
-.input-prepend .btn-group > .dropdown-toggle {
-  vertical-align: top;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+  padding-right: calc(1.5em + 0.75rem);
+  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
 }
 
-.input-append .active,
-.input-prepend .active {
-  background-color: #a9dba9;
... 27480 lines suppressed ...


Mime
View raw message