Este é o site que criei no Figma e codifiquei com HTML e CSS. Nele, explorei a criação de um design personalizado e sua implementação. Embora seja um projeto simples, foi uma ótima oportunidade para praticar minhas habilidades em desenvolvimento web.
Este site consiste em uma página de apresentação com um design personalizado. O conteúdo inclui uma imagem centralizada de uma estrela e um parágrafo de texto que descreve o projeto e seus objetivos. O cabeçalho contém ícones e links que podem ser personalizados de acordo com as necessidades do seu projeto.
- HTML5: Utilizado para estruturar a página.
- CSS3: Utilizado para estilizar a página e torná-la visualmente atraente.
- Google Fonts: A fonte "Space Mono" foi importada do Google Fonts para estilizar o texto.
O projeto é composto por dois principais arquivos:
-
HTML (
index.html): Este arquivo contém a estrutura da página, incluindo o cabeçalho, a imagem da estrela e o texto descritivo. -
CSS (
styles/index.css): Este arquivo CSS personalizado define a aparência visual da página. Ele utiliza variáveis CSS para definir as cores e fontes usadas no projeto.
Para executar este projeto em seu próprio ambiente de desenvolvimento, siga estas etapas:
-
Faça o download dos arquivos HTML e CSS.
-
Abra o arquivo
index.htmlem seu navegador da web preferido. -
Você verá a página Star Page exibida no navegador.
Este projeto pode ser expandido e aprimorado de várias maneiras:
- Adicionar funcionalidade interativa usando JavaScript para tornar o site mais dinâmico.
- Criar páginas adicionais para expandir o site em um projeto de várias páginas.
- Implementar responsividade para que o site seja amigável em dispositivos móveis.