Second section with links
This commit is contained in:
parent
5376f82489
commit
b72293e603
|
@ -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;
|
||||
|
|
11
index.html
11
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>
|
||||
|
|
Loading…
Reference in a new issue