Adding content to navigation

Added the website title and logo to the page making it work with the navigation. The rest of the icons must be added as well as a hamburger menu for smaller page sizes.

HTML/index.html

@@ -177,9 +177,7 @@
 	<!-- Nav Bar -->
 	<nav class="navbar navbar-expand-sm navbar-fixed-top">
 		<div class="container-fluid mx-auto">
-			<a class="navbar-brand" href="/">
-				<img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="width: 50px;">
-			</a>
+
 			
 			<!-- <li class="nav-item">
 				<a href="index.html" style="color: white" class="nav-link"><i class="fa-solid fa-house-chimney", alt="Home" style="scale: 2;"></i></a>
@@ -207,7 +205,7 @@
 			</ul>
 		
 		<!-- <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" title="Hooray!">Hover over me!</button> -->
-			<div class="container" style="font-family: 'Rajdhani', sans-serif; color: white;"><h1>Selmer Bot Web Dashboard</h1></div>
+			<div class="container"><h1>Selmer Bot Web Dashboard</h1></div>
 
 			<span class="ms-auto" style="margin-right: 1%;">
 				<!-- <button id="login" class="loginbtn" onclick="window.location = getAPIRedirect()">Log Into Dashboard</button> -->

HTML/test.html

@@ -177,16 +177,14 @@
     <div class="box-area">
 
         <header>
-            <div class="wrapper">
-                <div class="logo">
-                    <a href="#">Selmer Bot</a>
-                </div>
-                <nav>
-                    <a href="#">Home</a>
-                    <a href="#">About</a>
-                    <a href="#">Portfolio</a>
-                    <a href="#">Services</a>
-                    <a href="#">Contact</a>
+            <div class="main-header">
+                <nav class="navigation">
+                    <div class="logo">
+                        <a class="navbar-brand" href="/">
+                            <img src="https://github.com/ION606/selmer-bot-website/blob/main/assets/Selmer-icon.png?raw=true" alt="Selmer Icon" style="width: 50px;">
+                        </a>
+                        <a href="#"><h1 class="brand-name brand-name-large">Selmer Bot<h1></a>
+                    </div>
                 </nav>
             </div>
             <div class="banner-area">
@@ -194,10 +192,10 @@
             </div>
         </header>
 
-        <!-- Banner End -->
-
 
+        <!-- Page Content -->
         <section class="content-area">
+
             <div class="row custom-alert" style="display: none;" id="alertrow">
                 <div class="alert alert-warning alert-dismissible" id="banner" style="text-align: center" role="alert">
                     <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
@@ -215,7 +213,6 @@
 
             <!-- Adds margins to the page -->
             <div class="container">
-                <div style="margin-top: 100px;"></div>
 
                 <div id="music" class="row pb-md-5 mt-md-5">
                     <div class="col-xxl-4 col-xl-4 col-lg-5 col-md-12">
@@ -424,6 +421,7 @@
 
             </div>
         </section>
+        
         <!-- <script type="module" src="./main.js", type="application/json"></script> -->
         <footer class="footer-area">
             <!-- Footer -->