Updated to bring current with WebJROTC

css/style.css

@@ -1,87 +1,121 @@
-    .clickable {
+.accountbutton {
+  display: inline-block;
+}
+
+.centere {
+  width: 100%;
+  text-align: center
+}
+
+.centered {
+  margin: auto;
+  display: inline-block;
+}
+
+.clickable {
   cursor: pointer;
-    }
-    .ad2hs-prompt {
+}
+
+.no-under a {
+  text-decoration: none;
+  font-weight: bold;
+  color: black;
+  
+}
+
+.ad2hs-prompt {
   background-color: green;
   color: white;
   text-align: center;
   cursor: pointer;
   line-height: 30px;
-    }
+}
 
-    .mdl-card {
+.mdl-card {
   width: 320px;
   height: 320px;
-    }
+}
 
-    table {
+table {
   margin-left: auto;
   margin-right: auto;
-    }
+}
 
-    .resources > .mdl-card__title {
-      color: #000;
-      background: url('../assets/resources.png') bottom right 15% no-repeat #46B6AC;
-      background-color: white;
-    }
-    
-    .youtube > .mdl-card__title {
+.youtube > .mdl-card__title {
   color: #000;
   background: url('../assets/youtube.png') bottom right 15% no-repeat #46B6AC;
   background-color: white;
-    }
+}
 
-    .facebook > .mdl-card__title {
+.facebook > .mdl-card__title {
   color: #000;
   background: url('../assets/facebook.png') bottom right 15% no-repeat #46B6AC;
   background-color: white;
-    }
+}
 
-    .signups > .mdl-card__title {
+.signups > .mdl-card__title {
   color: #000;
   background: url('../assets/signup.png') bottom right 15% no-repeat #46B6AC;
   background-color: white;
-    }
+}
 
-    .ribbons > .mdl-card__title {
+.ribbons > .mdl-card__title {
   color: #000;
   background: url('../assets/ribbon.png') top left 15% no-repeat #46B6AC;
   background-color: white;
-    }
+}
 
-    .calendar.mdl-card {
+.resources > .mdl-card__title {
+  color: #000;
+  background: url('../assets/resources.png') bottom right 15% no-repeat #46B6AC;
+  background-color: white;
+}
+
+.alphacompany > .mdl-card__title {
+  color: #000;
+  background: url('../alpha.png') bottom right 15% no-repeat #46B6AC;
+  background-color: white;
+}
+
+.bravocompany > .mdl-card__title {
+  color: #000;
+  background: url('../bravo.png') bottom right 15% no-repeat #46B6AC;
+  background-color: white;
+}
+
+.calendar.mdl-card {
   width: 320px;
   height: 320px;
   background: #3E4EB8;
-    }
+}
 
-    .calendar > .mdl-card__actions {
+.calendar > .mdl-card__actions {
   border-color: rgba(255, 255, 255, 0.2);
-    }
+}
 
-    .calendar > .mdl-card__title {
+.calendar > .mdl-card__title {
   align-items: flex-start;
   display: inline-block;
   vertical-align: middle;
   line-height: normal;
-    }
+}
 
-    .calendar > .mdl-card__title > h4 {
+.calendar > .mdl-card__title > h4 {
   margin-top: 0;
-    }
+}
 
-    .calendar > .mdl-card__actions {
+.calendar > .mdl-card__actions {
   display: flex;
   box-sizing: border-box;
   align-items: center;
-    }
+}
 
-    .calendar > .mdl-card__actions > .material-icons {
+.calendar > .mdl-card__actions > .material-icons {
   padding-right: 10px;
-    }
+}
 
-    .calendar > .mdl-card__title,
-    .calendar > .mdl-card__actions,
-    .calendar > .mdl-card__actions > .mdl-button {
+.calendar > .mdl-card__title,
+.calendar > .mdl-card__actions,
+.calendar > .mdl-card__actions > .mdl-button {
   color: #fff;
-    }
+}

index.html

@@ -141,6 +141,40 @@
                 </div>
               </td>
             </tr>
+            <tr>
+            <td>
+                <div class="alphacompany mdl-card mdl-shadow--2dp">
+                  <div class="mdl-card__title mdl-card--expand">
+                    <h2 class="mdl-card__title-text">Alpha Company</h2>
+                  </div>
+                  <div class="mdl-card__supporting-text">
+                    Information about Alpha Company is located here.
+                  </div>
+                  <div class="mdl-card__actions mdl-card--border">
+                    <a href="companies/alpha.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
+                    Enter
+                    </a>
+                  </div>
+                </div>
+              </td>
+            </tr>
+            <tr>
+            <td>
+                <div class="bravocompany mdl-card mdl-shadow--2dp">
+                  <div class="mdl-card__title mdl-card--expand">
+                    <h2 class="mdl-card__title-text">Bravo Company</h2>
+                  </div>
+                  <div class="mdl-card__supporting-text">
+                    Information about Bravo Company is located here.
+                  </div>
+                  <div class="mdl-card__actions mdl-card--border">
+                    <a href="companies/bravo.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
+                    Enter
+                    </a>
+                  </div>
+                </div>
+              </td>
+            </tr>
             <tr>
               <td>
                 <div class="resources mdl-card mdl-shadow--2dp">
@@ -164,14 +198,14 @@
               <td>
                 <div class="signups mdl-card mdl-shadow--2dp">
                   <div class="mdl-card__title mdl-card--expand">
-                    <h2 class="mdl-card__title-text">Sign Ups</h2>
+                    <h2 class="mdl-card__title-text">Blog</h2>
                   </div>
                   <div class="mdl-card__supporting-text">
-                    Access digital sign up sheets here.
+                    Access Nokomis JROTC's Blog here!
                   </div>
                   <div class="mdl-card__actions mdl-card--border">
-                    <a href="../WebJROTC/signups/index.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
-                    View Activities
+                    <a href="https://nokomisjrotc992024420.wordpress.com/" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
+                    View Blog
                     </a>
                   </div>
                 </div>