SBI-website/index.html
2023-09-28 11:04:28 -07:00

49 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/styles.css">
<title>Serious Business International</title>
</head>
<body>
<!-- Navbar example without JS: https://codepen.io/iPawan/pen/rNNGEzw -->
<nav class="navbar">
<a href="#" class="navbar-logo">
<img class="sbi-logo" src="./img/sbi-logo.png"></i>
</a>
</nav>
<div class="container">
<section class="header-section">
<div class="header-contents">
<h1 class="header-text">
SERIOUS BUSINESS INTERNATIONAL
</h1>
<p class="header-subtext">
Your Headquarters for Intra-national Serious Business (Internationally)
</p>
<a href="https://fedi.seriousbusiness.international">
<button class="header-button">Would you like to know more?</button>
</a>
</div>
</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>
<li><a href="https://discord.gg/6MXVZKU">A "Discord" server for the young people</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>
</body>
</html>