diff --git a/about.html b/about.html
new file mode 100644
index 0000000..030c962
--- /dev/null
+++ b/about.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link src="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+    <title>Help Code It</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+    <link href="./style.css" rel="stylesheet">
+</head>
+<body class="bg-dark">
+<!-- SECTION Navbar     -->
+<nav class="navbar navbar-expand-lg bg-dark border-bottom border-body text-white " data-bs-theme="dark">
+  <div class="container-fluid">
+    <a class="navbar-brand" href="#"><img src="./images/HELP Dark.png" class="navIcon border border-1 border-danger" ></a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0 text-white">
+        <li class="nav-item navText">
+          <a class="nav-link text-white navText" aria-current="page" href="/index.html">Home</a>
+        </li>
+        <li class="nav-item navText">
+          <a class="nav-link navText active" href="about.html">About</a>
+        </li>
+        <li class="nav-item navText">
+          <a class="nav-link navText" href="initialSetup.html">Getting Started</a>
+        </li>
+        <!-- 
+          <li class="nav-item dropdown navText">
+          <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            HTML & CSS
+          </a>
+          <ul class="dropdown-menu">
+            
+
+
+            <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
+            
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
+            <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
+
+            <li><hr class="dropdown-divider"></li>
+
+            <li><a class="dropdown-item" href="#">Placeholder</a></li>
+          </ul>
+        </li> -->
+        <li class="nav-item dropdown navText">
+          <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            JavaScript
+          </a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item navText" href="arraymethods.html">Array Methods</a></li>
+
+          </ul>
+        </li>
+      </ul>
+      <!-- <form class="d-flex" role="search">
+        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+        <button class="btn btn-outline-secondary" type="submit">Search</button>
+      </form> -->
+    </div>
+  </div>
+</nav>
+<!-- !SECTION End Nav -->
+
+<!-- SECTION Main Content -->
+ <div class="container  text-light">
+    <div class="row">
+        <div class="col-md-6 pt-5">
+            <h1 class="text-center display-1 indieFlower">About</h1>
+            <p class="indieFlower">This site is an open source project for the front end program with Promineo Tech. Promineo Tech is a coding bootcamp affiliated with numerous colleges. <a href="https://promineotech.com/" target="_blank">For more information click here.</a></p>
+        </div>
+        <div class="col-md-6 d-none d-md-block">
+            <a href="https://promineotech.com/" target="_blank"><img src="https://yt3.googleusercontent.com/ytc/AGIKgqNsLyDqHiBuzV-s344O-9PhJTRS5B-rP9VUXGDy=s900-c-k-c0x00ffffff-no-rj" class="img-fluid ptLogo m-4" alt="Promineo Tech Logo"></a>
+    </div>
+
+
+
+
+
+<!-- !SECTION end Main Content -->
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/arraymethods.html b/arraymethods.html
index 4540f4f..73dc3a5 100644
--- a/arraymethods.html
+++ b/arraymethods.html
@@ -22,12 +22,13 @@
           <a class="nav-link active text-white navText" aria-current="page" href="/index.html">Home</a>
         </li>
         <li class="nav-item navText">
-          <a class="nav-link navText" href="#">About</a>
+          <a class="nav-link navText" href="about.html">About</a>
         </li>
         <li class="nav-item navText">
           <a class="nav-link navText" href="initialSetup.html">Getting Started</a>
         </li>
-        <li class="nav-item dropdown navText">
+        <!-- 
+          <li class="nav-item dropdown navText">
           <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
             HTML & CSS
           </a>
@@ -45,7 +46,7 @@
 
             <li><a class="dropdown-item" href="#">Placeholder</a></li>
           </ul>
-        </li>
+        </li> -->
         <li class="nav-item dropdown navText">
           <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
             JavaScript
@@ -56,10 +57,10 @@
           </ul>
         </li>
       </ul>
-      <form class="d-flex" role="search">
+      <!-- <form class="d-flex" role="search">
         <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
         <button class="btn btn-outline-secondary" type="submit">Search</button>
-      </form>
+      </form> -->
     </div>
   </div>
 </nav>
diff --git a/index.html b/index.html
index 7c9d95b..8dafa89 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@
           <a class="nav-link active text-white navText" aria-current="page" href="/index.html">Home</a>
         </li>
         <li class="nav-item navText">
-          <a class="nav-link navText" href="#">About</a>
+          <a class="nav-link navText" href="about.html">About</a>
         </li>
         <li class="nav-item navText">
           <a class="nav-link navText" href="initialSetup.html">Getting Started</a>
@@ -57,10 +57,10 @@
           </ul>
         </li>
       </ul>
-      <form class="d-flex" role="search">
+      <!-- <form class="d-flex" role="search">
         <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
         <button class="btn btn-outline-secondary" type="submit">Search</button>
-      </form>
+      </form> -->
     </div>
   </div>
 </nav>
diff --git a/initialSetup.html b/initialSetup.html
index 4d9c3e2..a7edebe 100644
--- a/initialSetup.html
+++ b/initialSetup.html
@@ -11,58 +11,59 @@
 <body class="">
 <!-- SECTION Navbar     -->
 <nav class="navbar navbar-expand-lg bg-dark border-bottom border-body text-white " data-bs-theme="dark">
-    <div class="container-fluid">
-      <a class="navbar-brand" href="#"><img src="./images/HELP Dark.png" class="navIcon border border-1 border-danger" ></a>
-      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-      </button>
-      <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <ul class="navbar-nav me-auto mb-2 mb-lg-0 text-white">
-          <li class="nav-item navText">
-            <a class="nav-link active text-white navText" aria-current="page" href="/index.html">Home</a>
-          </li>
-          <li class="nav-item navText">
-            <a class="nav-link navText" href="#">About</a>
-          </li>
-          <li class="nav-item navText">
-            <a class="nav-link navText" href="initialSetup.html">Getting Started</a>
-          </li>
+  <div class="container-fluid">
+    <a class="navbar-brand" href="#"><img src="./images/HELP Dark.png" class="navIcon border border-1 border-danger" ></a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0 text-white">
+        <li class="nav-item navText">
+          <a class="nav-link active text-white navText" aria-current="page" href="/index.html">Home</a>
+        </li>
+        <li class="nav-item navText">
+          <a class="nav-link navText" href="about.html">About</a>
+        </li>
+        <li class="nav-item navText">
+          <a class="nav-link navText" href="initialSetup.html">Getting Started</a>
+        </li>
+        <!-- 
           <li class="nav-item dropdown navText">
-            <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-              HTML & CSS
-            </a>
-            <ul class="dropdown-menu">
-              
+          <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            HTML & CSS
+          </a>
+          <ul class="dropdown-menu">
+            
 
 
-              <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
-              
-              <li><hr class="dropdown-divider"></li>
-              <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
-              <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
+            <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
+            
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
+            <li><a class="dropdown-item navText" href="#">Placeholder</a></li>
 
-              <li><hr class="dropdown-divider"></li>
+            <li><hr class="dropdown-divider"></li>
 
-              <li><a class="dropdown-item" href="#">Placeholder</a></li>
-            </ul>
-          </li>
-          <li class="nav-item dropdown navText">
-            <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-              JavaScript
-            </a>
-            <ul class="dropdown-menu">
-              <li><a class="dropdown-item navText" href="arraymethods.html">Array Methods</a></li>
+            <li><a class="dropdown-item" href="#">Placeholder</a></li>
+          </ul>
+        </li> -->
+        <li class="nav-item dropdown navText">
+          <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            JavaScript
+          </a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item navText" href="arraymethods.html">Array Methods</a></li>
 
-            </ul>
-          </li>
-        </ul>
-        <form class="d-flex" role="search">
-          <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
-          <button class="btn btn-outline-secondary" type="submit">Search</button>
-        </form>
-      </div>
+          </ul>
+        </li>
+      </ul>
+      <!-- <form class="d-flex" role="search">
+        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+        <button class="btn btn-outline-secondary" type="submit">Search</button>
+      </form> -->
     </div>
-  </nav>
+  </div>
+</nav>
 <!-- !SECTION End Nav -->
 <!-- SECTION Main Content -->
 
@@ -102,17 +103,20 @@ <h2 class="text-center display-6 pt-5">Installing VS Code</h2>
     <div class="row fullyCentered">
       <hr class="border border-1 border-dark">
       <h1 class="text-center display-3 pt-4">What's Next?</h1>
-      <h2 class="text-center display-6 pt-5">Select your operating system</h2>
-      <div class="row centeredTogether">
-      <div class="col m-2  maxWidth600">
-        <a href="macSetup.html" class="removeLinkDecor" alt="Mac Setup Page"><img src="./images/apple.svg" class="img-fluid" alt="Mac Logo">
-        <h2 class="p-3">Mac Setup Page</h2></a> 
+      
+      <h2 class="text-center display-6 pt-5 pb-5">Select your operating system</h2>
+      <div class="row centeredTogether maxWidthRow">
+        
+      <div class="col-md-2 col-sm-12  ">
+        <a href="macSetup.html" class="removeLinkDecor" alt="Mac Setup Page"><img src="./images/apple.svg" class="img-fluid maxWidth" alt="Mac Logo">
+        <h2 class="p-3">Mac Setup</h2></a> 
       </div>
-      <div class="col pt-5 m-2 maxWidth600">
-        <a href="winSetup.html" class="removeLinkDecor" alt="Windows Setup Page"><img src="./images/microsoft-windows-icon.svg" class="img-fluid" alt="Windows Logo"><h2 class="p-5">Windows Setup Page</h2> </a>
+      <div class="col-md-2 col-sm-12">
+        <a href="winSetup.html" class="removeLinkDecor" alt="Windows Setup Page"><img src="./images/microsoft-windows-icon.svg" class="img-fluid maxWidth" alt="Windows Logo"><h2 class="pt-3">Windows Setup</h2> </a>
       </div>
       </div>
     </div>
+    </div>
 
 </div>
 
diff --git a/macSetup.html b/macSetup.html
index 2b23da8..4de3d19 100644
--- a/macSetup.html
+++ b/macSetup.html
@@ -23,12 +23,13 @@
           <a class="nav-link active text-white navText" aria-current="page" href="/index.html">Home</a>
         </li>
         <li class="nav-item navText">
-          <a class="nav-link navText" href="#">About</a>
+          <a class="nav-link navText" href="about.html">About</a>
         </li>
         <li class="nav-item navText">
           <a class="nav-link navText" href="initialSetup.html">Getting Started</a>
         </li>
-        <li class="nav-item dropdown navText">
+        <!-- 
+          <li class="nav-item dropdown navText">
           <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
             HTML & CSS
           </a>
@@ -46,7 +47,7 @@
 
             <li><a class="dropdown-item" href="#">Placeholder</a></li>
           </ul>
-        </li>
+        </li> -->
         <li class="nav-item dropdown navText">
           <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
             JavaScript
@@ -57,10 +58,10 @@
           </ul>
         </li>
       </ul>
-      <form class="d-flex" role="search">
+      <!-- <form class="d-flex" role="search">
         <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
         <button class="btn btn-outline-secondary" type="submit">Search</button>
-      </form>
+      </form> -->
     </div>
   </div>
 </nav>
diff --git a/style.css b/style.css
index 3890162..f0ff6e3 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,6 @@
 
   @import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300&family=Press+Start+2P&family=Roboto+Slab:wght@300&family=Roboto:ital,wght@1,300&display=swap');
-
-
+  @import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
 td {
     vertical-align: middle;
 }
@@ -29,6 +28,11 @@ td {
     z-index: -1;
 }
 
+.ptLogo{
+    border-radius: 20px;
+    max-width: 400px;
+}
+
 .logoBackground {
     background-color: black;
     width: 200px;
@@ -140,9 +144,19 @@ td {
 .centeredTogether{
     text-align: center;
     justify-content: center;
-    align-items: center;
+    align-content: center;
 }
 
-.maxWidth600{
-    max-width: 400px;
-}
\ No newline at end of file
+.maxWidth{
+    max-width: 250px;
+    max-height: 250px;
+    
+}
+
+.maxWidthRowInitial {
+    max-width: 600px;
+}
+
+.indieFlower {
+    font-family: 'Indie Flower', cursive;
+}
diff --git a/winSetup.html b/winSetup.html
index da83b0d..1711e32 100644
--- a/winSetup.html
+++ b/winSetup.html
@@ -22,12 +22,13 @@
           <a class="nav-link active text-white navText" aria-current="page" href="/index.html">Home</a>
         </li>
         <li class="nav-item navText">
-          <a class="nav-link navText" href="#">About</a>
+          <a class="nav-link navText" href="about.html">About</a>
         </li>
         <li class="nav-item navText">
           <a class="nav-link navText" href="initialSetup.html">Getting Started</a>
         </li>
-        <li class="nav-item dropdown navText">
+        <!-- 
+          <li class="nav-item dropdown navText">
           <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
             HTML & CSS
           </a>
@@ -45,7 +46,7 @@
 
             <li><a class="dropdown-item" href="#">Placeholder</a></li>
           </ul>
-        </li>
+        </li> -->
         <li class="nav-item dropdown navText">
           <a class="nav-link dropdown-toggle navText" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
             JavaScript
@@ -56,19 +57,23 @@
           </ul>
         </li>
       </ul>
-      <form class="d-flex" role="search">
+      <!-- <form class="d-flex" role="search">
         <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
         <button class="btn btn-outline-secondary" type="submit">Search</button>
-      </form>
+      </form> -->
     </div>
   </div>
 </nav>
 <!-- !SECTION End Nav -->
 
 <!-- SECTION Main Content -->
-  <!-- main content needs to remain within the SECTION tags.  -->
 
 
+<h1 class="text-center pt-5">Unfortunately this page has not yet been completed!</h1>
+<h2 class="text-center pt-2">If your a front end student with Promineo Tech and want to jump on this let me know.</h2>
+
+  <!-- main content needs to remain within the SECTION tags.  -->
+
 
 
 
