Second section with links

css/styles.css

@@ -2,6 +2,10 @@ body {
  font-family: 'Open Sans';
 }
 
+a:link {
+  text-decoration: none;
+}
+
 .navbar {
     display: flex;
     align-items: center;
@@ -19,7 +23,7 @@ body {
 
 section {
     display: flex;
-    height: 100vh;
+    height: 95vh;
     align-items: center;
     text-align: center;
     justify-content: center;
@@ -38,6 +42,21 @@ section {
     flex-direction: column;
     border-radius: 1em;
 }
+
+.services-section {
+    background-color: rgb(54, 148, 192, .9);
+}
+.services-section ul {
+  padding: 2% 0;
+}
+.services-section li {
+  text-align: left;
+}
+.emphasis {
+  font-weight: 900; 
+  font-style: italic;
+}
+
 /* Button code lifted from https://codepen.io/Colt/pen/RwWbKee*/
 .header-button {
     border-radius:0;

index.html

@@ -30,7 +30,16 @@
         </section>
         <section class="services-section">
             <div class="services-contents">
-                
+                <h1 class="header-text">
+                  <span class="emphasis">Seriously</span> Serious Services.
+                </h1>
+                <ul>
+                    <li><a href="https://fedi.seriousbusiness.international">The best Mastodon* node on the fediverse</a></li>
+                    <li><a href="https://matrix.seriousbusiness.international">A matrix server, bridged to Discord</a></li>
+                    <li><a href="https://mail.seriousbusiness.international">Good email, that is correctly configured*</a></li>    
+                </ul>
+                <p>Contact <a href = "mailto: support@seriousbusiness.international">SBI support </a>for account provisioning inquiries<br>
+                Contact our <a href = "mailto: sales@seriousbusiness.international">Sales team</a> for a quote today</p>
             </div>
         </section>
     </div>