Second section with links

This commit is contained in:
drudge 2023-07-15 20:17:47 -07:00
parent 5376f82489
commit b72293e603
2 changed files with 30 additions and 2 deletions

View file

@ -2,6 +2,10 @@ body {
font-family: 'Open Sans'; font-family: 'Open Sans';
} }
a:link {
text-decoration: none;
}
.navbar { .navbar {
display: flex; display: flex;
align-items: center; align-items: center;
@ -19,7 +23,7 @@ body {
section { section {
display: flex; display: flex;
height: 100vh; height: 95vh;
align-items: center; align-items: center;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
@ -38,6 +42,21 @@ section {
flex-direction: column; flex-direction: column;
border-radius: 1em; 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*/ /* Button code lifted from https://codepen.io/Colt/pen/RwWbKee*/
.header-button { .header-button {
border-radius:0; border-radius:0;

View file

@ -30,7 +30,16 @@
</section> </section>
<section class="services-section"> <section class="services-section">
<div class="services-contents"> <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> </div>
</section> </section>
</div> </div>