diff --git a/sites/tron-site/blog/index.html b/sites/tron-site/blog/index.html
index 2c9410be842e5ef922ee0c7e26008e7e1049eb95..ef3f0ce61fe7dce0b63d800c1da0da43e6691e9b 100644
--- a/sites/tron-site/blog/index.html
+++ b/sites/tron-site/blog/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Blog</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,70 +56,79 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <!-- Slider Start -->
 <section id="global-header">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <h1>Get the latest on what we're doing</h1>
           <p>Catch up with us, anytime and anywhere</p>
@@ -163,7 +153,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -186,5 +176,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/contact/index.html b/sites/tron-site/contact/index.html
index d71feb2e6be443e721f6b3cde40e455fa6f3fe2a..b08167b73744888bcffc9660339cb8dcf04dd950 100644
--- a/sites/tron-site/contact/index.html
+++ b/sites/tron-site/contact/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Contact us!</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,70 +56,79 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <!-- Slider Start -->
 <section id="global-header">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <h1>Drop Us A Note</h1>
           <!-- <p>Don’t just take our word for it. Check out some of our latest work.</p> -->
@@ -151,7 +141,7 @@
 <section id="contact-form">
   <div class="container">
     <!-- <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <div class="block">
           <form>
             <div class="form-group">
@@ -166,19 +156,19 @@
           </form>
         </div>
       </div>
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <div class="block">
           <form>
             <div class="form-group-2">
               <textarea class="form-control" rows="3" placeholder="Your Message"></textarea>
             </div>
-            <button class="btn btn-default" type="submit">Send Message</button>
+            <button class="btn btn-secondary" type="submit">Send Message</button>
           </form>
         </div>
       </div>
     </div> -->
     <div id="contact-box" class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <div class="block">
           <!-- <h2>Stop By For A visit</h2> -->
           <ul class="address-block">
@@ -218,7 +208,7 @@
           </ul>
         </div>
       </div>
-      <!-- <div class="col-md-6 col-sm-12">
+      <!-- <div class="col-lg-6 col-md-12">
         <div class="block">
           <h2>We Also Count In Google Map</h2>
             <div class="google-map">
@@ -233,11 +223,11 @@
 <!-- <section id="call-to-action">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <h2>We design delightful digital experiences.</h2>
           <p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team who just love to design.</p>
-          <a class="btn btn-default btn-call-to-action" href="#" >Tell Us Your Story</a>
+          <a class="btn btn-secondary btn-call-to-action" href="#" >Tell Us Your Story</a>
         </div>
       </div>
     </div>
@@ -258,7 +248,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -281,5 +271,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/css/airspace.css b/sites/tron-site/css/airspace.css
index a59a22e97f736c956198c13b3fc68724326328f9..d98f204891e5059270020e19da116bfa09f2418f 100755
--- a/sites/tron-site/css/airspace.css
+++ b/sites/tron-site/css/airspace.css
@@ -140,17 +140,17 @@ font header .navbar-default .navbar-nav li a:hover {
 #intro {
   padding: 100px 0;
 }
-#intro .block h2 {
+#intro h2 {
   padding-top: 35px;
   line-height: 27px;
   margin: 0;
 }
-#intro .block p {
+#intro p {
   color: #7B7B7B;
   padding-top: 20px;
 }
-#intro .block img {
-  padding-left: 40px;
+#intro img {
+  /* padding-left: 40px; */
   width: 100%;
 }
 #intro .section-title {
diff --git a/sites/tron-site/css/custom.css b/sites/tron-site/css/custom.css
index 99fcf86573e968723c777d04e6c2f3d7b3705f65..518cff44c39236cc155143936e375447e1e6136e 100644
--- a/sites/tron-site/css/custom.css
+++ b/sites/tron-site/css/custom.css
@@ -1,57 +1,14 @@
-.container-padded {
+/* .container-padded {
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 15px;
     padding-right: 15px;
-}
+} */
 
 ion-icon {
     font-size: 32px;
   }
 
-.styled-table-wrapper {
-    display: block;
-    overflow-x: auto;
-    white-space: nowrap;
-}
-
-.styled-table {
-    border-collapse: collapse;
-    margin: 25px 0;
-    font-size: 0.9em;
-    font-family: sans-serif;
-    min-width: 400px;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
-}
-
-.styled-table thead tr {
-    background-color: #009879;
-    color: #ffffff;
-    text-align: left;
-}
-
-.styled-table th,
-.styled-table td {
-    padding: 12px 15px;
-}
-
-.styled-table tbody tr {
-    border-bottom: 1px solid #dddddd;
-}
-
-.styled-table tbody tr:nth-of-type(even) {
-    background-color: #f3f3f3;
-}
-
-.styled-table tbody tr:last-of-type {
-    border-bottom: 2px solid #009879;
-}
-
-.styled-table tbody tr.active-row {
-    font-weight: bold;
-    color: #009879;
-}
-
 .hidden {
     display: none;
 }
@@ -93,4 +50,130 @@ ion-icon {
     background-repeat: no-repeat;
     margin-left: 10px;
     margin-top: 4px;
-}
\ No newline at end of file
+}
+
+/** Global - Start **/
+h3 {
+    margin-bottom: 1.5rem;
+}
+p {
+    font-size: 16px;
+}
+a {
+    color: #428bca;
+}
+code {
+    color: #c7254e;
+    background-color: #f9f2f4;
+    border-radius: 4px;
+}
+pre code {
+    background-color: transparent;
+    border-radius: 0;
+}
+pre {
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    padding: 1rem;
+}
+/** Global - Start **/
+
+/** Nav - Start **/
+.navbar.navbar-light .navbar-nav .nav-link {
+    color: #333;
+    padding: 10px 26px;
+}
+.navbar.navbar-light .navbar-nav .show>.nav-link {
+    color: #555;
+    background-color: #e7e7e7;
+}
+.show>a {
+    outline: 0;
+}
+a.dropdown-item {
+    padding: 10px 26px;
+}
+.dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
+    color: #333;
+    background-color: #e9ecef;
+}
+@media only screen and (max-width: 800px) {
+    .navbar.navbar-light .navbar-nav .nav-link {
+        color: #333;
+        padding: 10px;
+    }
+    .dropdown-item {
+        color: #777;
+    }
+    .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
+        color: #333;
+        background-color: transparent;
+    }
+    .dropdown-menu {
+        border: none;
+    }
+}
+/** Nav - End **/
+
+/** Table - Start **/
+/* .styled-table-wrapper {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+} */
+.styled-table {
+    border-collapse: collapse;
+    margin: 25px 0;
+    font-size: 0.9em;
+    font-family: sans-serif;
+    min-width: 400px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+}
+.styled-table thead tr {
+    background-color: #009879;
+    color: #ffffff;
+    text-align: left;
+}
+.styled-table th,
+.styled-table td {
+    padding: 12px 15px;
+    white-space: nowrap;
+}
+.styled-table tbody tr {
+    border-bottom: 1px solid #dddddd;
+}
+.styled-table tbody tr:nth-of-type(even) {
+    background-color: #f3f3f3;
+}
+.styled-table tbody tr:last-of-type {
+    border-bottom: 2px solid #009879;
+}
+.styled-table tbody tr.active-row {
+    font-weight: bold;
+    color: #009879;
+}
+/** Table - End **/
+
+/** Cards - Start **/
+.card {
+    border: none;
+    background-color: transparent;
+}
+.card .card-img-container {
+    height: 240px;
+    width: 100%;
+}
+.card img {
+    height: 100px;
+}
+.resources .card {
+    text-align: center;
+}
+.card-footer {
+    background-color: transparent;
+    border: none;
+}
+.features .card img {
+    height: 50px;
+}
+/** Cards - End **/
diff --git a/sites/tron-site/css/p1.css b/sites/tron-site/css/p1.css
index 25450c28c22183e44714739589dad4e9fcbeee9e..98be9b3e84f8d44bb52c7b6a304db43cb92b5500 100644
--- a/sites/tron-site/css/p1.css
+++ b/sites/tron-site/css/p1.css
@@ -40,10 +40,6 @@ a.normal-link:hover {
 .center {
     text-align: center;
 }
-.center-block {
-    margin-left: auto;
-    margin-right: auto;
-}
 .white {
     color: white;
 }
@@ -65,7 +61,7 @@ section img {
     margin-top: 30px;
 }
 .btn {
-    margin: 20px 10px 20px 0;
+    /* margin: 20px 10px 20px 0; */
     white-space: normal;
 }
 .video-hero-btn {
@@ -94,11 +90,12 @@ section img {
     background-color: #71B599;
     border-color: #71A499;
 }
-.btn-default {
+.btn-secondary {
     border-color: #454355;
     color: #454355;
+    background-color: white;
 }
-.btn-default:hover {
+.btn-secondary:hover {
     background-color: #454556;
     color: #fff;
 }
@@ -278,6 +275,9 @@ div.timeline .timeline-inner .line:after {
 #hero-image {    
     background-image: url('/puckboard/images/hero.jpg');
     background-size: cover;
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
     position: absolute;
     top: -40px;
     right: 0px;
@@ -312,12 +312,12 @@ div.timeline .timeline-inner .line:after {
     padding: 50px;
     width: 60%;
 }
-.card {
+/* .card {
     height: 240px;
     display: flex;
     align-items: center;
     margin-bottom: 5rem;
-}
+} */
 .card.green {
     height: 150px;
     width: 150px;
@@ -330,23 +330,23 @@ div.timeline .timeline-inner .line:after {
     padding: 20px;
 }
 @media screen and (max-width: 768px) {
-    .card {
+    /* .card {
         height: 100%;
-    }
+    } */
     .card.green {
         width: 100%;
         margin-bottom: 1rem;
     }
 }
-.card img {
+/* .card img {
     height: 150px;
-}
+} */
 .card h4 {
     font-size: 22px;
 }
-.resources h2 {
+/* .resources h2 {
     margin-bottom: 5rem;
-}
+} */
 .video {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
@@ -395,7 +395,7 @@ section#video-hero {
     padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
-.accordion {
+.custom-accordion {
     background-color: #eee;
     color: #444;
     cursor: pointer;
@@ -407,7 +407,7 @@ section#video-hero {
     transition: 0.4s;
     font-size: 24px;
 }
-.accordion:after {
+.custom-accordion:after {
     content: '\02795'; /* Unicode character for "plus" sign (+) */
     font-size: 13px;
     color: #777;
@@ -415,11 +415,11 @@ section#video-hero {
     margin-left: 5px;
     margin-top: 10px;
 }
-.active, .accordion:hover {
+.custom-accordion.active, .custom-accordion:hover {
     /* background-color: #ccc; */
     background-color: #3FB599;
 }
-.active:after {
+.custom-accordion.active:after {
     content: "\2796"; /* Unicode character for "minus" sign (-) */
 }
 .panel {
@@ -444,6 +444,16 @@ section#video-hero {
 .tooltip.top .tooltip-arrow {
     border-top-color: white;
 } 
+.tooltip-inner {
+    background-color: #71B599;
+    height: 60px;
+    min-width: 700px;
+    font-size: 20px;
+    border-radius: 10px;
+}
+.tooltip-inner {
+    border-top-color: white;
+} 
 
 .section-strip {
     margin: 0 auto;
diff --git a/sites/tron-site/css/product.css b/sites/tron-site/css/product.css
index a872f1c180ac370f725dcdf97d814c8f149bdfa8..69b9fa4219df237504d8de09718c1529b1f8912b 100644
--- a/sites/tron-site/css/product.css
+++ b/sites/tron-site/css/product.css
@@ -570,3 +570,7 @@ div.timeline .timeline-inner .timeline-item.odd:after {
     top: auto;
   }
 }
+
+.navbar-brand img {
+  width: auto;
+}
diff --git a/sites/tron-site/img/arrow-flow-right.svg b/sites/tron-site/img/arrow-flow-right.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4ac1f0691bcf478fb0e81360f8190f568aad9dca
--- /dev/null
+++ b/sites/tron-site/img/arrow-flow-right.svg
@@ -0,0 +1,3 @@
+<svg width="37" height="42" viewBox="0 0 37 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.725 29.275L24.275 40.725C23.3 41.7 21.7 41.7 20.725 40.725C19.75 39.75 19.75 38.15 20.725 37.175L27.925 30H2.5C1.125 30 0 28.875 0 27.5V2.5C0 1.125 1.125 0 2.5 0C3.875 0 5 1.125 5 2.5V25H27.925L20.725 17.825C19.75 16.85 19.75 15.25 20.725 14.275C21.7 13.3 23.3 13.3 24.275 14.275L35.725 25.725C36.7 26.7 36.7 28.3 35.725 29.275Z" fill="#FF7043"/>
+</svg>
diff --git a/sites/tron-site/img/cloud-down-arrow.svg b/sites/tron-site/img/cloud-down-arrow.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e0905a121e89bfdd970cd005631de1ce80d3b2e5
--- /dev/null
+++ b/sites/tron-site/img/cloud-down-arrow.svg
@@ -0,0 +1,3 @@
+<svg width="60" height="40" viewBox="0 0 60 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48.375 15.1C46.675 6.475 39.1 0 30 0C22.775 0 16.5 4.1 13.375 10.1C5.85 10.9 0 17.275 0 25C0 33.275 6.725 40 15 40H47.5C54.4 40 60 34.4 60 27.5C60 20.9 54.875 15.55 48.375 15.1ZM42.5 22.5L30.875 34.125C30.375 34.625 29.6 34.625 29.1 34.125L17.5 22.5H25V12.5H35V22.5H42.5Z" fill="#FF7043"/>
+</svg>
diff --git a/sites/tron-site/img/current-process-diagram.png b/sites/tron-site/img/current-process-diagram.png
new file mode 100644
index 0000000000000000000000000000000000000000..958a7ddc255dba886b16c8b54a84f7cb2dc42258
Binary files /dev/null and b/sites/tron-site/img/current-process-diagram.png differ
diff --git a/sites/tron-site/img/current-process-key.png b/sites/tron-site/img/current-process-key.png
new file mode 100644
index 0000000000000000000000000000000000000000..40205cfd9f80515f9f8641ee39e08e5db3e33e1b
Binary files /dev/null and b/sites/tron-site/img/current-process-key.png differ
diff --git a/sites/tron-site/img/pb-logo-p.svg b/sites/tron-site/img/pb-logo-p.svg
new file mode 100644
index 0000000000000000000000000000000000000000..21d4d5d03fc394f466536376af6931a0ca12369a
--- /dev/null
+++ b/sites/tron-site/img/pb-logo-p.svg
@@ -0,0 +1,40 @@
+<svg width="57" height="69" viewBox="0 0 57 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2417 57.7875L11.2125 17.25L26.7375 42.9068L20.2417 57.7875Z" fill="url(#paint0_linear)"/>
+<path d="M43.125 42.0485L11.2125 17.25L27.5284 43.125L43.125 42.0485Z" fill="url(#paint1_linear)"/>
+<path d="M0 69V0L11.3558 18.0167L25.875 69" fill="url(#paint2_linear)"/>
+<path d="M28.3486 0.00453168C28.3486 0.00453168 56.925 -0.922327 56.925 23.7346C56.925 37.2311 45.54 45.7125 45.54 45.7125L11.385 17.9576L0 0.00453168" fill="url(#paint3_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="11.9018" y1="39.4832" x2="22.8833" y2="34.4731" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2F2F2"/>
+<stop offset="0.26" stop-color="#EEEEEE"/>
+<stop offset="0.54" stop-color="#E1E1E1"/>
+<stop offset="0.8" stop-color="#CECECE"/>
+<stop offset="1" stop-color="#B3B3B3"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="-18682.8" y1="8743.68" x2="-18947.3" y2="8946.27" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F2F2F2"/>
+<stop offset="0.26" stop-color="#EEEEEE"/>
+<stop offset="0.54" stop-color="#E1E1E1"/>
+<stop offset="0.8" stop-color="#CECECE"/>
+<stop offset="1" stop-color="#B3B3B3"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="35.8444" y1="96.4722" x2="-20.6196" y2="0.0199121" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0D0158"/>
+<stop offset="0.05" stop-color="#1A216F"/>
+<stop offset="0.13" stop-color="#2D4F90"/>
+<stop offset="0.22" stop-color="#3E78AD"/>
+<stop offset="0.31" stop-color="#4C9BC6"/>
+<stop offset="0.41" stop-color="#58B7DA"/>
+<stop offset="0.51" stop-color="#61CDEA"/>
+<stop offset="0.63" stop-color="#67DCF5"/>
+<stop offset="0.76" stop-color="#6BE5FB"/>
+<stop offset="0.95" stop-color="#6CE8FD"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="69.575" y1="58.8155" x2="5.82285" y2="-16.8794" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF005E"/>
+<stop offset="0.17" stop-color="#FF204F"/>
+<stop offset="0.56" stop-color="#FF712A"/>
+<stop offset="0.95" stop-color="#FFCA01"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/sites/tron-site/img/pbl-interface-1.jpg b/sites/tron-site/img/pbl-interface-1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..95889e04ae723249a0bd4081ae4c1a1b35867b95
Binary files /dev/null and b/sites/tron-site/img/pbl-interface-1.jpg differ
diff --git a/sites/tron-site/img/pbl-interface-2.jpg b/sites/tron-site/img/pbl-interface-2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d3c204c633aa31201d751a77550bb03aba409535
Binary files /dev/null and b/sites/tron-site/img/pbl-interface-2.jpg differ
diff --git a/sites/tron-site/img/pbl-process-diagram.png b/sites/tron-site/img/pbl-process-diagram.png
new file mode 100644
index 0000000000000000000000000000000000000000..6c79283df6be00bd0794632afaa9de82772623f6
Binary files /dev/null and b/sites/tron-site/img/pbl-process-diagram.png differ
diff --git a/sites/tron-site/img/pbl-process-key.png b/sites/tron-site/img/pbl-process-key.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2d6a7f9852273a56c96bfb14e5c05b7dc384fa1
Binary files /dev/null and b/sites/tron-site/img/pbl-process-key.png differ
diff --git a/sites/tron-site/img/time.svg b/sites/tron-site/img/time.svg
new file mode 100644
index 0000000000000000000000000000000000000000..77de3fee4748f720494be98df6b9453c2d53324d
--- /dev/null
+++ b/sites/tron-site/img/time.svg
@@ -0,0 +1,3 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 60C46.4118 60 60 46.3824 60 30C60 13.5882 46.3824 0 29.9706 0C13.5882 0 0 13.5882 0 30C0 46.3824 13.6176 60 30 60ZM30 55C16.1176 55 5.02941 43.8824 5.02941 30C5.02941 16.1176 16.0882 5 29.9706 5C43.8529 5 54.9706 16.1176 55 30C55.0294 43.8824 43.8824 55 30 55ZM14.6176 33.1765H29.9706C31.1176 33.1765 32.0294 32.2941 32.0294 31.1176V11.2941C32.0294 10.1471 31.1176 9.26471 29.9706 9.26471C28.8235 9.26471 27.9412 10.1471 27.9412 11.2941V29.0882H14.6176C13.4412 29.0882 12.5588 29.9706 12.5588 31.1176C12.5588 32.2941 13.4412 33.1765 14.6176 33.1765Z" fill="#FF7043"/>
+</svg>
diff --git a/sites/tron-site/index.html b/sites/tron-site/index.html
index 7dc464953f9aa74293f6c4f8718d0f001194bb6d..ec9a7ad2c8fc87af494f06916d8bb07467219290 100644
--- a/sites/tron-site/index.html
+++ b/sites/tron-site/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Tron</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,72 +56,83 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <!-- Slider Start -->
 <section id="slider">
   <div class="container">
     <div class="row">
-      <div class="col-md-10 col-md-offset-2">
+      <div class="col-md-10 offset-md-1">
         <div class="block">
-          <h1 class="animated fadeInUp"><img src="/img/TRONLogo_Combo-Horizontal-WH.png" alt="tron" style="width:30%; height:30%"/></h1>
+          <h1 class="animated fadeInUp">
+            <img src="/img/TRONLogo_Combo-Horizontal-WH.png" alt="tron" style="width:30%; height:30%"/>
+          </h1>
           <p class="animated fadeInUp">
             The collaborative, end-to-end, government enablement and prototype
             accelerator foundation.
@@ -154,8 +146,8 @@
 <section id="intro">
   <div class="container">
     <div class="row">
-      <div class="col-md-7 col-sm-12">
-        <div class="block">
+      <div class="col-lg-6 col-md-12">
+        <!-- <div class="block"> -->
           <div class="section-title">
             <h2>Mission</h2>
             <p>
@@ -176,15 +168,15 @@
             elsewhere, in a manner that brings programmatic decision authority
             to the people who are closest to the mission.
           </p>
-        </div>
+        <!-- </div> -->
       </div>
-      <!-- .col-md-7 close -->
-      <div class="col-md-5 col-sm-12">
-        <div class="block">
+      <!-- .col-lg-7 close -->
+      <div class="col-lg-6 col-md-12 pt-5 px-lg-5 align-self-center">
+        <!-- <div class="block"> -->
           <img src="img/alaska_jet_effects_round.png" alt="Img" />
-        </div>
+        <!-- </div> -->
       </div>
-      <!-- .col-md-5 close -->
+      <!-- .col-lg-5 close -->
     </div>
   </div>
 </section>
@@ -192,7 +184,7 @@
 <section id="feature">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-md-offset-6">
+      <div class="col-lg-6 offset-lg-6">
         <h2>CORE VALUES</h2>
         <p>
           1. The people of the United States of America deserve military and
@@ -208,8 +200,7 @@
           3. There is no reason to wait to be promoted before believing you can
           have an impact.
         </p>
-        <a href="https://tron.substack.com/about" class="btn btn-view-works"
-          >Learn More</a
+        <a href="https://tron.substack.com/about" class="btn d-block d-lg-inline-block btn-view-works">Learn More</a
         >
       </div>
     </div>
@@ -219,7 +210,7 @@
 <!-- Service Start -->
 <section id="service">
   <div class="container">
-    <div class="row">
+    <div class="row d-flex justify-content-center">
       <div class="section-title">
         <h2>Services & Resources</h2>
         <p>
@@ -228,7 +219,7 @@
       </div>
     </div>
     <div class="row">
-      <div class="col-sm-6 col-md-3">
+      <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
         <div class="service-item">
           <ion-icon name="school-outline"></ion-icon>
             <h4>Servicemember Learning Pathways</h4>
@@ -240,7 +231,7 @@
             <a href="/learning/pathways/" class="linktext">View Learning Pathways</a>
         </div>
       </div>
-      <div class="col-sm-6 col-md-3">
+      <div class="col-md-6 col-lg-3 mb-5 mb-lg-0">
         <div class="service-item">
           <ion-icon name="code-slash-outline"></ion-icon>
             <h4>Community-Driven Software Development & Mentorship</h4>
@@ -252,7 +243,7 @@
             <a href="/services/mentorship.html" class="linktext">Find a Mentor Now</a>
         </div>
       </div>
-      <div class="col-sm-6 col-md-3">
+      <div class="col-md-6 col-lg-3 mt-sm-5 my-lg-0 mb-5">
         <div class="service-item">
             <ion-icon name="person-add-outline"></ion-icon>
             <ion-icon name="person-add-outline"></ion-icon>
@@ -267,7 +258,7 @@
             <a href="/services/talent-development.html" class="linktext">View The Playbook</a>
         </div>
       </div>
-      <!-- <div class="col-sm-6 col-md-3">
+      <!-- <div class="col-md-6 col-lg-3">
         <div class="service-item">
           <i class="ion-bug"></i>
           <h4>Static Site Hosting</h4>
@@ -277,7 +268,7 @@
           </p>
         </div>
       </div>
-      <div class="col-sm-6 col-md-3">
+      <div class="col-md-6 col-lg-3">
         <div class="service-item">
           <a href="/services/tutorials.html"
             ><i class="ion-headphone"></i>
@@ -289,7 +280,7 @@
           >
         </div>
       </div> -->
-      <div class="col-sm-6 col-md-3">
+      <div class="col-md-6 col-lg-3 mt-sm-5 mt-lg-0">
         <div class="service-item">
           <ion-icon name="link-outline"></ion-icon>
             <h4>Everyday Links</h4>
@@ -307,7 +298,7 @@
 <section id="call-to-action">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <!-- <h2>View our Portfolio</h2> -->
           <!-- <p>
@@ -316,7 +307,7 @@
             at your unit, take a look at our Portfolio/Partners to see what work is 
             currently being done! 
           </p>
-          <a class="btn btn-default btn-call-to-action" href="/portfolio/"
+          <a class="btn btn-secondary btn-call-to-action" href="/portfolio/"
             >View our Partners & Portfolio</a
           > -->
           <h2>Interested?</h2>
@@ -325,8 +316,7 @@
             or would like to build a local <em><b>#PoweredByTron</b></em> software development team
             at your unit, reach out! 
           </p>
-          <a class="btn btn-default btn-call-to-action" href="/contact/"
-            >Contact Us</a
+          <a class="btn btn-secondary d-block d-lg-inline-block btn-call-to-action" href="/contact/">Contact Us</a
           >
         </div>
       </div>
@@ -347,7 +337,7 @@
       </div>
     </div>
     <div class="row">
-      <div class="col-md-6">
+      <div class="col-lg-6">
         
         <div class="block">
           
@@ -391,7 +381,7 @@
         </div>
         
       </div>
-      <div class="col-md-6">
+      <div class="col-lg-6">
         
         <div class="testimonial-carousel">
           <div id="testimonial-slider" class="owl-carousel">
@@ -454,7 +444,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -477,5 +467,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/js/puckboard.js b/sites/tron-site/js/puckboard.js
index 833bbcad5e946251da756ecd17c57fb61794fd40..42f02b5049a923521ca2feff0e3a53bc565b01ad 100644
--- a/sites/tron-site/js/puckboard.js
+++ b/sites/tron-site/js/puckboard.js
@@ -4,7 +4,7 @@ function removeEl(id) {
 
 /* Accordion - Start */
 function accordion() {
-    var acc = document.getElementsByClassName("accordion");
+    var acc = document.getElementsByClassName("custom-accordion");
     var i;
 
     for (i = 0; i < acc.length; i++) {
diff --git a/sites/tron-site/kajsghdfuyshdjofajsdkfgausdghfkjasdf/index.html b/sites/tron-site/kajsghdfuyshdjofajsdkfgausdghfkjasdf/index.html
index ab68f703ecd4d990c1e224fc94bb96e0c8495620..4a03c8976288ff96506eb96a427cc4edd21f2950 100644
--- a/sites/tron-site/kajsghdfuyshdjofajsdkfgausdghfkjasdf/index.html
+++ b/sites/tron-site/kajsghdfuyshdjofajsdkfgausdghfkjasdf/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Our Work</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,70 +56,79 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <!-- Slider Start -->
 <section id="global-header">
     <div class="container">
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <div class="block">
                     <h1>The Tron Portfolio.</h1>
                     <p>Projects in development or production across our servicmember and industry partners.</p>
@@ -152,7 +142,7 @@
 <section id="portfolio-work">
     <div class="container">
         <div class="row">
-          <div class="col-md-12">
+          <div class="col-lg-12">
             <div class="block">
               <div class="portfolio-menu">
                 <ul>
@@ -190,7 +180,7 @@
 <!-- <section id="clients-logo-section">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <div id="clients-logo" class="owl-carousel">
             <div class="clients-logo-img">
@@ -240,11 +230,11 @@
 <section id="call-to-action">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <h2>There is no reason to wait before believing you can have an impact.</h2>
           <p>Check out our service catalogue to see how we can best collaborate to help bring your vision to reality.</p>
-          <a class="btn btn-default btn-call-to-action" href="/#service">Browse our Services</a>
+          <a class="btn btn-secondary btn-call-to-action" href="/#service">Browse our Services</a>
         </div>
       </div>
     </div>
@@ -265,7 +255,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -288,5 +278,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/learning/capabilities/index.html b/sites/tron-site/learning/capabilities/index.html
index 68f9349eb3e5470eb49b2c32af37ecd0f6f7ff1e..b0fbb764c5a63e64cf47f7bb031c9b83746a0353 100644
--- a/sites/tron-site/learning/capabilities/index.html
+++ b/sites/tron-site/learning/capabilities/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Capabilities & Capability Milestones</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Capabilities & Capability Milestones</h1>
-            
-            <hr />
-            <p><p>Here you will find the underlying concepts covered within each of the <strong><em>capability milestones</em></strong> offered by Tron.  In this context, a <strong><em>capability</em></strong> is a description of a functional skillset that can provide someone with the abilty to provide a nontrivial increase in production value to a software team.</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Capabilities & Capability Milestones</h1>
+          
+          <hr />
+          <p><p>Here you will find the underlying concepts covered within each of the <strong><em>capability milestones</em></strong> offered by Tron.  In this context, a <strong><em>capability</em></strong> is a description of a functional skillset that can provide someone with the abilty to provide a nontrivial increase in production value to a software team.</p>
 
 <p>A <strong><em>capability milestone</em></strong> is defined as the smallest collection of concepts that must be known to provide someone with the functional skill that encompasses a new capability.  Various capabilities (&amp; associated milestones) can be combined to build qualifications for filling a role on a production software team.</p>
 
@@ -159,20 +148,30 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
 
 
 
-<div class="styled-table-wrapper">
-    <table class="styled-table">
+<div class="table-responsive">
+    <table class="table styled-table">
         <thead>
             <tr>
                 
+                    
                     <th>Concept\Capability</th>
+                    
                 
+                    
                     <th>Frontend Developer in React</th>
+                    
                 
+                    
                     <th>Backend Developer in Express</th>
+                    
                 
+                    
                     <th>Backend Developer in Spring Boot</th>
+                    
                 
+                    
                     <th>cATO Developer</th>
+                    
                 
             </tr>
         </thead>
@@ -638,10 +637,9 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
     </table>
 </div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -667,7 +665,7 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -690,5 +688,29 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/learning/pathways/experienced/index.html b/sites/tron-site/learning/pathways/experienced/index.html
index 89800d4b0767693bdd6dde8a66a4cb66417cc4c7..4367b8e94dc6f4e15754fa2e6c0074395a35b094 100644
--- a/sites/tron-site/learning/pathways/experienced/index.html
+++ b/sites/tron-site/learning/pathways/experienced/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Platform One Sponsorship for Experienced Servicemember Teams</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,82 +56,89 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Platform One Sponsorship for Experienced Servicemember Teams</h1>
-            
-            <hr />
-            <p><h3 id="in-progresscurrently-projecting-january-2021-that-this-will-be-a-viable-option">In Progress…Currently Projecting January 2021 that this will be a viable option.</h3>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Platform One Sponsorship for Experienced Servicemember Teams</h1>
+          
+          <hr />
+          <p><h3 id="in-progresscurrently-projecting-january-2021-that-this-will-be-a-viable-option">In Progress…Currently Projecting January 2021 that this will be a viable option.</h3>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -176,7 +164,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -199,5 +187,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/learning/pathways/index.html b/sites/tron-site/learning/pathways/index.html
index 72b5d3c959b70a519e6b413fe2b1deb94dcd65a2..4d789b3eb88681c8fcba9ae16532549cb5204bb1 100644
--- a/sites/tron-site/learning/pathways/index.html
+++ b/sites/tron-site/learning/pathways/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Learning Pathways</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Learning Pathways</h1>
-            
-            <hr />
-            <p><p>Here you will find the courses/learning pathways offered by Tron for completing capability milestones in order to earn qualifications for filling roles on a production software team.  To learn more specifics on how each pathway is taught (timeline, application process, time required to complete, etc.), please click on the name of the pathway on the left side of the table.</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Learning Pathways</h1>
+          
+          <hr />
+          <p><p>Here you will find the courses/learning pathways offered by Tron for completing capability milestones in order to earn qualifications for filling roles on a production software team.  To learn more specifics on how each pathway is taught (timeline, application process, time required to complete, etc.), please click on the name of the pathway on the left side of the table.</p>
 
 <p>Definition of the <strong><em><code class="language-plaintext highlighter-rouge">capability milestones</code></em></strong> can be found in the <a href="/learning/capabilities/">Capability Milestones</a> Section. <br />
 Definition of the <strong><em><code class="language-plaintext highlighter-rouge">roles</code></em></strong> that can be filled by each qualification can be found in the <a href="/learning/roles/">Roles</a> Section. <br />
@@ -156,28 +145,46 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
 
 
 
-<div class="styled-table-wrapper">
-    <table class="styled-table">
+<div class="table-responsive">
+    <table class="table styled-table">
         <thead>
             <tr>
                 
+                    
                     <th>Pathway\Qualification</th>
+                    
                 
+                    
                     <th>Frontend Developer</th>
+                    
                 
+                    
                     <th>Backend Developer</th>
+                    
                 
+                    
                     <th>Full-Stack Developer</th>
+                    
                 
+                    
                     <th>Production Frontend Developer</th>
+                    
                 
+                    
                     <th>Production Backend Developer</th>
+                    
                 
+                    
                     <th>Production Full-Stack Developer</th>
+                    
                 
+                    
                     <th>Anchor Developer</th>
+                    
                 
+                    
                     <th>Mentor Developer</th>
+                    
                 
             </tr>
         </thead>
@@ -462,10 +469,9 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
     </table>
 </div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -491,7 +497,7 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -514,5 +520,29 @@ Definition of the sufficient <strong><em><code class="language-plaintext highlig
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/learning/pathways/modular/index.html b/sites/tron-site/learning/pathways/modular/index.html
index d6500b71c30c402e084c4efb60ab69013979d875..7b1b5a3192dfb7985f2d25f578102524ece339fd 100644
--- a/sites/tron-site/learning/pathways/modular/index.html
+++ b/sites/tron-site/learning/pathways/modular/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Part-time Modular Course Options</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,82 +56,89 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Part-time Modular Course Options</h1>
-            
-            <hr />
-            <p><h3 id="in-progresscurrently-projecting-march-2021-that-this-will-be-a-viable-option">In Progress…Currently Projecting March 2021 that this will be a viable option</h3>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Part-time Modular Course Options</h1>
+          
+          <hr />
+          <p><h3 id="in-progresscurrently-projecting-march-2021-that-this-will-be-a-viable-option">In Progress…Currently Projecting March 2021 that this will be a viable option</h3>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -176,7 +164,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -199,5 +187,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/learning/pathways/sdi/index.html b/sites/tron-site/learning/pathways/sdi/index.html
index b1b50cb5d062f79cfb26ca17beb719c85b338ef9..4db81231f44cc63a98076590a6e6e7c98e37c0a8 100644
--- a/sites/tron-site/learning/pathways/sdi/index.html
+++ b/sites/tron-site/learning/pathways/sdi/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Software Development Immersive Program (SDI)</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Software Development Immersive Program (SDI)</h1>
-            
-            <hr />
-            <p><div class="sdi-video" style="padding-left:2%;">
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Software Development Immersive Program (SDI)</h1>
+          
+          <hr />
+          <p><div class="sdi-video" style="padding-left:2%;">
   <a class="sdi-apply" href="https://auth.galvanize.com/register?uid=785290cba96b236082">Apply Now!</a>
 </div>
 
@@ -190,10 +179,9 @@ This cohort will be led via VTC and in online collaboration channels by a joint
 
 <p><strong><em><code class="language-plaintext highlighter-rouge">Second Step:</code></em></strong>   Regardless of the status of your application, you can immediately joing the <a href="https://chat.collab.cdl.af.mil/signup_user_complete/?id=wdkicxm5ijrcj8uqn6n4pinzse"><strong><em>MilitaryCoders</em></strong> Mattermost Group</a> and start connecting with other military coders. If you do not yet have a DoD Platform One Single Sign-On username, follow the on-screen prompts to create a new login account.</p>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -219,7 +207,7 @@ This cohort will be led via VTC and in online collaboration channels by a joint
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -242,5 +230,29 @@ This cohort will be led via VTC and in online collaboration channels by a joint
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/learning/qualifications/index.html b/sites/tron-site/learning/qualifications/index.html
index 466a00e1bc0556fc5b7d228a7bd5a3c98cefd16e..14c17c4c8960c3431a631480d0e4d191e67c250c 100644
--- a/sites/tron-site/learning/qualifications/index.html
+++ b/sites/tron-site/learning/qualifications/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Tron & Military Coders Qualification Levels</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Tron & Military Coders Qualification Levels</h1>
-            
-            <hr />
-            <p><p>Here you will find the various qualifications that are earned upon completion of the capability milestones denoted in the below table.  These qualifications are the primary mechanism for validating an ability to fill various roles on a production software team.</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Tron & Military Coders Qualification Levels</h1>
+          
+          <hr />
+          <p><p>Here you will find the various qualifications that are earned upon completion of the capability milestones denoted in the below table.  These qualifications are the primary mechanism for validating an ability to fill various roles on a production software team.</p>
 
 <p><strong><em><code class="language-plaintext highlighter-rouge">Pathways</code></em></strong> for completion of these capability milestones can be found in the <a href="/learning/pathways/">Learning Pathways section</a>. <br />
 Definition of the <strong><em><code class="language-plaintext highlighter-rouge">capability milestones</code></em></strong> can be found in the <a href="/learning/capabilities/">Capability Milestones</a> Section. <br />
@@ -154,22 +143,34 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
 
 
 
-<div class="styled-table-wrapper">
-    <table class="styled-table">
+<div class="table-responsive">
+    <table class="table styled-table">
         <thead>
             <tr>
                 
+                    
                     <th>Qualification\Capability</th>
+                    
                 
+                    
                     <th>Frontend Developer (any framework)</th>
+                    
                 
+                    
                     <th>Backend Developer (Any Framework)</th>
+                    
                 
+                    
                     <th>cATO Developer</th>
+                    
                 
+                    
                     <th>3 mo in Prod</th>
+                    
                 
+                    
                     <th>1 yr as Full-Stack</th>
+                    
                 
             </tr>
         </thead>
@@ -347,10 +348,9 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
     </table>
 </div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -376,7 +376,7 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -399,5 +399,29 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/learning/roles/index.html b/sites/tron-site/learning/roles/index.html
index 156c53d5ef1a9e0777aba337bd25b3600ca02356..6c36ed1981b7475bae827b99d8d96b90fa242f07 100644
--- a/sites/tron-site/learning/roles/index.html
+++ b/sites/tron-site/learning/roles/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Product Team Roles</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Product Team Roles</h1>
-            
-            <hr />
-            <p><p>Here you will find the Production Software Team Roles and their required pre-requisite <strong><em>qualifications</em></strong>. These roles are designed such that any role on the left can be filled by a person possessing at least one of the qualifications denoted by an “X” in the respective row.</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Product Team Roles</h1>
+          
+          <hr />
+          <p><p>Here you will find the Production Software Team Roles and their required pre-requisite <strong><em>qualifications</em></strong>. These roles are designed such that any role on the left can be filled by a person possessing at least one of the qualifications denoted by an “X” in the respective row.</p>
 
 <p>Definition of the <strong><em><code class="language-plaintext highlighter-rouge">qualifications</code></em></strong> along the top of this table can be found in the <a href="/learning/qualifications/">Qualifications</a> Section. <br />
 Definition of the <strong><em><code class="language-plaintext highlighter-rouge">capability milestones</code></em></strong> for each qualification can be found in the <a href="/learning/capabilities/">Capability Milestones</a> Section. <br />
@@ -158,22 +147,34 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
 
 
 
-<div class="styled-table-wrapper">
-    <table class="styled-table">
+<div class="table-responsive">
+    <table class="table styled-table">
         <thead>
             <tr>
                 
+                    
                     <th>Qualification\Role</th>
+                    
                 
+                    
                     <th>Developer</th>
+                    
                 
+                    
                     <th>Anchor</th>
+                    
                 
+                    
                     <th>Designer</th>
+                    
                 
+                    
                     <th>Product Manager</th>
+                    
                 
+                    
                     <th>Developer Mentor</th>
+                    
                 
             </tr>
         </thead>
@@ -351,10 +352,9 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
     </table>
 </div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -380,7 +380,7 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -403,5 +403,29 @@ Definition of the <strong><em><code class="language-plaintext highlighter-rouge"
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/p1/index.html b/sites/tron-site/p1/index.html
index 7299f18f5cbf31ddf7a1071818bccbff386cb722..ce294903526e4ee613b505cb8eaf347596e1953e 100644
--- a/sites/tron-site/p1/index.html
+++ b/sites/tron-site/p1/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Platform One</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -37,28 +38,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-<script src="/js/puckboard.js"></script>
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -79,69 +58,78 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <section class="p1-cta">
     <div class="row">
-        <div class="col-md-12" style="display: flex; justify-content: right;">
-            <a class="btn btn-primary btn-lg video-hero-btn" href="#split1">Create P1 Account</a>
+        <div class="col-lg-12" style="display: flex; justify-content: right;">
+            <a class="btn btn-primary btn-lg video-hero-btn my-2" href="#split1">Create P1 Account</a>
         </div>
     </div>
 </section>
@@ -149,7 +137,7 @@
 <section id="video-hero" class="white">
     <div id="video-hero-container-text">
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <h1>Get Started with Platform One and Mattermost</h1>
                 <button class="btn btn-primary btn-lg" onclick="removeEl('video-hero-container-text')">Watch now</button>
             </div>
@@ -163,7 +151,7 @@
 <section id="split1" class="video altBgs">
     <div class="container">
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <h2 class="center">Get Started with P1 and Mattermost</h2>
                 
             </div>
@@ -172,42 +160,43 @@
            <hr> 
         </div>
         <div class="row padding">
-            <div class="col-md-4">
+            <div class="col-lg-4">
                 <h3>Mattermost</h3>
                 <h4>Our communication platform.</h4>
                 <p class="content-descriptor">MatterMost has become the gateway to bringing the Air Force into the 21st century. Communication is no longer an issue within your unit. MatterMost combines security and usability in order to get the job done. You can use your common access card or just a regular username/password/2way authenticator to access this tool. Keep your members informed, involved, and innovative with this application. Join us on our continuing journey of digital transformation.</p>
-                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" target="_blank;" href="https://login.dso.mil/register">Create P1 Account</a>
+                <!-- <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" target="_blank;" href="https://login.dso.mil/register">Create P1 Account</a> -->
             </div>
-            <div class="col-md-8">
+            <div class="col-lg-8">
                 <div class="row>">
-			<div class="iframe-container">
+			<div class="iframe-container my-md-5 my-lg-0">
                 <iframe class="embed-video" src="https://vimeo.com/showcase/8215297/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                 
-                <a class="btn btn-default btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/resources/P1_Onboarding_Guide_Mobile.pptx">Onboarding Guide w/ Mobile</a>
+                <!-- <br><br><br>
+                <a class="btn btn-secondary btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/resources/P1_Onboarding_Guide_Mobile.pptx">Onboarding Guide w/ Mobile</a>
                 
                 
-                <a class="btn btn-default btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/resources/P1_Initial User Registration_CAC_Only.pptx">Onboarding Guide Non-Mobile</a>
-                
+                <a class="btn btn-secondary btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/resources/P1_Initial User Registration_CAC_Only.pptx">Onboarding Guide Non-Mobile</a>
+                 -->
                 </div>
             </div>
         </div>
-        <div class="row">
-            <div class="col-md-4">
+        <div class="row pt-4">
+            <div class="col-lg-4">
                 
-                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" target="_blank" href="https://login.dso.mil/register">Create P1 Account</a>
+                <a class="btn btn-primary btn-lg mb-2" target="_blank" href="https://login.dso.mil/register">Create P1 Account</a>
                 
             </div>
-            <div class="col-md-8">
+            <div class="col-lg-8 mb-5">
                 
-                <a class="btn btn-default btn-lg visible-md-inline-block visible-lg-inline-block" data-toggle="tooltip" data-placement="top" title="For those who need access to Mattermost on a mobile device" target="_blank" href="/p1/resources/P1_Onboarding_Guide_Mobile.pptx">Onboarding Guide w/ Mobile</a>
+                <a class="btn btn-secondary btn-lg mb-2" data-toggle="tooltip" data-placement="top" title="For those who need access to Mattermost on a mobile device" target="_blank" href="/p1/resources/P1_Onboarding_Guide_Mobile.pptx">Onboarding Guide w/ Mobile</a>
                 
                 
-                <a class="btn btn-default btn-lg visible-md-inline-block visible-lg-inline-block" data-toggle="tooltip" data-placement="top" title="For members who never anticipate using Mattermost on a mobile device (ie. AOC FMs)" target="_blank" href="/p1/resources/P1_Initial User Registration_CAC_Only.pptx">Onboarding Guide Non-Mobile</a>
+                <a class="btn btn-secondary btn-lg mb-2" data-toggle="tooltip" data-placement="top" title="For members who never anticipate using Mattermost on a mobile device (ie. AOC FMs)" target="_blank" href="/p1/resources/P1_Initial User Registration_CAC_Only.pptx">Onboarding Guide Non-Mobile</a>
                 
             </div>
         </div>
 		<div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <h4 style="color: red; text-align: center;">To begin, click the "Create P1 Account" button and the video above will step you through creating a new account</h4>
             </div>
         </div>
@@ -217,11 +206,11 @@
 <section class="cta altBgs">
     <div class="container">
         <div class="row">
-        <div class="col-md-6 col-sm-12">
+        <div class="col-lg-6 col-md-12">
             <h3>Questions?</h3>
             <h4>Read through our Frequently Asked Questions (FAQs)</h4>
         </div>
-        <div class="col-md-6 col-sm-12">
+        <div class="col-lg-6 col-md-12">
             
             <a class="btn btn-primary btn-lg" href="/p1#faq">FAQs about Mattermost</a>
             
@@ -233,14 +222,14 @@
 <section id="main" class="altBgs">
     <div class="container">
         <div class="row">
-            <div class="col-md-12">
-                <h1 class="center">Single Sign On Ecosystem</h1>
+            <div class="col-lg-12">
+                <h2 class="center">Single Sign On Ecosystem</h2>
                 <hr>
-                <img class="img-responsive center-block" src="/p1/images/ecosystem.png" alt="Platform One Ecosystem" style="width: 1200px;"/>
+                <img class="img-fluid mx-auto" src="/p1/images/ecosystem.png" alt="Platform One Ecosystem" style="width: 1200px;"/>
             </div>
         </div>
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <div class="header-descriptor">
                     <h3>Here at Tron, we partner with the Air Force’s Platform One (P1) organization as the foundation our apps are built on. Having mission apps with mobile access is possible because they live and operate within the P1’s architecture and security. The key to accessing Mattermost, or any other mission app on P1, is the Single Sign On (SSO). This allows you to work on any device with internet, using a single password. All of this is available to anyone with a .mil email and CAC card.</h3>
                 </div>
@@ -252,11 +241,11 @@
 <section class="cta" style="background-color: #B7BBC7">
     <div class="container">
       <div class="row">
-        <div class="col-md-6 col-sm-12">
+        <div class="col-lg-6 col-md-12">
           <h3>Still have Questions?</h3>
           <h4>Every Thursday, the TRON team hosts a live AMA to answer any questions and provide live training on Mattermost and Puckboard.</h4>
         </div>
-        <div class="col-md-6 col-sm-12">
+        <div class="col-lg-6 col-md-12">
           <a class="btn btn-primary btn-lg" href="https://www.zoomgov.com/webinar/register/WN_bYQu-i03ST-Im5Ae5wl2aQ">Register</a>
         </div>
       </div>
@@ -266,52 +255,71 @@
 <section class="resources altBgs">
     <div class="container">
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <h2 class="center">Resources</h2>
                 <div class="header-descriptor">
                     <h3>Resources for creating a PlatformOne account and gaining access to Mattermost and other mission apps.</h3>
                 </div>
             </div>
         </div>
-        <div class="row">
-           <hr> 
-        </div>
-        <div class="row padding">
+        <hr> 
+        <div class="row row-cols-1 row-cols-lg-3 padding">
             
-            <div class="col-md-4 center">
-                <img class="img-responsive center-block" src="/p1/images/mobile.svg" style="height: 100px;"/>
-                <h4>Command Post Resources</h4>
-                <p class="content-descriptor">From CP troops, For CP troops. Best practices compiled from several MAF bases using mattermost for more than a year already.</p>
-                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/resources/MM_CONEMP_Attach 2.docx">Guide</a>
-            </div>
-            
-            <div class="col-md-4 center">
-                <img class="img-responsive center-block" src="/p1/images/paper.svg" style="height: 100px;"/>
-                <h4>MatterMost User Tips</h4>
-                <p class="content-descriptor">An illustrated guide with tips, tricks, and best practices for using Mattermost like a pro.</p>
-                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/resources/P1_MM_Training.pptx">Guide</a>
-            </div>
-            
-            <div class="col-md-4 center">
-                <img class="img-responsive center-block" src="/p1/images/plane.svg" style="height: 100px;"/>
-                <h4>AMC/AOC CONEMP</h4>
-                <p class="content-descriptor">The AMC & 618th AOC implementation CONEMP of Mattermost use for C2</p>
-                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/resources/MM_CONEMP.docx">Guide</a>
-            </div>
-            
-        </div>
-        <div class="row no-padding-margin">
-            
-            <div class="col-md-4 center no-padding-margin">
-                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" href="/p1/resources/MM_CONEMP_Attach 2.docx">Guide</a>
+            <div class="col mb-4 mb-md-0">
+                <div class="card h-100">
+                    <div class="card-img-container d-flex align-items-center">
+                      
+                      <img class="card-img-top" src="/p1/images/mobile.svg"/>
+                      
+                    </div>
+        
+                    <div class="card-body py-0">
+                      <h4 class="card-title my-5">Command Post Resources</h4>
+                      <p class="card-text">From CP troops, For CP troops. Best practices compiled from several MAF bases using mattermost for more than a year already.</p>
+                    </div>
+
+                    <div class="card-footer py-5">
+                        <a class="btn btn-primary btn-lg " href="/p1/resources/MM_CONEMP_Attach 2.docx">Guide</a>
+                    </div>
+                </div>
             </div>
             
-            <div class="col-md-4 center no-padding-margin">
-                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" href="/p1/resources/P1_MM_Training.pptx">Guide</a>
+            <div class="col mb-4 mb-md-0">
+                <div class="card h-100">
+                    <div class="card-img-container d-flex align-items-center">
+                      
+                      <img class="card-img-top" src="/p1/images/paper.svg"/>
+                      
+                    </div>
+        
+                    <div class="card-body py-0">
+                      <h4 class="card-title my-5">MatterMost User Tips</h4>
+                      <p class="card-text">An illustrated guide with tips, tricks, and best practices for using Mattermost like a pro.</p>
+                    </div>
+
+                    <div class="card-footer py-5">
+                        <a class="btn btn-primary btn-lg " href="/p1/resources/P1_MM_Training.pptx">Guide</a>
+                    </div>
+                </div>
             </div>
             
-            <div class="col-md-4 center no-padding-margin">
-                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" href="/p1/resources/MM_CONEMP.docx">Guide</a>
+            <div class="col mb-4 mb-md-0">
+                <div class="card h-100">
+                    <div class="card-img-container d-flex align-items-center">
+                      
+                      <img class="card-img-top" src="/p1/images/plane.svg"/>
+                      
+                    </div>
+        
+                    <div class="card-body py-0">
+                      <h4 class="card-title my-5">AMC/AOC CONEMP</h4>
+                      <p class="card-text">The AMC & 618th AOC implementation CONEMP of Mattermost use for C2</p>
+                    </div>
+
+                    <div class="card-footer py-5">
+                        <a class="btn btn-primary btn-lg " href="/p1/resources/MM_CONEMP.docx">Guide</a>
+                    </div>
+                </div>
             </div>
             
         </div>
@@ -322,14 +330,14 @@
     <div class="container">
         
         <div class="row padding">
-            <div class="col-md-5">
+            <div class="col-lg-5">
                 <h3>Mattermost / Puckboard Integration</h3>
                 <h4>Streamline operations. Instantly communicate with your crew. <br><span style="color:red;"><b>Coming soon!</b></span></h4>
                 <p class="content-descriptor">The Mattermost / Puckboard integration was built by Airmen coders and is slated to be released very shortly! Soon you will be able to create Mattermost channels with your crew with the touch of a button, allowing you to communicate directly with the SARM and aircrew.</p>
                 
             </div>
-            <div class="col-md-7">
-			<div class="iframe-container">
+            <div class="col-lg-7">
+			<div class="iframe-container my-md-5 my-lg-0">
                 <iframe class="embed-video" src="https://player.vimeo.com/video/514033742" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 				</div>
                 
@@ -342,29 +350,29 @@
 <section id="faq" class="faq altBgs">
     <div class="container">
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <h2 class="center">Frequently Asked Questions (FAQs)</h2>
             </div>
         </div>
         <div class="row padding">
           
-          <button class="accordion">What is Mattermost?</button>
-          <div class="panel">
+          <button class="custom-accordion">What is Mattermost?</button>
+          <div class="panel my-2">
             <p>Mattermost is an open-source collaborative messaging software that is hosted within the DoD’s own cyber infrastructure.<br><br>Mattermost is accessible on any device connected to the internet, both government devices on the military network as well as personal devices with any kind of civilian internet access around the globe. Mattermost is an IL-4 approved software that allows FOUO, PII, and mission information with the capability of 2-way file transfer.</p>
           </div>
           
-          <button class="accordion">How is Mattermost accessible anywhere?</button>
-          <div class="panel">
+          <button class="custom-accordion">How is Mattermost accessible anywhere?</button>
+          <div class="panel my-2">
             <p>Mattermost utilizes the DoD’s PlatformOne (P1) architecture to provide secure, approved delivery of IL-4 data to any device. The P1 structure allows a user to login to hosted web apps using Single Sign On (SSO) and Multi-Factor Authentication (MFA) such as Google Authenticator. Each user is capable of using either 1) a username + password + MFA or 2) CAC card + pin to log into any P1 hosted software from any web browser and URL. Some applications like Mattermost (MM) even have approved iOS and Android native apps.</p>
           </div>
           
-          <button class="accordion">Is Mattermost Legal?</button>
-          <div class="panel">
+          <button class="custom-accordion">Is Mattermost Legal?</button>
+          <div class="panel my-2">
             <p>Mattermost lives completely within the P1 framework and complies with all federal and DoD security requirements. They operate under the PartyBus continuous ATO, and employ a cybersecurity method known as DevSecOps which bakes in security requirements at every step of the coding, testing, evaluation, and launch process. Mattermost currently operates at Impact Level 4 (IL-4) and each unit is responsible for ensuring their use case is capable of IL-4 dissemination.<br><br>Our team can help answer any security questions and provide expanded security & ATO paperwork if requested. <br><br> <a class="normal-link" target="_blank" href="../p1/resources/(U)Platform_One_ATO-ATD-12AUG2023-Signed.pdf">Platform One ATO</a></p>
           </div>
           
-          <button class="accordion">Who pays for Mattermost?</button>
-          <div class="panel">
+          <button class="custom-accordion">Who pays for Mattermost?</button>
+          <div class="panel my-2">
             <p>Mattermost is maintained by Platform one and receives funding from multiple large programs of record. There is no cost to individual units or wings to use Mattermost.</p>
           </div>
           
@@ -375,11 +383,11 @@
 <section id="getstarted" class="cta altBgs section-strip">
     <div class="container">
         <div class="row">
-            <div class="col-md-8">
+            <div class="col-lg-8">
                 <h3>Use the same P1 login to access your unit's schedule anywhere with Puckboard</h3>
                 <h4>Get started today or contact us</h4>
             </div>
-            <div class="col-md-4">
+            <div class="col-lg-4">
                 
                 <a class="btn btn-primary btn-lg" href="/puckboard/">Get started with Puckboard</a>
                 
@@ -400,7 +408,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -425,5 +433,31 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+<script src="/js/puckboard.js"></script>
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/partners/AMC/437aw.html b/sites/tron-site/partners/AMC/437aw.html
index 310b0d3872748bff6b2682bae3b64aaa9e51ae4a..d7715688392180487f4c3ec597b9d5832a916152 100644
--- a/sites/tron-site/partners/AMC/437aw.html
+++ b/sites/tron-site/partners/AMC/437aw.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Palmetto Spark & the 437th Air Wing</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Palmetto Spark & the 437th Air Wing</h1>
-            
-            <hr />
-            <p><p>Info about 437 AW</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Palmetto Spark & the 437th Air Wing</h1>
+          
+          <hr />
+          <p><p>Info about 437 AW</p>
 
 <!-- About Section -->
 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;section id="about"&gt;
@@ -161,7 +150,7 @@
                 &lt;ul class="timeline"&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/1.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/1.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -175,7 +164,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/2.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/2.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -189,7 +178,7 @@
                     &lt;/li&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/3.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/3.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -203,7 +192,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/4.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/4.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -229,10 +218,9 @@
 &lt;/section&gt;Z}
 </code></pre></div></div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -258,7 +246,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -281,5 +269,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/partners/AMC/60amw.html b/sites/tron-site/partners/AMC/60amw.html
index 92def964f8507a94308a46344ba776d981c3fe0e..7003155278aad5d64e82087fd2dedfc75ce16249 100644
--- a/sites/tron-site/partners/AMC/60amw.html
+++ b/sites/tron-site/partners/AMC/60amw.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Phoenix Spark & the 60th Air Mobility Wing</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Phoenix Spark & the 60th Air Mobility Wing</h1>
-            
-            <hr />
-            <p><p>Info about 60 amw</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Phoenix Spark & the 60th Air Mobility Wing</h1>
+          
+          <hr />
+          <p><p>Info about 60 amw</p>
 
 <!-- About Section -->
 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;section id="about"&gt;
@@ -161,7 +150,7 @@
                 &lt;ul class="timeline"&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/1.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/1.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -175,7 +164,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/2.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/2.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -189,7 +178,7 @@
                     &lt;/li&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/3.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/3.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -203,7 +192,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/4.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/4.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -229,10 +218,9 @@
 &lt;/section&gt;Z}
 </code></pre></div></div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -258,7 +246,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -281,5 +269,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/partners/Hawaii/15wg.html b/sites/tron-site/partners/Hawaii/15wg.html
index 5ffb25c6b61a64bb95aa5860ff72ab16a9d00075..3b4321be033335de324f23e4e5e2b2c59caa516b 100644
--- a/sites/tron-site/partners/Hawaii/15wg.html
+++ b/sites/tron-site/partners/Hawaii/15wg.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Aloha Spark & the 15th Wing</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Aloha Spark & the 15th Wing</h1>
-            
-            <hr />
-            <p><p>Info about 15 Wg</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Aloha Spark & the 15th Wing</h1>
+          
+          <hr />
+          <p><p>Info about 15 Wg</p>
 
 <!-- About Section -->
 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;section id="about"&gt;
@@ -161,7 +150,7 @@
                 &lt;ul class="timeline"&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/1.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/1.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -175,7 +164,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/2.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/2.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -189,7 +178,7 @@
                     &lt;/li&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/3.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/3.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -203,7 +192,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/4.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/4.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -229,10 +218,9 @@
 &lt;/section&gt;Z}
 </code></pre></div></div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -258,7 +246,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -281,5 +269,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/partners/Hawaii/697isrg.html b/sites/tron-site/partners/Hawaii/697isrg.html
index e2b2155a577007fcfb8887ef6a74b4495d2bcd41..6b481ed61a7ade7048ce07603bd33fc128b204c2 100644
--- a/sites/tron-site/partners/Hawaii/697isrg.html
+++ b/sites/tron-site/partners/Hawaii/697isrg.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>697th Intelligence, Surveillance, & Reconnaissance Group</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>697th Intelligence, Surveillance, & Reconnaissance Group</h1>
-            
-            <hr />
-            <p><p>Info about 697 isrg</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>697th Intelligence, Surveillance, & Reconnaissance Group</h1>
+          
+          <hr />
+          <p><p>Info about 697 isrg</p>
 
 <!-- About Section -->
 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;section id="about"&gt;
@@ -161,7 +150,7 @@
                 &lt;ul class="timeline"&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/1.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/1.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -175,7 +164,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/2.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/2.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -189,7 +178,7 @@
                     &lt;/li&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/3.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/3.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -203,7 +192,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/4.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/4.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -229,10 +218,9 @@
 &lt;/section&gt;Z}
 </code></pre></div></div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -258,7 +246,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -281,5 +269,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/partners/Hawaii/747cs.html b/sites/tron-site/partners/Hawaii/747cs.html
index c7bbe60429b2aae94c9f907a6688e2c238f949e7..c1f15802dbc9b885ac43bf07320b886e4fc8ec66 100644
--- a/sites/tron-site/partners/Hawaii/747cs.html
+++ b/sites/tron-site/partners/Hawaii/747cs.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>747th Communications Squadron</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>747th Communications Squadron</h1>
-            
-            <hr />
-            <p><p>Info about 747 CS</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>747th Communications Squadron</h1>
+          
+          <hr />
+          <p><p>Info about 747 CS</p>
 
 <!-- About Section -->
 <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>&lt;section id="about"&gt;
@@ -161,7 +150,7 @@
                 &lt;ul class="timeline"&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/1.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/1.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -175,7 +164,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/2.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/2.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -189,7 +178,7 @@
                     &lt;/li&gt;
                     &lt;li&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/3.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/3.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -203,7 +192,7 @@
                     &lt;/li&gt;
                     &lt;li class="timeline-inverted"&gt;
                         &lt;div class="timeline-image"&gt;
-                            &lt;img class="img-circle img-responsive" src="img/about/4.jpg" alt=""&gt;
+                            &lt;img class="rounded-circle img-fluid" src="img/about/4.jpg" alt=""&gt;
                         &lt;/div&gt;
                         &lt;div class="timeline-panel"&gt;
                             &lt;div class="timeline-heading"&gt;
@@ -229,10 +218,9 @@
 &lt;/section&gt;Z}
 </code></pre></div></div>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -258,7 +246,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -281,5 +269,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/partners/index.html b/sites/tron-site/partners/index.html
index a41000c392394bb70e448500ac417ccff34f8266..4c19b20d631d7c9c4d8bf19450b08eb1f13078c2 100644
--- a/sites/tron-site/partners/index.html
+++ b/sites/tron-site/partners/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Partners</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,70 +56,79 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
         <!-- Slider Start -->
 <section id="global-header">
     <div class="container">
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-lg-12">
                 <div class="block">
                     <h1>Members of the Tron Ecosystem</h1>
                     <p>...the power behind our ecosystem comes from an extreme collaboration of innovative talent around the world.</p>
@@ -151,7 +141,7 @@
 <section id="portfolio-work">
     <div class="container">
         <div class="row">
-          <div class="col-md-12">
+          <div class="col-lg-12">
             <div class="block">
               <div class="portfolio-menu">
                 <ul>
@@ -250,7 +240,7 @@
 <section id="clients-logo-section">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <div id="clients-logo" class="owl-carousel">
             <div class="clients-logo-img">
@@ -301,11 +291,11 @@
 <section id="call-to-action">
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="block">
           <h2>We design delightful digital experiences.</h2>
           <p>Read more about what we do and our philosophy of design. Judge for yourself The work and results we’ve achieved for other clients, and meet our highly experienced Team who just love to design.</p>
-          <a class="btn btn-default btn-call-to-action" href="#" >Tell Us Your Story</a>
+          <a class="btn btn-secondary btn-call-to-action" href="#" >Tell Us Your Story</a>
         </div>
       </div>
     </div>
@@ -326,7 +316,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -349,5 +339,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/portfolio/commonapi/index.html b/sites/tron-site/portfolio/commonapi/index.html
index 2954fdf729703f3f7b6d74a44d0de73e9e0d0c48..5075089fcf68eb8f6804e7c7f09370858c03b046 100644
--- a/sites/tron-site/portfolio/commonapi/index.html
+++ b/sites/tron-site/portfolio/commonapi/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Common API</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -37,28 +38,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-<script src="/js/product.js"></script>
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -79,65 +58,74 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <style>
     :root {
       --main0: #484B5C;
@@ -275,7 +263,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -298,5 +286,31 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+<script src="/js/product.js"></script>
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/portfolio/pbl/index.html b/sites/tron-site/portfolio/pbl/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..0d6e1e70fbab5550d8c6ac297301fb19439ff7b1
--- /dev/null
+++ b/sites/tron-site/portfolio/pbl/index.html
@@ -0,0 +1,513 @@
+<!doctype html>
+<html lang="en" class="no-js">
+  <head>
+
+    <meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>Puckboard Logging</title>
+<meta name="description" content="">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+<link rel="shortcut icon" type="image/png" href="/favicon.png">
+
+<!-- CSS -->
+<link rel="stylesheet" href="/css/owl.carousel.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
+<link rel="stylesheet" href="/css/font-awesome.min.css" />
+<link rel="stylesheet" href="/css/airspace.css" />
+<link rel="stylesheet" href="/css/style.css" />
+<link rel="stylesheet" href="/css/ionicons.min.css" />
+<link rel="stylesheet" href="/css/animate.css" />
+<link rel="stylesheet" href="/css/responsive.css" />
+<link rel="stylesheet" href="/css/syntax.css" />
+
+<!-- CSS for Product Template-->
+
+
+<!-- CSS for Get Started Template-->
+
+
+<!-- CSS for Platform 1 Template-->
+
+<link rel="stylesheet" type="text/css" href="/css/p1.css" />
+
+
+<!-- Custom CSS -->
+<link rel="stylesheet" href="/css/custom.css" />
+
+
+<!--
+/*
+ * Airspace
+ * Ported to Jekyll by Andrew Lee
+ * https://github.com/ndrewtl/airspace-jekyll
+ * Designed and Developed by ThemeFisher
+ * https://themefisher.com/
+ *
+ */
+-->
+
+
+  </head>
+  <body>
+
+
+    <!-- Header Start -->
+<header>
+<div class="container">
+  <div class="row">
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
+            <a class="navbar-brand" href="/index.html">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
+            </a>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
+    </div>
+  </div>
+</div>
+</header><!-- header close -->
+
+
+
+
+    <style>
+body {
+  background-color: #000;
+  color: #fff;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'DM Sans', sans-serif;
+}
+h2 {
+  font-style: normal;
+  font-weight: bold;
+  font-size: 48px;
+  line-height: 62px;
+}
+h4 {
+  font-size: 1.5rem;
+}
+p {
+  font-family: 'DM Sans', sans-serif;
+  font-size: 24px;
+}
+.btn {
+  color: #000;
+  border: none;
+  font-weight: 500;
+}
+.btn-primary {
+  background-color: #56CCF2;
+}
+.btn-primary:hover {
+  background-color: #8CCCF2;
+}
+.btn-secondary {
+  background-color: #FF7043;
+}
+.btn-secondary:hover {
+  background-color: #F0672D;
+  color: #000;
+}
+.nav-pills .nav-link {
+  background-color: #242E3B;
+  color: #fff;
+}
+.nav-pills .nav-link:hover {
+  background-color: #342E3B;
+}
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
+  background-color: #56CCF2;
+  color: #000;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.nav-pills .nav-link.active:hover, .nav-pills .show>.nav-link:hover {
+  background-color: #8CCCF2;
+}
+ul {
+  list-style-type: disc;
+  list-style-position: inside;
+}
+.custom-accordion {
+  background-color: #242E3B;
+  color: #fff;
+}
+.custom-accordion.active, .custom-accordion:hover {
+    background-color: #56CCF2;
+}
+.custom-accordion button {
+  font-weight: 700;
+}
+.primary-blue {
+  color: #56CCF2;
+}
+.key {
+  width: 30%;
+  position: absolute;
+}
+#pills-current .key {
+  top: 0;
+  right: 0;
+}
+#pills-pbl .key {
+  bottom: 0;
+  left: 0;
+}
+hr {
+  border-top: 1px solid #E3F6FD;
+  opacity: 0.25;
+  width: 80%;
+}
+.card .card-img-container {
+  height: 140px;
+}
+</style>
+
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-10 col-lg-offset-2">
+        <h1 class="animated fadeInUp mb-5" style="font-size: 36px; line-height: 156%; letter-spacing: 0.19em; text-transform: uppercase;">
+          <img class="mb-5" src="/img/pb-logo-p.svg" alt="puckboard" style="width: auto; height: 70px;" />
+          <br />Puckboard Logging
+        </h1>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-4 col-lg-offset-2">
+        <h2 class="animated fadeInUp" style="line-height: 156%;">
+          The future of post mission paperwork.
+        </h2>
+      </div>
+      <div class="col-lg-6 offset-lg-2 d-flex align-items-center">
+        <a class="btn btn-primary btn-lg btn-block my-2 mx-auto animated fadeInUp" href="https://jira.il2.dso.mil/servicedesk/customer/portal/68/create/387">Sign Up for Early Access Testing</a>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section id="prototypes">
+  <div class="container">
+    <div class="row">
+      
+      <div class="col-lg-6 col-md-12 px-5">
+        <img class="my-4" src="/img/pbl-interface-1.jpg" alt="pbl prototype" />
+      </div>
+      
+      <div class="col-lg-6 col-md-12 px-5">
+        <img class="my-4" src="/img/pbl-interface-2.jpg" alt="pbl prototype" />
+      </div>
+      
+    </div>
+  </div>
+</section>
+
+<hr />
+
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-12 col-lg-7 text-left">
+        <h2 class="font-weight-normal">Turn an old, manual time consuming process into . . .</h2>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 col-lg-7 offset-lg-5 text-right primary-blue">
+        <h2>. . . a clean, modern, automated experience</h2>
+      </div>
+    </div>
+  </div>
+</section>
+
+<hr />
+
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-12 col-lg-6">
+        <h2 class="mb-4">How it works</h2>
+        <p style="font-size: 24px;">Puckboard Logging is an iOS application built to streamline the process of logging training by:</p>
+        <ul style="font-size: 24px;">
+            
+            <li>Pulling data from Puckboard Scheduling</li>
+            
+            <li>Pre populating form fields</li>
+            
+            <li>Automating and verifying math</li>
+            
+            <li>Storing data in one place</li>
+            
+        </ul>
+      </div>
+      <div class="col-12 col-lg-6 px-5">
+        <img class="my-4" src="/img/pbl-interface-2.jpg" alt="pbl prototype" width="300" />
+      </div>
+    </div>
+  </div>
+</section>
+
+<hr />
+
+<section id="process">
+  <div class="container">
+    <div class="row">
+      <div class="col-12 col-lg-8">
+        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
+          
+          <li class="nav-item" role="presentation">
+            <a class="nav-link active btn-lg
+            " id="pills-current-tab" data-toggle="pill" href="#pills-current" role="tab" aria-controls="pills-current" aria-selected="true">Current Process</a>
+          </li>
+          
+          <li class="nav-item" role="presentation">
+            <a class="nav-link  btn-lg
+            " id="pills-pbl-tab" data-toggle="pill" href="#pills-pbl" role="tab" aria-controls="pills-pbl" aria-selected="true">Puckboard Logging Process</a>
+          </li>
+          
+        </ul>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12">
+        <div class="tab-content" id="pills-tabContent">
+          
+          <div class="tab-pane fade show active" id="pills-current" role="tabpanel" aria-labelledby="pills-current-tab">
+            <img class="my-4" src="/img/current-process-diagram.png" alt="current process" />
+            <div class="key">
+              <img src="/img/current-process-key.png" alt="current process key" />
+            </div>
+          </div>
+          
+          <div class="tab-pane fade " id="pills-pbl" role="tabpanel" aria-labelledby="pills-pbl-tab">
+            <img class="my-4" src="/img/pbl-process-diagram.png" alt="pbl process" />
+            <div class="key">
+              <img src="/img/pbl-process-key.png" alt="pbl process key" />
+            </div>
+          </div>
+          
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<hr />
+
+<section class="features">
+  <div class="container">
+      <div class="row">
+          <div class="col-12">
+              <h2 class="center">Learn What Puckboard Logging Can Do For You</h2>
+          </div>
+      </div>
+      <div class="row row-cols-1 row-cols-lg-3 padding">
+        
+        <div class="col mb-4 mb-md-0">
+          <div class="card h-100">
+            <div class="card-img-container d-flex align-items-center">
+              <img class="card-img-top" src="/img/cloud-down-arrow.svg" />
+            </div>
+            <div class="card-body py-0 text-center">
+              <h4 class="card-title my-0">Pull data from Puckboard Scheduling</h4>
+            </div>
+          </div>
+        </div>
+        
+        <div class="col mb-4 mb-md-0">
+          <div class="card h-100">
+            <div class="card-img-container d-flex align-items-center">
+              <img class="card-img-top" src="/img/time.svg" />
+            </div>
+            <div class="card-body py-0 text-center">
+              <h4 class="card-title my-0">Automate time splitting and validate math</h4>
+            </div>
+          </div>
+        </div>
+        
+        <div class="col mb-4 mb-md-0">
+          <div class="card h-100">
+            <div class="card-img-container d-flex align-items-center">
+              <img class="card-img-top" src="/img/arrow-flow-right.svg" />
+            </div>
+            <div class="card-body py-0 text-center">
+              <h4 class="card-title my-0">Push data to ARMS and other systems</h4>
+            </div>
+          </div>
+        </div>
+        
+      </div>
+  </div>
+</section>
+
+<hr />
+
+<section class="faq">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <h2 class="center">Frequently Asked Questions</h2>
+      </div>
+    </div>
+      <div class="row padding">
+        <div id="faqAccordion" class="accordion">
+          
+          <button class="custom-accordion">How is Puckboard Logging accessible while in flight?</button>
+          <div class="panel my-2">
+            <p>Puckboard Logging is developed using DevSecOps best practices and following the same standards as Puckboard, enabling it to pass the reviews that are necessary in order to be published on the App Store and BUEM. The connection to Puckboard is authenticated through Platform One SSO, which enables the integration to function on any device with internet.</p>
+          </div>
+          
+          <button class="custom-accordion">Does Puckboard Logging work with Puckboard Scheduling?</button>
+          <div class="panel my-2">
+            <p>Yes, Puckboard Logging is fully integrated with Puckboard Scheduling. Puckboard Logging is able to pull event data down from Puckboard, and eventually will be able to push data to Puckboard to feed scheduling algorithms and process approvals for the SARM/DO.</p>
+          </div>
+          
+          <button class="custom-accordion">I'm already using Puckboard Scheduling, what should I do next?</button>
+          <div class="panel my-2">
+            <p>Simply fill out the early access form <a href="https://jira.il2.dso.mil/servicedesk/customer/portal/68/create/387">here</a> and the team will work with you to get you onboarded.</p>
+          </div>
+          
+        </div>
+      </div>
+  </div>
+</section>
+
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <h2>Get Started With Puckboard Logging</h2>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-6 col-12">
+        <a class="btn btn-primary btn-lg mb-2" href="https://jira.il2.dso.mil/servicedesk/customer/portal/68/create/387">Sign Up for Early Access Testing</a>
+        <a class="btn btn-secondary btn-lg mb-2" href="mailto:puckboard.tron@afwerx.af.mil">Contact Us</a>
+      </div>
+    </div>
+  </div>
+</section>
+
+
+
+
+
+
+
+
+
+
+
+    <!-- footer Start -->
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <div class="footer-manu">
+          <ul>
+            <li><a href="/">Home</a></li>
+            <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
+            <li><a href="/#service">Services</a></li>
+            <li><a href="/puckboard/">Puckboard</a></li>
+            <!-- <li><a href="/partners/">Partners</a></li> -->
+            <!-- <li><a href="/blog/">Blog</a></li> -->
+            <li><a href="https://tron.substack.com/">Blog</a></li>
+            <li><a href="/contact/">Contact</a></li>
+          </ul>
+        </div>
+      </div>
+        <p>Site developed and maintained by <a href="/">Tron Gov</a>.  Portions of this site utilize <a href="http://www.themefisher.com">Themefisher</a> designs. All rights reserved.
+        
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>
+
+
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+<script src="/js/product.js"></script>
+
+
+
+<script src="/js/puckboard.js"></script>
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
+    </body>
+</html>
diff --git a/sites/tron-site/portfolio/widow/index.html b/sites/tron-site/portfolio/widow/index.html
index ee07964f4e9100b8ecaeef6a8f0258c240c5ac7c..94dddc8bd916b0d29e62462b689747328c19ac83 100644
--- a/sites/tron-site/portfolio/widow/index.html
+++ b/sites/tron-site/portfolio/widow/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Widow</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -37,28 +38,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-<script src="/js/product.js"></script>
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -79,65 +58,74 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <style>
     :root {
       --main0: #000;
@@ -333,7 +321,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -356,5 +344,31 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+<script src="/js/product.js"></script>
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/puckboard/getstarted/index.html b/sites/tron-site/puckboard/getstarted/index.html
index 17dc2885470d43ff819795fee6370bee6092b019..37d41573645981dc0398d30241848486bf63756f 100644
--- a/sites/tron-site/puckboard/getstarted/index.html
+++ b/sites/tron-site/puckboard/getstarted/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Get Started</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -39,26 +40,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -79,73 +60,81 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
-    <section id="slider">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-10 col-md-offset-2">
-        <div class="block">
-          <h1 class="animated fadeInUp">Get Started with <img class="img-responsive" src="../images/Puckboard_Wordmark_WH.svg" style="width:400px; display:inline; margin-left:10px; margin-top:-15px;" /> & Mattermost</h1>
-          <h3 class="animated fadeInUp">Welcome! This guide will walk through the steps that are required to create your unit in Puckboard.</h3>
-        </div>
+
+    <section id="hero">
+  <div id="hero-image"></div>
+  <div id="hero-container" class="container">
+    <div class="row white">
+      <div class="col-md-10 offset-md-1">
+        <h1 class="animated fadeInUp">Get Started with <img class="img-fluid" src="../images/Puckboard_Wordmark_WH.svg" style="width:400px; display:inline; margin-left:10px; margin-top:-15px;" /> & Mattermost</h1>
+        <h3 class="animated fadeInUp">Welcome! This guide will walk through the steps that are required to create your unit in Puckboard.</h3>
       </div>
     </div>
   </div>
@@ -155,7 +144,7 @@
 <section id="feature" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3><b>Step 1.</b> Watch the demo</h3>
         <p>This video walks you through setting up your Puckboard and how to get started scheduling immediately. After you watch the demo, you will have the knowledge to navigate through the app, customize your squadrons settings, add personnel, and create and edit events.</p>
 
@@ -163,12 +152,12 @@
 
         
 
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
         
-        <iframe src="https://player.vimeo.com/video/516955160" width="100%" height="300" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+        <iframe class="my-md-5 my-lg-0" src="https://player.vimeo.com/video/516955160" width="100%" height="300" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -176,7 +165,7 @@
 <section id="feature" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3><b>Step 2.</b> Join a live AMA</h3>
         <p>Still have questions? Every Tuesday and Thursday, the Puckboard team hosts a live AMA to answer any questions, announce new releases, and provide live training. On Thursdays, the team also provides information on Mattermost and relevant integrations.</p>
 
@@ -187,21 +176,21 @@
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://www.zoomgov.com/webinar/register/WN_twc4s9J9R8CobpPkx6lazA">Register for Tuesday</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://www.zoomgov.com/webinar/register/WN_twc4s9J9R8CobpPkx6lazA">Register for Tuesday</a>
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://www.zoomgov.com/webinar/register/WN_bYQu-i03ST-Im5Ae5wl2aQ">Register for Thursday</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://www.zoomgov.com/webinar/register/WN_bYQu-i03ST-Im5Ae5wl2aQ">Register for Thursday</a>
         
         
         
 
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
         
-        <img src="../images/zoom.png">
+        <img class="my-md-5 my-lg-0" src="../images/zoom.png">
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -209,7 +198,7 @@
 <section id="feature" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3><b>Step 3.</b> Sign up for Platform One SSO</h3>
         <p><i>Already a Mattermost user? You can skip to step 4.</i></p>
 
@@ -220,17 +209,17 @@
         
         
         
-        <a class="btn btn-primary btn-lg" target="_blank" href="/p1/">Create your P1 Account</a>
+        <a class="btn btn-primary btn-lg mt-5" target="_blank" href="/p1/">Create your P1 Account</a>
         
         
         
 
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
         
-        <img src="/puckboard/images/jira.png">
+        <img class="my-md-5 my-lg-0" src="/puckboard/images/jira.png">
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -238,7 +227,7 @@
 <section id="feature" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3><b>Step 4.</b> Submit a request to create your unit in Puckboard</h3>
         <p>Now that you have a P1 SSO account, you can login to our Service Desk and request a new unit for Puckboard.</p>
 
@@ -249,17 +238,17 @@
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://jira.il2.dso.mil/servicedesk/customer/portal/68/create/306">Take me to the form!</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://jira.il2.dso.mil/servicedesk/customer/portal/68/create/306">Take me to the form!</a>
         
         
         
 
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
         
-        <img src="/puckboard/images/pb.png">
+        <img class="my-md-5 my-lg-0" src="/puckboard/images/pb.png">
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -267,7 +256,7 @@
 <section id="feature" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3><b>Step 5.</b> Implement and train</h3>
         <p>This is the fun part, where you get to work with the training and onboarding team to implement Puckboard for your unit.</p>
 
@@ -278,21 +267,21 @@
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://confluence.il2.dso.mil/display/puckboardhelp/Puckboard+Knowledge+Base">Knowledge Base</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://confluence.il2.dso.mil/display/puckboardhelp/Puckboard+Knowledge+Base">Knowledge Base</a>
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://chat.il4.dso.mil/signup_user_complete/?id=6et69u6g9prnd8i59b8yw9n7zw">Mattermost Team</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://chat.il4.dso.mil/signup_user_complete/?id=6et69u6g9prnd8i59b8yw9n7zw">Mattermost Team</a>
         
         
         
 
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
         
-        <img src="/puckboard/images/gantticon.png">
+        <img class="my-md-5 my-lg-0" src="/puckboard/images/gantticon.png">
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -300,7 +289,7 @@
 <section id="feature" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3><b>Step 6.</b> Go-Live</h3>
         <p>Okay, we take it back. THIS is the fun part. After determining readiness and ensuring access to all of the support resources, you get to launch Puckboard as the source of truth for your schedule and join the growing legion of Puckboarders!</p>
 
@@ -310,12 +299,12 @@
 
         
 
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
         
-        <img src="/puckboard/images/patches.png">
+        <img class="my-md-5 my-lg-0" src="/puckboard/images/patches.png">
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -323,7 +312,7 @@
 <section id="feature" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3><b>Step 7.</b> Get involved</h3>
         <p>Puckboard is developed using User Centered Design and Agile methodology, meaning that we fight for you, the user.</p>
 
@@ -334,25 +323,25 @@
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://jira.il2.dso.mil/servicedesk/customer/portal/68/create/305">Suggest a feature</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://jira.il2.dso.mil/servicedesk/customer/portal/68/create/305">Suggest a feature</a>
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://confluence.il2.dso.mil/display/puckboardhelp/Puckboard+Roadmap">Roadmap</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://confluence.il2.dso.mil/display/puckboardhelp/Puckboard+Roadmap">Roadmap</a>
         
         
         
-        <a class="btn btn-primary btn-lg" href="https://confluence.il2.dso.mil/display/puckboardhelp/Frequently+Asked+Questions">FAQ</a>
+        <a class="btn btn-primary btn-lg mt-5" href="https://confluence.il2.dso.mil/display/puckboardhelp/Frequently+Asked+Questions">FAQ</a>
         
         
         
 
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
         
-        <img src="/puckboard/images/roadmap.png">
+        <img class="my-md-5 my-lg-0" src="/puckboard/images/roadmap.png">
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -362,7 +351,7 @@
 <section id="intro" style="border-bottom: 1px double #ddd;">
   <div class="container">
     <div class="row">
-      <div class=" col-md-12">
+      <div class=" col-lg-12">
         <h3>Thank you.</h3>
         <p style="width: 75%;">If you have questions or comments, drop us a note in Mattermost or come to an AMA! We appreciate every single one of you, happy Puckboarding!</p>
       </div>
@@ -373,11 +362,11 @@
 <section class="cta white" style="background-color: #454355">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3>Ready to get started?</h3>
         <h4>Get started today or contact us</h4>
       </div>
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         
         <a class="btn btn-primary btn-lg" href="mailto:puckboard.tron@afwerx.af.mil">Contact us</a>
         
@@ -401,7 +390,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -424,5 +413,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/puckboard/index.html b/sites/tron-site/puckboard/index.html
index 4848128ba60cca33313afced78c91524a92b0b8f..861358fbb838677c23b58e10c017d909fd803bc9 100644
--- a/sites/tron-site/puckboard/index.html
+++ b/sites/tron-site/puckboard/index.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Puckboard</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -37,30 +38,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-<script src="/js/product.js"></script>
-
-
-
-<script src="/js/puckboard.js"></script>
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -81,65 +58,74 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <style>
   :root {
     --timeline: #3fb599;
@@ -149,9 +135,11 @@
 <section id="slider">
   <div class="container">
     <div class="row">
-      <div class="col-md-10 col-md-offset-2">
+      <div class="col-lg-10 col-lg-offset-2">
         <div class="block">
-          <h1 class="animated fadeInUp"><img src="./images/Puckboard_Wordmark_WH.svg" alt="puckboard" style="width:50%; height:50%"/></h1>
+          <h1 class="animated fadeInUp">
+            <img src="./images/Puckboard_Wordmark_WH.svg" alt="puckboard" style="width: auto; height: 70px;"/>
+          </h1>
           <h3 class="animated fadeInUp">
             The future of collaborative scheduling in the DoD
           </h3>
@@ -168,20 +156,20 @@
   <div class="container">
   <div class="row">
       
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3>Schedule Anytime, Anywhere</h3>
         <p>Puckboard is a live, collaborative scheduling platform available to servicemembers around the globe on your desktop, phone, or tablet. Anywhere you have the internet!<br><br> <b>Puckboard is fully accredited on the military network for your mission data, using the same account login as other Platform One apps such as Mattermost, and best of all - it's completely free!</b></p>
 
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
       
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         
         <div class="iframe-container">
           <iframe class="embed-video" src="https://player.vimeo.com/video/519703781" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
         </div>
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
       
     </div>
   </div>
@@ -191,18 +179,18 @@
   <div class="container">
   <div class="row">
       
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         
-        <img class="img-responsive" src="/puckboard/images/Puckboard_Settings_page.png" width="500">
+        <img class="img-fluid" src="/puckboard/images/Puckboard_Settings_page.png" width="500">
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
       
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3>Let us do the heavy lifting</h3>
         <p>Build a schedule in minutes, with customizable roles, event types, and conflict settings. View your squadron or unit roster while you’re building the schedule, and see in real time who is available for missions.</p>
 
         
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
       
     </div>
   </div>
@@ -212,40 +200,55 @@
 <section class="resources altBgs">
   <div class="container">
       <div class="row">
-          <div class="col-md-12">
+          <div class="col-lg-12">
               <h2 class="center">Learn what Puckboard can do for you</h2>
           </div>
       </div>
-      <div class="row padding">
+      <div class="row row-cols-1 row-cols-lg-3 padding">
         
-        <div class="col-md-4 center">
-          <div class="card">
-            
-            <img class="img-responsive center-block" src="/puckboard/images/requests.svg" style="height: 100px;"/>
-            
+        <div class="col mb-4 mb-md-0">
+          <div class="card h-100">
+            <div class="card-img-container d-flex align-items-center">
+              
+              <img class="card-img-top" src="/puckboard/images/requests.svg"/>
+              
+            </div>
+
+            <div class="card-body py-0">
+              <h4 class="card-title my-5">Event Volunteering</h4>
+              <p class="card-text">Easily request open positions on flights, sims, or ground events from your personal device, anywhere in the world...without needing a lengthy text chain to your schedulers.</p>
+            </div>
           </div>
-          <h4>Event Volunteering</h4>
-          <p class="content-descriptor">Easily request open positions on flights, sims, or ground events from your personal device, anywhere in the world...without needing a lengthy text chain to your schedulers.</p>
         </div>
         
-        <div class="col-md-4 center">
-          <div class="card">
-            
-            <iframe src="https://player.vimeo.com/video/519703716?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="100%" height="240" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
-            
+        <div class="col mb-4 mb-md-0">
+          <div class="card h-100">
+            <div class="card-img-container d-flex align-items-center">
+              
+              <iframe class="card-img-top" src="https://player.vimeo.com/video/519703716?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="100%" height="240" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+              
+            </div>
+
+            <div class="card-body py-0">
+              <h4 class="card-title my-5">Conflict Resolution</h4>
+              <p class="card-text">Quickly identify and resolve conflicts, even when crewmembers are scheduled separately by two different organizations.</p>
+            </div>
           </div>
-          <h4>Conflict Resolution</h4>
-          <p class="content-descriptor">Quickly identify and resolve conflicts, even when crewmembers are scheduled separately by two different organizations.</p>
         </div>
         
-        <div class="col-md-4 center">
-          <div class="card">
-            
-            <img class="img-responsive center-block" src="/puckboard/images/checkfilled.svg" style="height: 100px;"/>
-            
+        <div class="col mb-4 mb-md-0">
+          <div class="card h-100">
+            <div class="card-img-container d-flex align-items-center">
+              
+              <img class="card-img-top" src="/puckboard/images/checkfilled.svg"/>
+              
+            </div>
+
+            <div class="card-body py-0">
+              <h4 class="card-title my-5">Crew Availability</h4>
+              <p class="card-text">View available crewmembers before accidentally scheduling someone for two flights at the same time.</p>
+            </div>
           </div>
-          <h4>Crew Availability</h4>
-          <p class="content-descriptor">View available crewmembers before accidentally scheduling someone for two flights at the same time.</p>
         </div>
         
       </div>
@@ -255,15 +258,15 @@
 <section class="cta altBgs">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3>Ready to get started?</h3>
         <h4>Get started today or contact us</h4>
       </div>
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         
-        <a class="btn btn-primary btn-lg" href="/puckboard/getstarted/">Onboard with us</a>
+        <a class="btn btn-primary btn-lg mb-2" href="/puckboard/getstarted/">Onboard with us</a>
         
-        <a class="btn btn-primary btn-lg" href="mailto:puckboard.tron@afwerx.af.mil">Contact us</a>
+        <a class="btn btn-primary btn-lg mb-2" href="mailto:puckboard.tron@afwerx.af.mil">Contact us</a>
         
         
       </div>
@@ -274,13 +277,13 @@
 <section class="feature altBgs">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3>Access your schedule on your device</h3>
         <p>Puckboard is available anywhere you have internet access and a browser including your work computer, EFB, or personal phone. The mobile view is optimized for all devices, adding needed flexibility to your operations.</p>
-      </div><!-- .col-md-6 close -->
-      <div class="col-md-6 col-sm-12">
-        <img class="img-responsive" src="/puckboard/images/mobile.png" width="500">
-      </div><!-- .col-md-6 close -->
+      </div><!-- .col-lg-6 close -->
+      <div class="col-lg-6 col-md-12">
+        <img class="img-fluid" src="/puckboard/images/mobile.png" width="500">
+      </div><!-- .col-lg-6 close -->
     </div>
   </div>
 </section>
@@ -288,54 +291,54 @@
 <section class="resources altBgs">
   <div class="container">
       <div class="row">
-          <div class="col-md-12">
+          <div class="col-lg-12">
               <h2 class="center">What's new in Puckboard?</h2>
           </div>
       </div>
       <div class="row padding">
         
-        <div class="col-md-2 center">
-          <div class="card green center-block">
+        <div class="col-lg-2 center">
+          <div class="card green mx-auto">
             <h4>Mobile Improvements</h4>
           </div>
           <!-- <h4>Mobile Improvements</h4> -->
           <p class="content-descriptor">Access your schedule from any device with internet connection, make requests, and approve them all on your phone.</p>
         </div>
         
-        <div class="col-md-2 center">
-          <div class="card green center-block">
+        <div class="col-lg-2 center">
+          <div class="card green mx-auto">
             <h4>Multi-week View</h4>
           </div>
           <!-- <h4>Multi-week View</h4> -->
           <p class="content-descriptor">View your schedule across multiple weeks with the click of a button, with easy filters available to view by personnel or event type.</p>
         </div>
         
-        <div class="col-md-2 center">
-          <div class="card green center-block">
+        <div class="col-lg-2 center">
+          <div class="card green mx-auto">
             <h4>Performance Improvements & Bug Fixes</h4>
           </div>
           <!-- <h4>Performance Improvements & Bug Fixes</h4> -->
           <p class="content-descriptor">Improvements to loading time and bug fixes for multiple features.</p>
         </div>
         
-        <div class="col-md-2 center">
-          <div class="card green center-block">
+        <div class="col-lg-2 center">
+          <div class="card green mx-auto">
             <h4>Restructured Permission Set</h4>
           </div>
           <!-- <h4>Restructured Permission Set</h4> -->
           <p class="content-descriptor">Added functionality for Squadron POCs and Organizational Admins, with greater flexibility to scale fast and securely.</p>
         </div>
         
-        <div class="col-md-2 center">
-          <div class="card green center-block">
+        <div class="col-lg-2 center">
+          <div class="card green mx-auto">
             <h4>Delete / Cancel Requests</h4>
           </div>
           <!-- <h4>Delete / Cancel Requests</h4> -->
           <p class="content-descriptor">Delete or cancel requests after review, improving communications within your squadron.</p>
         </div>
         
-        <div class="col-md-2 center">
-          <div class="card green center-block">
+        <div class="col-lg-2 center">
+          <div class="card green mx-auto">
             <h4>Puckboard Logging Beta</h4>
           </div>
           <!-- <h4>Puckboard Logging Beta</h4> -->
@@ -351,7 +354,7 @@
 <section class="timeline altBgs">
     <div class="timeline">
       <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
           <h2 class="center">What's next for Puckboard?</h2>
           <div class="header-descriptor">
               <p></p>
@@ -408,32 +411,34 @@
 <section id="faq" class="faq altBgs">
   <div class="container">
       <div class="row">
-          <div class="col-md-12">
+          <div class="col-lg-12">
               <h2 class="center">Frequently Asked Questions (FAQs)</h2>
           </div>
       </div>
       <div class="row padding">
-        
-        <button class="accordion">What is Puckboard?</button>
-        <div class="panel">
-          <p>Puckboard is a collaborative scheduling software that was created by an AF organization known as TRON, comprised of both active duty and guard/reserve military members that is hosted within the DoD’s cyber infrastructure. Puckboard is accessible on any device connected to the internet, both government devices on the military network as well as personal devices with any kind of civilian internet access around the globe. Puckboard was originally designed as a modern solution for flying units to efficiently schedule aircrew in a way that minimized input required by scheduling teams while maximizing visibility by the aircrew.</p>
-        </div>
-        
-        <button class="accordion">How is Puckboard accessible anywhere?</button>
-        <div class="panel">
-          <p>Puckboard utilizes the DoD’s Platform One (P1) architecture to provide secure, approved delivery of IL-4 data to any device. The P1 structure allows a user to login to hosted web apps using Single Sign On (SSO) and Multi-Factor Authentication(MFA) such as Google Authenticator. Each user is capable of using either 1) a username + password + MFA or 2) CAC card + pin to log into any P1 hosted software from any regular web browser and URL. Some applications like Mattermost (MM) even have approved iOS and Android native apps.</p>
-        </div>
-        
-        <button class="accordion">Is Puckboard legal?</button>
-        <div class="panel">
-          <p>Puckboard lives completely within the P1 framework and complies with all federal and DoD security requirements. They operate under the PartyBus continuous ATO and employ a cybersecurity method known as DevSecOps which bakes in security requirements at every step of the coding, testing, evaluation, and launch process. Puckboard currently operates at ImpactLevel 4 (IL-4) and each unit is responsible for ensuring their use case is capable of IL-4 dissemination. Our team can help answer any security questions and provide expanded security & ATO paperwork if requested. <br><br> <a class="normal-link" target="_blank" href="../p1/resources/(U)Platform_One_ATO-ATD-12AUG2023-Signed.pdf">Platform One ATO</a></p>
-        </div>
-        
-        <button class="accordion">Who pays for Puckboard?</button>
-        <div class="panel">
-          <p>Puckboard is currently paid for through a combination of AF level Innovation funds and Federal Small Business Innovation Research (SBIR) funds. The program is fully funded through 2023 and is gaining support at the MAJCOM level for Program of Record funding for the future.</p>
+        <div id="faqAccordion" class="accordion">
+          
+          <button class="custom-accordion">What is Puckboard?</button>
+          <div class="panel my-2">
+            <p>Puckboard is a collaborative scheduling software that was created by an AF organization known as TRON, comprised of both active duty and guard/reserve military members that is hosted within the DoD’s cyber infrastructure. Puckboard is accessible on any device connected to the internet, both government devices on the military network as well as personal devices with any kind of civilian internet access around the globe. Puckboard was originally designed as a modern solution for flying units to efficiently schedule aircrew in a way that minimized input required by scheduling teams while maximizing visibility by the aircrew.</p>
+          </div>
+          
+          <button class="custom-accordion">How is Puckboard accessible anywhere?</button>
+          <div class="panel my-2">
+            <p>Puckboard utilizes the DoD’s Platform One (P1) architecture to provide secure, approved delivery of IL-4 data to any device. The P1 structure allows a user to login to hosted web apps using Single Sign On (SSO) and Multi-Factor Authentication(MFA) such as Google Authenticator. Each user is capable of using either 1) a username + password + MFA or 2) CAC card + pin to log into any P1 hosted software from any regular web browser and URL. Some applications like Mattermost (MM) even have approved iOS and Android native apps.</p>
+          </div>
+          
+          <button class="custom-accordion">Is Puckboard legal?</button>
+          <div class="panel my-2">
+            <p>Puckboard lives completely within the P1 framework and complies with all federal and DoD security requirements. They operate under the PartyBus continuous ATO and employ a cybersecurity method known as DevSecOps which bakes in security requirements at every step of the coding, testing, evaluation, and launch process. Puckboard currently operates at ImpactLevel 4 (IL-4) and each unit is responsible for ensuring their use case is capable of IL-4 dissemination. Our team can help answer any security questions and provide expanded security & ATO paperwork if requested. <br><br> <a class="normal-link" target="_blank" href="../p1/resources/(U)Platform_One_ATO-ATD-12AUG2023-Signed.pdf">Platform One ATO</a></p>
+          </div>
+          
+          <button class="custom-accordion">Who pays for Puckboard?</button>
+          <div class="panel my-2">
+            <p>Puckboard is currently paid for through a combination of AF level Innovation funds and Federal Small Business Innovation Research (SBIR) funds. The program is fully funded through 2023 and is gaining support at the MAJCOM level for Program of Record funding for the future.</p>
+          </div>
+          
         </div>
-        
       </div>
   </div>
 </section>
@@ -441,15 +446,15 @@
 <section class="cta altBgs">
   <div class="container">
     <div class="row">
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         <h3>Ready to get started?</h3>
         <h4>Get started today or contact us</h4>
       </div>
-      <div class="col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-12">
         
-        <a class="btn btn-primary btn-lg" href="/puckboard/getstarted/">Onboard with us</a>
+        <a class="btn btn-primary btn-lg mb-2" href="/puckboard/getstarted/">Onboard with us</a>
         
-        <a class="btn btn-primary btn-lg" href="mailto:puckboard.tron@afwerx.af.mil">Contact us</a>
+        <a class="btn btn-primary btn-lg mb-2" href="mailto:puckboard.tron@afwerx.af.mil">Contact us</a>
         
         
       </div>
@@ -469,7 +474,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -492,5 +497,33 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+<script src="/js/product.js"></script>
+
+
+
+<script src="/js/puckboard.js"></script>
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/services/common-links.html b/sites/tron-site/services/common-links.html
index 913888248386b52c53c77b4a18aefb9f0ce71ab2..ee345dd2e23dff5106cec0ff3a0e8951c98e38cc 100644
--- a/sites/tron-site/services/common-links.html
+++ b/sites/tron-site/services/common-links.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Common Links</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -37,26 +38,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -77,65 +58,74 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-auto">
+                <li class="nav-item">
+                  <a class="nav-link" href="/">Home</a>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
+                </li>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <style>
     :root {
       --resources: #1d192c;
@@ -265,7 +255,7 @@
 <section id="call-to-action">
     <div class="container">
       <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
           <div class="block">
             <!-- <h2>View our Portfolio</h2> -->
             <!-- <p>
@@ -274,7 +264,7 @@
               at your unit, take a look at our Portfolio/Partners to see what work is 
               currently being done! 
             </p>
-            <a class="btn btn-default btn-call-to-action" href="/portfolio/"
+            <a class="btn btn-secondary btn-call-to-action" href="/portfolio/"
               >View our Partners & Portfolio</a
             > -->
             <h2>Interested?</h2>
@@ -283,7 +273,7 @@
               or would like to build a local <em><b>#PoweredByTron</b></em> software development team
               at your unit, reach out! 
             </p>
-            <a class="btn btn-default btn-call-to-action" href="/contact/"
+            <a class="btn btn-secondary btn-call-to-action" href="/contact/"
               >Contact Us</a
             >
           </div>
@@ -304,7 +294,7 @@
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -327,5 +317,29 @@
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/services/mentorship.html b/sites/tron-site/services/mentorship.html
index b7f62fd44e8c495e85b8bdd9472d71dcac5e9807..4ae758fdffd6285fba1452d4934b0a0ec383c4a1 100644
--- a/sites/tron-site/services/mentorship.html
+++ b/sites/tron-site/services/mentorship.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Community-Driven Software Development & Mentorship</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Community-Driven Software Development & Mentorship</h1>
-            
-            <hr />
-            <p><h3 id="problem">Problem</h3>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Community-Driven Software Development & Mentorship</h1>
+          
+          <hr />
+          <p><h3 id="problem">Problem</h3>
 
 <p>Servicemembers are part of a digitally-native generation, yet do not have access to the data systems and software
 needed to work in a modern era.  Many unit processes are manual, with data input, retrieval,
@@ -204,10 +193,9 @@ Once you have been assessed &amp; approved by a certified by a <span style="colo
 <p><strong><em><code class="language-plaintext highlighter-rouge">Deploy:</code></em></strong> 
 The best part!  Once you have completed your learning pathway, proven the viability of your product, have a passing DevSecOps pipeline, understand the components of the Continuous Authority to Operate, and your mentor is comfortable with your ability to run a production system, you will be placed into a “Path to Prod” sprint with the goal of receiving full accreditation to deploy on a military network.</p>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -233,7 +221,7 @@ The best part!  Once you have completed your learning pathway, proven the viabil
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -256,5 +244,29 @@ The best part!  Once you have completed your learning pathway, proven the viabil
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/services/talent-development.html b/sites/tron-site/services/talent-development.html
index a0d9af7a1a738b398276a3a763c3b5fc5e103232..5843b1bbd7365424420271799cc8eb9ad241935d 100644
--- a/sites/tron-site/services/talent-development.html
+++ b/sites/tron-site/services/talent-development.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Focused Talent Development</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,77 +56,85 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Focused Talent Development</h1>
-            
-            <hr />
-            <p><h3 id="in-progresscome-back-soon">In Progress…come back soon!!</h3>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Focused Talent Development</h1>
+          
+          <hr />
+          <p><h3 id="in-progresscome-back-soon">In Progress…come back soon!!</h3>
 
 <!-- If you are an innovation cell, software factory, service
 representative, or programmatic effort looking to upskill at scale,
@@ -158,10 +147,9 @@ immersive software experience.  Here is how it works:
 - outcome
 - are you planning on purchasing your own or taking advantage of paid opportunity -->
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -187,7 +175,7 @@ immersive software experience.  Here is how it works:
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -210,5 +198,29 @@ immersive software experience.  Here is how it works:
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
diff --git a/sites/tron-site/tutorials/quick-links.html b/sites/tron-site/tutorials/quick-links.html
index 3b9704c45f0ea22b7c73820669d35abd0afb5218..6d4b933ce0d0e714aefd407e7f29258fdc7d2a81 100644
--- a/sites/tron-site/tutorials/quick-links.html
+++ b/sites/tron-site/tutorials/quick-links.html
@@ -1,19 +1,20 @@
-<!DOCTYPE html>
-<html class="no-js">
+<!doctype html>
+<html lang="en" class="no-js">
   <head>
 
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Getting a Platform One Single-Sign On Account</title>
 <meta name="description" content="">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
 <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 <link rel="shortcut icon" type="image/png" href="/favicon.png">
 
 <!-- CSS -->
 <link rel="stylesheet" href="/css/owl.carousel.css" />
-<link rel="stylesheet" href="/css/bootstrap.min.css" />
+<!-- <link rel="stylesheet" href="/css/bootstrap.min.css" /> -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
 <link rel="stylesheet" href="/css/font-awesome.min.css" />
 <link rel="stylesheet" href="/css/airspace.css" />
 <link rel="stylesheet" href="/css/style.css" />
@@ -35,26 +36,6 @@
 <link rel="stylesheet" href="/css/custom.css" />
 
 
-
-<!-- Js -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
-<script src="/js/bootstrap.min.js"></script>
-<script src="/js/owl.carousel.min.js"></script>
-<script src="/js/plugins.js"></script>
-<script src="/js/min/waypoints.min.js"></script>
-<script src="/js/jquery.counterup.js"></script>
-
-
-<script src="/js/main.js"></script>
-
-
-
-
-
-<!-- ionicons -->
-<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
-
 <!--
 /*
  * Airspace
@@ -75,86 +56,93 @@
 <header>
 <div class="container">
   <div class="row">
-    <div class="col-md-12">
-      <!-- header Nav Start -->
-      <nav class="navbar navbar-default">
-        <div class="container-fluid">
-          <!-- Brand and toggle get grouped for better mobile display -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            </button>
+    <div class="col-lg-12">
+      <!-- nav start -->
+      <nav class="navbar navbar-expand-md navbar-light px-0">
+        <!-- brand -->
+        <!-- <div class="row">
+          <div class="col-lg-3"> -->
             <a class="navbar-brand" href="/index.html">
-              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
+              <img class="img-responsive" src="/img/logo.png" style="max-height:50px;" alt="Logo">
             </a>
-          </div>
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-              <ul class="nav navbar-nav navbar-right">
-                <li><a href="/">Home</a></li>
-                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
-                <li class="dropdown">
-                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
-                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
-                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
-                  </ul>
+          <!-- </div> -->
+          
+          <!-- <div class="col-lg-7 offset-lg-2"> -->
+            <!-- toggle -->
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse offset-md-2" id="navbarSupportedContent">
+              <hr class="d-block-lg">
+              <ul class="navbar-nav ml-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="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Services
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/learning/pathways/">Learning Pathways</a>
+                    <a class="dropdown-item" href="/services/mentorship.html">Guided Mentorship</a>
+                    <a class="dropdown-item" href="/services/talent-development.html">Tron Node Buildout</a>
+                  </div>
                 </li>
-                <li class="dropdown">
-                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/puckboard/">About Puckboard</a></li>
-                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
-                    <li><a href="/p1/">Platform 1</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Puckboard
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/puckboard/">About Puckboard</a>
+                    <a class="dropdown-item" href="/puckboard/getstarted/">Get Started</a>
+                    <a class="dropdown-item" href="/p1/">Platform 1</a>
+                    <a class="dropdown-item" href="/portfolio/pbl/">Puckboard Logging</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/#service">Resources</a></li> -->
-                <li class="dropdown">
-                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="/services/common-links.html">Common Links</a></li>
-                    <li><a href="https://tron.substack.com/">Blog</a></li>
-                    <li><a href="/contact/">Contact</a></li>
-                  </ul>
+                <li class="nav-item dropdown">
+                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    Resources
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                    <a class="dropdown-item" href="/services/common-links.html">Common Links</a>
+                    <a class="dropdown-item" href="https://tron.substack.com/">Blog</a>
+                    <a class="dropdown-item" href="/contact/">Contact</a>
+                  </div>
                 </li>
-                <!-- <li><a href="/partners/">Partners</a></li> -->
-                <!-- <li><a href="/blog/">Blog</a></li> -->
               </ul>
-            </div><!-- /.navbar-collapse -->
-          </div><!-- /.container-fluid -->
-        </nav>
-      </div>
+            </div>
+          <!-- </div>
+        </div> -->
+      </nav>
+      <!-- nav end -->
     </div>
   </div>
+</div>
 </header><!-- header close -->
 
 
 
+
     <div class="document">
   <!-- Wrapper Start -->
   <section id="intro" style="border: 1px dotted #ddd">
   <div class="container">
-    <div class="container-padded">
-      <div class="row">
-        <div>
-          <div class="block">
-            <h1>Getting a Platform One Single-Sign On Account</h1>
-            
-            <hr />
-            <p><p>Couple ways to get started:</p>
+    <div class="row">
+      <!-- <div class="block"> -->
+        <div class="col-12">
+          <h1>Getting a Platform One Single-Sign On Account</h1>
+          
+          <hr />
+          <p><p>Couple ways to get started:</p>
 
 <p>Join the discussion on P1 Mattermost: Airmen Coders Team
 Submit a Pull Request on our Github: Airmen Coders Github
 Formal Training: Software Development Immersive</p>
 </p>
-          </div>
         </div>
-        <!-- .col-md-7 close -->
-      </div>
+      <!-- </div> -->
+      <!-- .col-lg-7 close -->
     </div>
   </div>
 </section>
@@ -180,7 +168,7 @@ Formal Training: Software Development Immersive</p>
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-md-12">
+      <div class="col-lg-12">
         <div class="footer-manu">
           <ul>
             <li><a href="/">Home</a></li>
@@ -203,5 +191,29 @@ Formal Training: Software Development Immersive</p>
 </footer>
 
 
+    <!-- Js -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+<script src="/js/bootstrap.min.js"></script>
+<!-- jQuery and Bootstrap Bundle (includes Popper) -->
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+<!-- jQuery and Bootstrap bundle - end -->
+<script src="/js/owl.carousel.min.js"></script>
+<script src="/js/plugins.js"></script>
+<script src="/js/min/waypoints.min.js"></script>
+<script src="/js/jquery.counterup.js"></script>
+
+
+<script src="/js/main.js"></script>
+
+
+
+
+
+<!-- ionicons -->
+<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
+
+
     </body>
 </html>
