Site estático de portfólio pessoal desenvolvido com HTML, CSS e JavaScript simples. O projeto apresenta informações sobre Carlos, sua formação, exemplos de trabalhos e um formulário de contato com validação básica de e-mail no navegador.
O objetivo do projeto é servir como uma página pessoal organizada, leve e fácil de publicar, reunindo:
- apresentação pessoal;
- formação acadêmica e cursos;
- lista de projetos e exemplos de atuação;
- formulário para solicitação de contato ou proposta de serviço.
index.html: página inicial com acesso às seções principais.sobre-mim.html: apresentação pessoal e interesses na área de tecnologia.formacao.html: escolaridade, formação acadêmica e cursos complementares.portfolio.html: exemplos de sites e aplicações web.contato.html: formulário de contato com validação de e-mail.
- HTML5
- CSS3
- JavaScript
O projeto não depende de frameworks, bibliotecas externas ou processo de build.
.
├── index.html
├── sobre-mim.html
├── formacao.html
├── portfolio.html
├── contato.html
├── nav.css
└── box.png
Como o site é estático, existem algumas formas simples de executar localmente.
Abra o arquivo index.html no navegador.
python3 -m http.server 8000Depois, acesse:
http://localhost:8000
php -S localhost:8000Depois, acesse:
http://localhost:8000
npx serve .O terminal informará o endereço local para acesso, geralmente algo como:
http://localhost:3000
No Visual Studio Code, instale a extensão Live Server, abra a pasta do projeto e execute a opção Open with Live Server no arquivo index.html.
- Edite os arquivos
.htmlpara atualizar conteúdo, links e textos. - Edite
nav.csspara ajustar layout, cores, responsividade e estilos do formulário. - Substitua
box.pngcaso queira alterar a imagem usada nos cards da página inicial.
Projeto em formato de site estático funcional, adequado para estudos, apresentação pessoal e evolução incremental do portfólio.