Make Matrix-as-a-Service page 'responsive'

This commit is contained in:
fnux 2020-02-14 15:46:07 +01:00
parent 0ec9af4311
commit a64deca6d4
1 changed files with 8 additions and 8 deletions

View File

@ -32,13 +32,13 @@ advanced user-focused features such as end-to-end encryption, bridging or audio
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-md-3">
<img style="width: 100%; position: relative; top: 25%;" src="/u/image/matrix-logo.png" /> <img style="width: 100%; position: relative; top: 25%; margin-bottom: 25%;" src="/u/image/matrix-logo.png" />
</div> </div>
<div class="col-9"> <div class="col-md-9">
<ul> <ul>
<li> <li>
The strongest point of Matrix is *federation*: a Matrix homeserver - which is The strongest point of Matrix is <b>federation</b>: a Matrix homeserver - which is
what we offer - allows to manage your own community... and to join the whole what we offer - allows to manage your own community... and to join the whole
Matrix network. You will be able to exchange with users on any other Matrix Matrix network. You will be able to exchange with users on any other Matrix
server without any special configuration! server without any special configuration!
@ -100,10 +100,10 @@ description3:
<div class="container" style="padding: 0;"> <div class="container" style="padding: 0;">
<div class="row"> <div class="row">
<div class="col-9"> <div class="col-md-9">
<img style="width: 100%;" src="/u/image/penguin-matrix.jpg" /> <img style="width: 100%;" src="/u/image/penguin-matrix.jpg" />
</div> </div>
<div class="col-3"> <div class="col-md-3">
<h2>Growing fast!</h2> <h2>Growing fast!</h2>
<p>As of February 2020, the Matrix network supports ~13.5M visible <p>As of February 2020, the Matrix network supports ~13.5M visible
accounts, ~5.0M messages a day, ~40.000 federated servers and even <a accounts, ~5.0M messages a day, ~40.000 federated servers and even <a
@ -124,7 +124,7 @@ description3:
<div class="container" style="padding: 0;"> <div class="container" style="padding: 0;">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-md-6">
<h2>Hosted Matrix Chat</h2> <h2>Hosted Matrix Chat</h2>
<p>We will provide you with your own dedicated Matrix 'Home Server', as well as <p>We will provide you with your own dedicated Matrix 'Home Server', as well as
@ -146,7 +146,7 @@ description3:
</p> </p>
</div> </div>
<div class="col-6"> <div class="col-md-6">
<h2>Transparent Costs</h2> <h2>Transparent Costs</h2>
<p>The cost of our Matrix-as-a-Service offer is divided between a base maintenance <p>The cost of our Matrix-as-a-Service offer is divided between a base maintenance