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/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 -->