Merge pull request #8 from notsniped/main

Add new underline accents to website section content

Author: notsniped

index.html

@@ -48,20 +48,21 @@
             <br>
             <div class="info-section">
                 <label class="info-section-heading">Who are we?</label>
-                <br>
+                <br><div class="underline-accent"></div>
                 <p class="info-section-paragraph">We are a development team, we code in Python.</p>
             </div>
             <br>
             <br>
             <div class="info-section">
                 <label class="info-section-heading">What do we do?</label>
-                <br>
+                <br><div class="underline-accent"></div>
                 <p class="info-section-paragraph">We create various types of Discord bots, including moderating bots, economical bots, and more.</p>
             </div>
             <br>
             <br>
             <div class="info-section">
                 <label class="info-section-heading">Our bots</label>
+                <br><div class="underline-accent"></div>
                 <br>
                 <br>
                 <span id="isobot-name-tag" onclick="window.location='https://github.com/PyBotDevs/isobot'" title="Click here to go to Github repository page">isobot</span>
@@ -72,7 +73,7 @@
             <br>
             <div class="info-section">
                 <label class="info-section-heading">Our code rules</label>
-                <br>
+                <br><div class="underline-accent"></div>
                 <br>
                 <ul>
                     <li><p><b>snipe's code rule:</b> Reduce, Reuse, and Rewrite</p></li>
@@ -84,7 +85,7 @@
             <br>
             <div class="info-section">
                 <label class="info-section-heading">Our head members</label>
-                <br>
+                <br><div class="underline-accent"></div>
                 <br>
                 <img src="https://avatars.githubusercontent.com/u/72265661?s=96&v=4" class="user-pfp-favicon" alt="Github profile picture of notsniped">&nbsp;&nbsp;&nbsp;<span>notsniped (notsniped#4573 on Discord)</span>
                 <br>

style.css

@@ -155,3 +155,12 @@ body {
     padding-bottom: 10px;
     box-shadow: 1px 0 10px 8px rgb(199, 199, 199);
 }
+
+.underline-accent {
+    height: 8px;
+    border-radius: 10px;
+    width: 120px;
+    background: linear-gradient(to right, rgb(160, 92, 224) 0%, rgb(108, 56, 156) 100%);
+    margin-top: 5px;
+    margin-left: 1px;
+}