Browse Source

Fixed footer

joel
Simon Bowie 3 years ago
parent
commit
8be67cd9b2
3 changed files with 5 additions and 3 deletions
  1. +0
    -1
      web/app/static/styles/custom.css
  2. +2
    -2
      web/app/templates/base.html
  3. +3
    -0
      web/app/templates/index.html

+ 0
- 1
web/app/static/styles/custom.css View File

body { body {
font-family: 'Lato', sans-serif !important; font-family: 'Lato', sans-serif !important;
min-height: 400px; min-height: 400px;
margin-bottom: 100px;
clear: both; clear: both;
} }



+ 2
- 2
web/app/templates/base.html View File

<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel='stylesheet' type='text/css'>
</head> </head>


<body class="d-flex flex-column h-100">
<body class="d-flex flex-column min-vh-100">


<header> <header>
<!-- Fixed navbar --> <!-- Fixed navbar -->
</main> </main>


<!-- Sticky footer--> <!-- Sticky footer-->
<footer class="footer py-3 bg-light fixed-bottom">
<footer class="footer py-3 bg-light mt-auto">
<div class="container"> <div class="container">
<span class="text-muted">© {{ moment().format('YYYY') }} <a href="https://copim.ac.uk/">COPIM</a> and licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License (CC BY 4.0)</a>.</span> <span class="text-muted">© {{ moment().format('YYYY') }} <a href="https://copim.ac.uk/">COPIM</a> and licensed under a <a href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License (CC BY 4.0)</a>.</span>
</div> </div>

+ 3
- 0
web/app/templates/index.html View File

<p> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper. Fusce placerat magna a nulla scelerisque, cursus accumsan quam tempus. Integer ac nulla sit amet nibh pulvinar porttitor non non leo. Nam a leo erat. Aliquam erat volutpat. Vestibulum quis diam sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper. Fusce placerat magna a nulla scelerisque, cursus accumsan quam tempus. Integer ac nulla sit amet nibh pulvinar porttitor non non leo. Nam a leo erat. Aliquam erat volutpat. Vestibulum quis diam sem.
</p> </p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius, justo a iaculis porta, ipsum nibh suscipit orci, at lobortis quam orci ac orci. In non consectetur ipsum. Suspendisse sodales tempor ullamcorper. Fusce placerat magna a nulla scelerisque, cursus accumsan quam tempus. Integer ac nulla sit amet nibh pulvinar porttitor non non leo. Nam a leo erat. Aliquam erat volutpat. Vestibulum quis diam sem.
</p>


<!-- Carousel --> <!-- Carousel -->
<div id="tool_carousel" class="carousel slide mt-5" data-bs-ride="carousel"> <div id="tool_carousel" class="carousel slide mt-5" data-bs-ride="carousel">

Loading…
Cancel
Save