Skip to content

Latest commit

 

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Miriã Amaral - Landing Page: Meu Portfólio 🌐💻

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.

Sobre o projeto 💙

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.


🎥 Veja o Projeto em Ação!

Que tal dar uma olhada na Landing Page ao vivo? Meu portifólio Funcionando

minha pagina portifolio minha pagina portifolio 2 minha pagina portifolio 3 OK minha pagina portifolio 4 minha pagina portifolio dark

💡 Funcionalidades Destaque

  • 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-texts e estados de foco para uma navegação inclusiva.

🛠 Tecnologias Utilizadas

  • 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.

⚙️ Como Rodar o Projeto (Localmente):

  1. Clone este repositório:
    git clone [https://github.com/miriaamaral/landing-page-my-desafio/](https://github.com/miriaamaral/landing-page-my-desafio/)
  2. Entre na pasta do projeto:
    cd landing-page-my-desafio
  3. Abra o arquivo index.html no seu navegador.
    • Você pode arrastar o arquivo index.html para a janela do navegador ou usar uma extensão como "Live Server" no VS Code para uma melhor experiência.

Conecte-se Comigo! 👋

Gostou do meu primeiro portfólio ou quer trocar uma ideia sobre algum projetinho? Ficarei super feliz!

LinkedIn Badge GitHub Badge Discord Badge

Vamos juntos construir o futuro da tecnologia! ✨


About

Este repositório é a minha solução para o desafio de construir uma Landing Page responsiva e moderna utilizando apenas as bases do desenvolvimento web: HTML e CSS puros. Este projeto demonstra a arte de estruturar conteúdo de forma semântica e estilizá-lo para criar uma experiência de usuário atraente em qualquer dispositivo.

Topics

Resources

Stars

2 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages