O site Monday Falls é um projeto que criei com o objetivo de destacar uma das mais deslumbrantes cachoeiras da América do Sul, tornando-a mais visível, mesmo que ainda não seja tão reconhecida. O público-alvo principal inclui turistas e indivíduos interessados no tema.
👾 Link: Acesse clicando aqui!
https://monday-falls.netlify.app
📋 Pré-requisitos: Para acessar o site é necessário possuir um dispositivo com acesso à internet.
🛠️ Construído com: HTML e CSS
✒️ Autores: Patrícia Nogueira Dias (eu :D)
🎁 Expressões de gratidão: A criação deste site foi um verdadeiro desafio! Inicialmente, eu tinha em mente um projeto mais complexo, com várias páginas e recursos interativos. Entretanto, ao longo do processo, enfrentei diversos conflitos devido à minha rotina entre trabalho, casa e faculdade. Mesmo assim, persisti e ajustei a ideia para que se encaixasse dentro do meu conjunto de conhecimentos. Honestamente, como alguém que nunca tinha visto uma tela de códigos antes, estou feliz com o resultado final!
Tag ou Atributo | Descrição |
---|---|
!DOCTYPE html |
Define o tipo do documento como HTML5. |
html lang="en" |
Define o idioma padrão do documento. |
head |
Abre a seção onde configurações e metadados são definidos. |
meta charset="UTF-8" |
Define a codificação de caracteres para a língua portuguesa. |
meta name="viewport" |
Configurações de responsividade para dispositivos móveis. |
title |
Nome da página exibido na barra de título do navegador. |
link rel="stylesheet" |
Conecta o arquivo CSS externo "styles.css" ao HTML. |
header |
Cabeçalho. |
a href="" |
Links para outras páginas. |
h2 , p , h3 |
Tags para acrescentar textos. |
class="inicio" , class="video" |
Utilizadas para estilização no CSS. |
iframe |
Exibe um vídeo incorporado no site (do YouTube, por exemplo). |
script src="" |
Adiciona um arquivo JavaScript externo. |
footer |
Rodapé. |
span |
Linha digitável. |
i class="" |
Chamada para ícones no rodapé. |
form |
Formulário. |
label for="" |
Descrição para campos de entrada. |
input type="" |
Caixa de entrada de texto ou senha. |
button type="" |
Botões para envio de formulário. |
padding
emargin
: Definem preenchimentos e margens dos elementos.background
: Configura imagens, cores ou gradientes como plano de fundo.border
: Especifica propriedades da borda, incluindo largura, estilo e cor.font-family
: Define a família de fontes para o texto.
- Por tag: Aplica estilos a elementos com base em sua tag HTML, como
<p>
ou<h1>
. - Por classe: Aplica estilos a elementos com uma classe específica definida pelo atributo HTML "class".