Added a footer
This commit is contained in:
@@ -83,3 +83,38 @@ body {
|
||||
padding: 0;
|
||||
margin: 3% 0 -2vh 0;
|
||||
}
|
||||
|
||||
.page-container {
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.content-wrap {
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 2.5rem;
|
||||
margin-bottom: 5vh;
|
||||
}
|
||||
|
||||
.footer-list {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer-list li {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.footer-list li a:link {
|
||||
color: #bb86fc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer-list li a:hover {
|
||||
color: #7b59a5;
|
||||
}
|
||||
|
||||
@@ -9,6 +9,18 @@
|
||||
<title>tiny0 - Custom URL Shortener</title>
|
||||
</head>
|
||||
|
||||
<div id="page-container">
|
||||
<div id="content-wrap">
|
||||
|
||||
{% block body %}{% endblock %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<ul class="footer-list">
|
||||
<li>© 2020 Muhammed Ali Dilek</li>
|
||||
<li><a href="https://github.com/xemeds" target="_blank">GitHub</a></p></li>
|
||||
</ul>
|
||||
</footer>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user