Add footer and fix stuffs
This commit is contained in:
parent
e16a8fe738
commit
48e034a8e9
2 changed files with 57 additions and 2 deletions
|
@ -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…
Reference in a new issue