Commit 98a46dcb authored by Thodoris Papadopoulos's avatar Thodoris Papadopoulos

fixed footer bug

parent 676994aa
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -8,6 +8,23 @@
padding: 0 15px;
}
.footer {
margin-top: auto !important;
}
\ No newline at end of file
footer {
padding: 15px;
background: linear-gradient(315deg,#003476 .09%,#134a86);
background-image: linear-gradient(315deg, rgb(0, 52, 118) 0.09%, rgb(19, 74, 134));
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: initial;
text-align: center;
}
footer p {
font-size:0.85rem;
flex-grow: 1;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="el">
<html lang="el" class="h-100">
<head>
......@@ -19,8 +19,7 @@
<link href="./footer.css" rel="stylesheet">
</head>
<body class="d-flex flex-column h-100">
<body class="d-flex flex-column h-100">
<!-- Begin page content -->
<main role="main" class="flex-shrink-0">
<div class="container">
......@@ -30,9 +29,19 @@
</div>
</main>
<footer class="footer mt-auto py-3 bg-dark text-white-50" style="margin-top:auto!important;">
<footer class="footer mt-auto py-3 bg-primary">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; 2020 GOV.GR</p>
<div class="row pt-2">
<div class="col">
<div class="d-flex flex-column justify-content-center">
<p class="text-white mb-0 pb-2">Μια υπηρεσία του</p>
<div class=" pb-4">
<div class="mx-auto logo_govgr logo_xsmall"></div>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -12,6 +12,7 @@ footer{
body {
font-size:1rem;
font-weight: 400;
line-height: 1.43;
}
p {
......@@ -59,4 +60,9 @@ h6 {
.logo_govgr.logo_small {
width: 211px;
height: 57px;
}
.logo_govgr.logo_xsmall {
width: 136px;
height: 41px;
}
\ No newline at end of file
......@@ -8,6 +8,4 @@
@import 'custom-variables';
@import '../node_modules/bootstrap/scss/bootstrap';
@import '../node_modules/bootstrap/scss/utilities/spacing';
@import 'custom-styles';
@import 'custom-styles';
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment