E aí, meu 🐙! Bem-vindo(a) ao meu primeiro grande desafio de portfólio como Desenvolvedora Front-End! Este projeto representa uma etapa importante da minha jornada, onde apliquei e consolidei diversos conhecimentos em HTML, CSS e JavaScript para criar uma landing page profissional, interativa e totalmente responsiva.
Este repositório contém o código-fonte de uma landing page pessoal, desenvolvida com o objetivo de apresentar meus projetos e um pouco sobre quem eu sou. É um projeto que demonstra minha evolução e comprometimento com as boas práticas de desenvolvimento web.
Que tal dar uma olhada na Landing Page ao vivo? Meu portifólio Funcionando
- Design Responsivo: Otimizado para visualização em qualquer dispositivo, do desktop ao mobile.
- Alternador de Tema (Claro/Escuro): Personalize sua experiência de visualização com o tema de sua preferência. A página lembra sua escolha para futuras visitas e respeita a preferência do seu sistema operacional.
- Cards de Projeto Interativos: Cada projeto é exibido com uma miniatura visual e um efeito suave de hover, convidando à exploração.
- Navegação Suave: Menus com scroll suave para as seções da página.
- Acessibilidade: Implementação de
aria-labels,alt-textse estados de foco para uma navegação inclusiva.
- HTML5: Estrutura semântica da página.
- CSS3 (com variáveis CSS): Estilização completa, temas claro/escuro e responsividade.
- JavaScript (Vanilla JS): Lógica para o alternador de tema e interatividade geral.
- Git & GitHub: Controle de versão e hospedagem.
- Clone este repositório:
git clone [https://github.com/miriaamaral/landing-page-my-desafio/](https://github.com/miriaamaral/landing-page-my-desafio/)
- Entre na pasta do projeto:
cd landing-page-my-desafio - Abra o arquivo
index.htmlno seu navegador.- Você pode arrastar o arquivo
index.htmlpara a janela do navegador ou usar uma extensão como "Live Server" no VS Code para uma melhor experiência.
- Você pode arrastar o arquivo
Gostou do meu primeiro portfólio ou quer trocar uma ideia sobre algum projetinho? Ficarei super feliz!
- Plataforma de Estudos (DIO): https://www.dio.me/sign-up?ref=6F1F401485F9459BA6AC879FEA95D1B5
Vamos juntos construir o futuro da tecnologia! ✨