Add footer and fix stuffs

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

@ -13,12 +13,12 @@
<body> <body>
<nav class="navbar navbar-dark bg-dark"> <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> <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> Code</a>
</nav> </nav>
<div class="container"> <div class="container container-fluid">
<div class="row"> <div class="row">
<div class="col-sm-1"> <div class="col-sm-1">
</div> </div>
@ -44,6 +44,56 @@ Code</a>
</div> </div>
</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> </body>
</html> </html>

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

Loading…
Cancel
Save