App/views/layout.html
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>{%block title%}{% endblock%}</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="{{ base_url()}}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="{{ base_url()}}/bootstrap/css/footer.css">
</head>
<body class="d-flex flex-column">
<!-- Menu Header -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
<div class="container">
<a class="navbar-brand" href="#">
<img src="http://placehold.it/150x50?text=Logo" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Serviços</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contato</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Menu Header -->
<!-- Page Content -->
<div class="container" id="page-content">
{%block body%}{% endblock%}
</div>
<!-- Footer -->
<footer id="sticky-footer" class="py-4 bg-dark text-white-50">
<div class="container text-center">
<small>Copyright © Your Website</small>
</div>
</footer>
<!-- footer -->
<script type="text/javascript" src="{{ base_url()}}/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="{{ base_url()}}/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>