changes to web

css/app.css

@@ -3652,8 +3652,12 @@ body {
   padding: 80px 40px 1px;
 }
 
+.section2 a {
+  padding-right: 30px;
+}
+
 .section3 {
-  background: #e8e8e8;
+  background: #79909c;
   padding: 100px 40px 30px;
 }
 
@@ -3677,3 +3681,18 @@ a {
   position: relative;
   top: -50px;
 }
+
+h1 {
+  font-size: 28px;
+  text-transform: uppercase;
+}
+
+h1 span {
+  font-weight: 200;
+  opacity: 0.4;
+}
+
+.section5 {
+  background: #c7cfd4;
+  padding: 80px 40px 1px;
+}

index.html

@@ -34,13 +34,14 @@
             <section class="section2">
                 <div class="container">
                     <div>
+                        <h1>Heimdall <span>Application Dashboard</span></h1>
                         <p>Heimdall has been designed to make your life easier.  At its very core it's a way to organise 
                             all the sites and application you use on a daily basis and present them in an informative and 
                             pleasing way.</p>
                             <p>
-                                <strong>Github:</strong> <a href="https://github.com/linuxserver/Heimdall/">Link</a><br />
-                                <strong>Releases:</strong> <a href="https://github.com/linuxserver/Heimdall/releases">Link</a><br />
-                                <strong>Issues:</strong> <a href="https://github.com/linuxserver/Heimdall/issues">Link</a><br />
+                                <strong>Github:</strong> <a href="https://github.com/linuxserver/Heimdall/">Link</a>
+                                <strong>Releases:</strong> <a href="https://github.com/linuxserver/Heimdall/releases">Link</a>
+                                <strong>Issues:</strong> <a href="https://github.com/linuxserver/Heimdall/issues">Link</a>
                                 <strong>Support:</strong> <a href="https://discord.gg/KJXmZu5">https://discord.gg/KJXmZu5</a>
                             </p>
 
@@ -56,7 +57,12 @@
                     </div>
                 </div>
             </section>
-            
+            <section class="section5">
+                    <div class="container">
+                        
+                    </div>
+                </section>
+                        
             <!--<section class="section2">
                 <div class="container">
                     <div class="row">

sass/_app.scss

@@ -15,9 +15,12 @@ body {
 .section2 {
     background: #c7cfd4;
     padding: 80px 40px 1px;
+    a {
+        padding-right: 30px;
+    }
 }
 .section3 {
-    background: #e8e8e8;
+    background: #79909c;
     padding: 100px 40px 30px;
 }
 .section4 {
@@ -37,4 +40,20 @@ a {
         position: relative;
         top: -50px;
     }
-}
+}
+
+h1 {
+    font-size: 28px;
+    text-transform: uppercase;
+    span {
+        font-weight: 200;
+        opacity: 0.4;
+    }
+}
+.section5 {
+    background: #c7cfd4;
+    padding: 80px 40px 1px;
+    .app {
+        
+    }    
+}