Fixed HTML links, Fixed styling of profile/comment button switcher, A…

…dded "About Me" section in profile page

html/profile-comments.html

@@ -90,7 +90,7 @@
                     <p class="profile-current">Comments</p>
                 </div>
                 <div>
-                    <a class="nav-link profile-other" href="/html/profile.html">Profile ></a>
+                    <a class="nav-link profile-other" href="../html/profile.html">Profile<i class="fa fa-chevron-right ms-3"></i></a>
                 </div>
             </div>
             <div id="comments-container">
@@ -275,6 +275,10 @@ <h4 id="profile-name">Aaron Hall<i class="fa fa-badge-check ms-3 text-accent"></
                 </div>
                 <p class="color-text mb-0 text-muted fw-semibold"><i class="fa fa-calendar me-3"></i>Joined June 2009</p>
             </div>
+            <div class="bg-secondary m-4 ms-0 p-5 radius mt-2">
+                <h3 class="mb-4 text-accent">About Me</h3>
+                <p>Hello! My name is Aaron Hall. I like going outdoors and scenic routes. Climbing mountains may be tiring, but the peak holds a view that is unparalleled.</p>
+            </div>
         </div>
     </div>
     <div class="modal fade modal-xl" id="modal-question" aria-hidden="true">

html/profile.html

@@ -86,7 +86,7 @@
                     <p class="profile-current">Posts</p>
                 </div>
                 <div>
-                    <a class="nav-link profile-other" href="/html/profile-comments.html">Comments ></a>
+                    <a class="nav-link profile-other" href="../html/profile-comments.html">Comments<i class="fa fa-chevron-right ms-3"></i></a>
                 </div>
             </div>
             <div id="posts-container">
@@ -103,8 +103,8 @@
                     <div class="post-container">
                         <h2 class="post-title">What are the most surreal places to visit?</h2>
                         <div class="post-author-container">
-                            <img class="post-author-img" src="https://api.dicebear.com/6.x/avataaars/svg?seed=davidmiller" alt="@davidmiller">
-                            <div class="post-author">@davidmiller</div>
+                            <img class="post-author-img" src="https://api.dicebear.com/6.x/avataaars/svg?seed=Aaron+Hall" alt="@aaronhall">
+                            <div class="post-author">@aaronhall</div>
                         </div>
                         <p class="post-content">I'm looking for places that are accessible by car, train, or boats. I want to be near of local culture with authentic food, cliffside hikes, and coastal views.</p>
                         <div class="footer-container">
@@ -133,8 +133,8 @@ <h2 class="post-title">What are the most surreal places to visit?</h2>
                     <div class="post-container">
                         <h2 class="post-title">What is the best forum for graphic designers?</h2>
                         <div class="post-author-container">
-                            <img class="post-author-img" src="https://api.dicebear.com/6.x/avataaars/svg?seed=marieblanchet" alt="@marieblanchet">
-                            <div class="post-author">@marieblanchet</div>
+                            <img class="post-author-img" src="https://api.dicebear.com/6.x/avataaars/svg?seed=Aaron+Hall" alt="@aaronhall">
+                            <div class="post-author">@aaronhall</div>
                         </div>
                         <p class="post-content"></p>
                         <div class="footer-container">
@@ -161,8 +161,8 @@ <h2 class="post-title">What is the best forum for graphic designers?</h2>
                     <div class="post-container">
                         <h2 class="post-title">What single scene from a movie is a masterpiece?</h2>
                         <div class="post-author-container">
-                            <img class="post-author-img" src="https://api.dicebear.com/6.x/avataaars/svg?seed=iansmith" alt="@iansmith">
-                            <div class="post-author">@iansmith</div>
+                            <img class="post-author-img" src="https://api.dicebear.com/6.x/avataaars/svg?seed=Aaron+Hall" alt="@aaronhall">
+                            <div class="post-author">@aaronhall</div>
                         </div>
                         <p class="post-content">Well would love to know about the visualization and the main concept of the movie.<br />
                         Please add answers regarding the movie production, actors, characters, roles, dialogues, scenes, and other related stuff.<br />
@@ -202,6 +202,10 @@ <h4 id="profile-name">Aaron Hall<i class="fa fa-badge-check ms-3 text-accent"></
                 </div>
                 <p class="color-text mb-0 text-muted fw-semibold"><i class="fa fa-calendar me-3"></i>Joined June 2009</p>
             </div>
+            <div class="bg-secondary m-4 ms-0 p-5 radius mt-2">
+                <h3 class="mb-4 text-accent">About Me</h3>
+                <p>Hello! My name is Aaron Hall. I like going outdoors and scenic routes. Climbing mountains may be tiring, but the peak holds a view that is unparalleled.</p>
+            </div>
         </div>
     </div>
     <div class="modal fade modal-xl" id="modal-question" aria-hidden="true">