| 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; | ||||
| } | } | ||||
| <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> |
| <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"> |