Add footer and fix stuffs

master
grisel-davy 3 years ago
parent e16a8fe738
commit 48e034a8e9

@ -13,12 +13,12 @@
<body>
<nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand mb-0 h1" href="/">Litl.</a>
<a class="navbar-brand mb-0 h1" href="/"><h1>Litl.</h1></a>
<a class="navbar-right text-white" href="https://gitea.auro.re/Aurore/litl"><i class="fa fa-code-fork" aria-hidden="true"></i>
Code</a>
</nav>
<div class="container">
<div class="container container-fluid">
<div class="row">
<div class="col-sm-1">
</div>
@ -44,6 +44,56 @@ Code</a>
</div>
</div>
<div class="footer">
<div class="container-fluid">
<div class="row">
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-pencil"></i> Custom Slugs
</div>
<div class="card-body">
You can choose your custom slug for easily remembering the destination or let
Litl. assign a random one.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-list-ol"></i> Bulk URLs
</div>
<div class="card-body">
You can bulk multiple destinations under the same shorten URL. Just
for the 0.01% that needed that feature.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-plug"></i> API
</div>
<div class="card-body">
The API lets you generate short URL with custom slugs from any programm.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-heart"></i> Basic Package
</div>
<div class="card-body">
Free, open source, no account needed, no limit on the number of urls. Basic.
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

@ -5,3 +5,8 @@ body{
h1{
color:#FFFFFF;
}
.footer{
position: fixed;
bottom: 20px;
}

Loading…
Cancel
Save