Herb Haven - Produção

Este é um projeto de site chamado "Herb Haven - Produção" desenvolvido em HTML. Ele consiste em várias seções, incluindo uma barra de navegação, uma página inicial (index), uma seção "Sobre" e uma seção "Conta". O site utiliza estilos CSS, a biblioteca de ícones Font Awesome e os frameworks Bootstrap e Popper.js.

Como executar o projeto

1. Baixe todos os arquivos fornecidos, incluindo as pastas "css", "fontawesome-free-6.4.0-web" e "img".
2. Abra o arquivo "index.html" em um navegador da web compatível.

Estrutura do projeto

• O arquivo principal é "index.html", que contém o código HTML da página.
• A pasta "css" contém o arquivo "style.css", que contém os estilos CSS utilizados no site.
• A pasta "fontawesome-free-6.4.0-web" contém os arquivos necessários para a biblioteca de ícones Font Awesome.
• A pasta "img" contém as imagens utilizadas no site.
• O arquivo "script.js" contém código JavaScript que adiciona funcionalidades interativas ao site.

Dependências

O projeto utiliza as seguintes dependências externas:

• Font Awesome v6.4.0: Biblioteca de ícones utilizada para exibir ícones em várias partes do site.
• Bootstrap v5.3.0-alpha3: Framework CSS utilizado para estilizar o site.
• Popper.js v2.9.2: Biblioteca JavaScript utilizada para manipular elementos do DOM.

Certifique-se de incluir essas dependências corretamente no seu projeto para garantir o funcionamento adequado.

Funcionalidades principais

• O site possui uma barra de navegação no topo, onde é possível clicar em cada coluna para ativar uma seção correspondente.
• Na página inicial (index), há um título animado com o nome "Herb Haven" que se move aleatoriamente quando o cursor do mouse é colocado sobre ele.
• Na seção "Conta", é possível carregar uma imagem de perfil ao clicar na imagem existente.
• Também na seção "Conta", é possível editar dados pessoais ao clicar nos respectivos itens e digitar novas informações.

Observações

• Este projeto foi desenvolvido com base nas informações fornecidas e pode ser necessário ajustar o código ou as dependências para atender às necessidades específicas do seu ambiente.
• Certifique-se de incluir corretamente as dependências externas mencionadas anteriormente, como os links para os arquivos CSS e JavaScript, para garantir o correto funcionamento do site.

Imagens do projeto

• Index
• Sobre
• Conta