started adding back css for nav bar, renamed classes/id

css/home.css

@@ -1,4 +1,27 @@
-body
+html
 {
 	background-color: grey;
+	margin: 0;
+	padding: 0;
+	height:100vh;
+}
+
+/* NAVIGATION BAR */
+.nav_bar
+{
+	display: flex;
+	height: 30%;
+	width: 100vw;
+}
+
+.nav_left_holder
+{
+	display: flex;
+	width: 33.33vw;
+	gap: 10px;
+}
+
+.nav_left_item
+{
+	
 }

html/home.html

@@ -41,7 +41,7 @@
 			
 			<button
 				id="button3"
-				class="banner_button"
+				class="nav_left_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"
@@ -58,46 +58,46 @@
 			>
 				<p>Thanks To</p>
 			</button>
-
+			
+			<input 
+				type="search" 
+				class="search_field"
+				placeholder="Search Tools or Terms"
+				type="search" 
+				class="search_field"
+				placeholder="Search Tools or Terms"
+			>
 		
 		</div>
 		
-		<div
-			id="nav_holder_search"
-			class="nav_holder_search"
-
-		>
-			<input type="search" class="search_field">
-		</div>
-
 
 		<div
-			id="nav_holder_right"
+			id="nav_right_holder"
-			class="nav_holder_right"
+			class="nav_right_holder"
 		>
 			<button
 				id="button1"
-				class="banner_button"
+				class="nav_right_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"
 			>
-				<p>Gitlab</p>
+				<img src="../img/gitlab.svg" alt="Checkout my Gitlab!">	
 			</button>
 
 			<button
 				id="button2"
-				class="banner_button"
+				class="nav_right_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"
 			>
-				<p>Linkdin</p>
+				<img src="../img/linkedin.svg" alt="Find me on Linkedin">
 			</button>
 			
 			<button
 				id="button3"
-				class="banner_button"
+				class="nav_right_item"
 				hx-get="PATH TO MORE INFO"
 				hx-target="#core_container"
 				hx-swap="innerHTML"

img/gitlab.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 380"><defs><style>.cls-1{fill:#171321;}</style></defs><g id="LOGO"><path class="cls-1" d="M282.83,170.73l-.27-.69-26.14-68.22a6.81,6.81,0,0,0-2.69-3.24,7,7,0,0,0-8,.43,7,7,0,0,0-2.32,3.52l-17.65,54H154.29l-17.65-54A6.86,6.86,0,0,0,134.32,99a7,7,0,0,0-8-.43,6.87,6.87,0,0,0-2.69,3.24L97.44,170l-.26.69a48.54,48.54,0,0,0,16.1,56.1l.09.07.24.17,39.82,29.82,19.7,14.91,12,9.06a8.07,8.07,0,0,0,9.76,0l12-9.06,19.7-14.91,40.06-30,.1-.08A48.56,48.56,0,0,0,282.83,170.73Z"/></g></svg>

img/linkedin.svg

@@ -0,0 +1 @@
+<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 50 50" width="50px" height="50px">    <path d="M41,4H9C6.24,4,4,6.24,4,9v32c0,2.76,2.24,5,5,5h32c2.76,0,5-2.24,5-5V9C46,6.24,43.76,4,41,4z M17,20v19h-6V20H17z M11,14.47c0-1.4,1.2-2.47,3-2.47s2.93,1.07,3,2.47c0,1.4-1.12,2.53-3,2.53C12.2,17,11,15.87,11,14.47z M39,39h-6c0,0,0-9.26,0-10 c0-2-1-4-3.5-4.04h-0.08C27,24.96,26,27.02,26,29c0,0.91,0,10,0,10h-6V20h6v2.56c0,0,1.93-2.56,5.81-2.56 c3.97,0,7.19,2.73,7.19,8.26V39z"/></svg>