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