Criaremos um pasta chamada templates
onde adicionaremos todas as nossas páginas html.
Para adicionar os arquivos css, criaremos uma nova pasta chamada static
que é correspondente ao public do laravel, e dentro dela criaremos nossa pasta css e os arquivos dentro dela.
Para chamar esse arquivo no nosso html teremos que usar a função url_for, e dizer para ela procurar na pasta static, e depois passar a url do arquivo:
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
Iremos criar um template base.html
para que depois o código dele possar ser reutilizado(ou extendido) para outros templates.
**{% block <block_name> %} {% endblock %}**
Este comando criará um bloco, que será usado tanto no template que receberá o valor do filho(e colocará esse bloco onde ele quer que o conteúdo seja inserido), quanto do filho que usará ele para passar o valor dentro.
{% extends <template_extended.html> %}
Este comando serve para falar de que arquivo você estará herdando o código.
{{ url_for('index') }}
Assim como já vimos sendo utilizado o url_for
para chamar o css (semelhante ao asset do laravel), também utilizaremos ele para redirecionamento, e nesse caso o único parametro que precisaremos passar é o nome da rota a ser chamada.