Page Formating

Add buttons in place of links
Add dropdown menu for projects page navbar

index.html

@@ -59,11 +59,15 @@ <h1>CoLabs Home</h1>
     <p>
       There are 5 kinds of projects we work with:
     <ul>
-      <li><a href="#OpenSource">Open Source</a></li>
-      <li><a href="#ClosedSource">Closed Source</a></li>
-      <li><a href="#MonetisationEffortBased">Monetisation Effort Based</a></li>
-      <li><a href="#Infrastructure">Infrastructure projects</a></li>
-      <li><a href="#Client">Client projects</a></li>
+      <li><a href="#OpenSource" class="btn btn-dark">Open Source</a></li>
+      <br>
+      <li><a href="#ClosedSource"class="btn btn-secondary"> Closed Source</a></li>
+      <br>
+      <li><a href="#MonetisationEffortBased"class="btn btn-success">Monetisation Effort Based</a></li>
+      <br>
+      <li><a href="#Infrastructure"class="btn btn-primary">Infrastructure projects</a></li>
+      <br>
+      <li><a href="#Client"class="btn btn-warning">Client projects</a></li>
     </ul>
     </p>
     <p>

projects.html

@@ -21,25 +21,11 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="index.html">Home</a>
+            <a class="nav-link" href="index.html">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#">Projects</a>
+            <a class="nav-link active" aria-current="page" href="#">Projects</a>
           </li>
-          <!-- <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Dropdown
-              </a>
-              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                <li><a class="dropdown-item" href="#">Action</a></li>
-                <li><a class="dropdown-item" href="#">Another action</a></li>
-                <li><hr class="dropdown-divider"></li>
-                <li><a class="dropdown-item" href="#">Something else here</a></li>
-              </ul>
-            </li> 
-            <li class="nav-item">
-              <a class="nav-link disabled">Disabled</a>
-            </li> -->
         </ul>
         <form class="d-flex" role="search">
           <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
@@ -60,20 +46,20 @@ <h1>CoLabs Projects Listing</h1>
       </p>
       <p>
         Feel free to fill out this form to have your project listed
-        <a href="https://airtable.com/shrahlgmnr7Zhqcbz/">here</a>
+        <a href="https://airtable.com/shrahlgmnr7Zhqcbz/"class="btn btn-primary">here</a>
       </p>
       <p>
         We will then add you to the git repository for this page so you can maintain your project
         details. To update your content create an issue and a branch from it on:
         <br /><br />
-        <a href="https://github.com/SpaceyaTech/CoLabs">https://github.com/SpaceyaTech/CoLabs</a>
+        <a href="https://github.com/SpaceyaTech/CoLabs"class="btn btn-success">Contribute to CoLabs on Github</a>
         <br /><br />
         When your are ready to publish create a merge request and we will review your edits.
       </p>
       <p>
         Some projects are hosted within the SpaceYaTech organisation:
         <br /><br />
-        <a href="https://github.com/SpaceyaTech/">https://github.com/SpaceyaTech/</a>
+        <a href="https://github.com/SpaceyaTech/"class="btn btn-dark">Explore SpaceyaTech on Github</a>
       </p>
     </div>
     <br /><br />

projects/symbiont/index.html

@@ -21,11 +21,20 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav me-auto mb-2 mb-lg-0">
           <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="../../index.html">Home</a>
+            <a class="nav-link" href="../../index.html">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="../../projects.html">Projects</a>
+            <a class="nav-link active" aria-current="page" href="../../projects.html">Projects</a>
           </li>
+          <li class="nav-item dropdown">
+              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                Symbiont
+              </a>
+              <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                <li><a class="dropdown-item" href="#">Onbording</a></li>
+                <li><hr class="dropdown-divider"></li>
+              </ul>
+            </li> 
         </ul>
       </div>
     </div>