---
# System prepended metadata

title: Instruções de uso do template SAJ

---

# Instruções de uso do template SAJ



### Antes de tudo, O que foi realizado?
Templates de html + css, basicamente, esqueleto de páginas base, sem conteúdo ou estilização aprimorada, apenas o ínicio do que pode ser um grande e belo projeto.

A composição usa como base de css, o framework bootstrap, na versão mais recente, para utilização dos icones é utilizado o Bootstrap icons, ambos funcionam muito bem quando usados juntos.



> ==A estilização final será feita pela a equipe==, cores, fontes, icones e outros. 
> Ajudarei sempre que possível, claro.

<hr>
<br>
<br>

# Como modificar a página?

Como dito antes, isto é apenas um esqueleto, porém, funcional.

Para adicionarem conteúdo ao site será necessário apenas modificar o html e colocar texto ~~reais~~ mais convicentes por exemplo.
 
É possível alterar basicamente tudo que está sendo visto na tela, desde cores até tipo de cabeçalho.

Não sintam medo de mexer e "estragar as coisas", o site é de vocês, fucem! 
E eu manterei um backup sempre comigo (pelo menos do que eu fiz!)
>além de claro estar ai pra consertar qualquer parada, de graça

Ex: 

![Página desabafe](https://i.imgur.com/IPgM1SN.png)

O código visto acima é o seguinte:
```htmlmixed=
<div>
    <div class="text-center my-5">
            <h1 class="display-3">
                Desabafe
            </h1>
            <p class="lead">
                Não sinta medo de escrever, é totalmente anônimo e seguro, seus relatos estão à salvo com a gente.
            </p>
    </div>
</div>
```

Para alterar o título, altere o código que faz jus ao mesmo

```htmlmixed=
<div>
    <div class="text-center my-5">
            <h1 class="display-3">
                Faça seu relato <!--Novo título-->
            </h1>
            <p class="lead">
                Não sinta medo de escrever, é totalmente anônimo e seguro, seus relatos estão à salvo com a gente.
            </p>
    </div>
</div>
```
É só recarregar e pronto!

![Página Faça seu relato](https://i.imgur.com/MTsW0mv.png)

Mais informações de como alterar cores, icones e fontes, só me pedir que eu explico via Discord.

<hr>
<br>
<br>

## Outras requisições / como hospedar o site / FAQ

Qualquer outra coisa que vocês precisarem, é só me dar um toque.

Não posso prometer que farei as coisas para vocês, porém, tentarei auxiliar na criação do que vocẽs quiserem.

>Eu amei a ideia do site, quero que vocês honrem o que estão fazendo :yellow_heart: 