Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andreriffen/evento-spa

Uma página da web estática destinada para evento 📅📆
https://github.com/andreriffen/evento-spa

Last synced: about 2 months ago
JSON representation

Uma página da web estática destinada para evento 📅📆

Awesome Lists containing this project

README 

        
# Landing Page SPA 🚀

![Preview do Projeto](https://github.com/andreriffen/evento-spa/blob/9795f7f935531be4ea669d98ea4d7e3ca5b2ab0f/preview.jpg)



[Demonstração no GitHub Pages](https://andreriffen.github.io/evento-spa/)



    📅 Página Web para um evento 📆



## ℹ️ Descrição



Bem-vindo ao repositório do projeto de prática de HTML e CSS! Este é um protótipo antigo que criei para aprimorar minhas habilidades de desenvolvimento web. Lembre-se de que este não é um site profissional nem corresponde a nenhum evento. É apenas um exercício para explorar diferentes aspectos de tags de marcação e estilização em cascata.



## 🎯 Objetivo



O objetivo principal deste projeto era praticar a criação de um site responsivo e atraente. Explorei várias técnicas de design, incluindo:



- Implementação de um **splash** com gradiente e imagens de fundo para dar um impacto visual.

- Criação de um **formulário de inscrição** com campos de entrada e um seletor de opções.

- Destaque de **itens de seção** com imagens e descrições.

- Fornecimento de informações sobre a **localização** do evento, juntamente com detalhes relevantes.

- Adição de **seções adicionais** para introduzir mais conteúdo interessante.

- Inclusão de um **call to action** para incentivar a participação dos visitantes.



- Também usei o *Abode Illustrator* para diminuir o tamanho das imagens compactando. Assim reduzindo o tempo de carregamento da página, ou até mesmo o download da pasta inteira.



## 🕹️ Demonstração (GitHub Pages)



Você pode ver a página "Hora do Dia" em ação [clicando aqui](https://andreriffen.github.io/evento-spa/).



## 👨‍💻 Tecnologias Utilizadas



Durante o desenvolvimento deste projeto, pratiquei as seguintes tecnologias:



- **HTML 5:** Estruturação do conteúdo da página.



- **CSS 3:** Estilização e design responsivo.



## 💬 Observações



Gostaria de ressaltar novamente que este projeto não representa um site real e não está hospedado em qualquer lugar. Foi criado apenas para fins de aprendizado e prática de desenvolvimento web.



Sinta-se à vontade para explorar o código fonte e entender como diferentes elementos foram implementados. Lembre-se de que o código pode não seguir as melhores práticas atuais, pois se trata de um projeto de prática anterior.



- 🙋‍♂️ Se você é um recrutador e está analisando, quero que note o meu cuidado ao escrever este documento! Veja as diferentes técnicas de desenvolvimento, diagramação e revisão.



Se você é um aspirante a desenvolvedor web, espero que este protótipo possa servir como inspiração e motivação para você explorar mais o mundo do desenvolvimento web!



Divirta-se explorando o código e experimentando diferentes técnicas de design. Se tiver alguma dúvida ou quiser discutir algo relacionado ao projeto, fique à vontade para entrar em contato.



### ☕ Autor



- 2021 | 2023 ©️ **Andre Riffen** - [Perfil GitHub](https://github.com/andreriffen)



Não se preocupe quanto a licença, este projeto é só um exercício pequeno de quando eu estava no início do meu curso de desenvolvimento de sistemas em 2021. Pode copiar, modificar, remixar à vontade!