Um projeto pessoal que desenvolvi agora a respeito de uma das minhas paixões: flores
Um preview da Página:
O arquivo em html ficou assim:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
les Floris Tao | Página Principal
</title>
</head>
<body>
<h1> Home </h1>
<h2>Quem somos nós</h2>
<p> Um refúgio onde o equilíbrio sereno encontra a elegância atemporal.<br>
Nossa floricultura é um jardim onde a harmonia com a natureza guia cada criação.<br>
Aqui, cada arranjo não é uma imposição, mas uma conversa com a própria flor.<br>
Nossas criações são despretensiosas, honrando o fluxo natural de cada haste e folha,<br>
celebrando a perfeição na imperfeição.
O resultado é uma estética que parece ter sido cuidadosamente pensada e,<br>
ao mesmo tempo, livre, como se as flores tivessem sido delicadamente colhidas<br>
em um jardim no auge de sua beleza. É uma celebração do belo sem excessos, <br>
onde a serenidade nos guia para a paz, e a sofisticação nos convida a apreciá-la com um toque de romance.</p>
<img src="flores.jpg" alt="Um fundo com flores brancas levemente esverdeado">
<h3> Principios da le Floris Tao </h3>
<ul>
<li>
equilibrio
</li>
<li>
harmonia com a natureza
</li>
<li>
preservação ambiental
</li>
<li>
beleza na singularidade
</li>
<li>
floriculta orgânica
</li>
</ul>
</body>
</html>
Aceito sugestões de melhoras.
(Estou ciente que posso melhorar essa quebra de linha no css posteriormente, definindo um número médio de caracteres para tal, deixaria meu código mais limpo e menos repetitivo suponho).