Um projeto de formulário interativo para criação de convites digitais personalizados para eventos.
- Detalhes do evento:
- Título, data de início e fim.
- Tipo de evento: presencial ou online.
- Local e descrição do evento.
- Escolha de cores principais para o convite.
- Seleção de temas com imagens ilustrativas.
- Alternância entre modo claro e escuro.
- Upload de uma foto de capa para o convite.
- Campos para nome, e-mail e telefone.
- Aceitação de termos e condições.
- Opção para receber atualizações e promoções por e-mail ou SMS.
- HTML: Estrutura do formulário e layout da página.
- CSS: Estilização do formulário e componentes:
- Arquivos principais:
global.css,layout.css,forms.css. - Estilos específicos:
fields/(inputs, botões, radio buttons, etc.).
- Arquivos principais:
- Google Fonts: Fontes personalizadas como:
- Baloo 2
- Leckerli One
- Open Sans
INVITATION-FORM/
├── index.html
├── README.md
├── assets/
│ ├── Background.png
│ ├── Logo.svg
│ ├── icons/
│ │ ├── building-2.svg
│ │ ├── building-checked.svg
│ │ ├── calendar.svg
│ │ ├── check.svg
│ │ ├── checked.svg
│ │ ├── circle-alert.svg
│ │ ├── contact.svg
│ │ ├── paintbrush-vertical.svg
│ │ ├── ticket.svg
│ │ ├── unchecked.svg
│ │ ├── upload.svg
│ │ ├── video-checked.svg
│ │ └── video.svg
│ └── images/
│ └── ...
├── styles/
│ ├── global.css
│ ├── layout.css
│ ├── index.css
│ ├── forms.css
│ └── fields/
│ ├── buttons.css
│ ├── checkbox.css
│ ├── index.css
│ ├── input.css
│ ├── radio.css
│ └── upload.css
-
Clone este repositório:
-
Abra o arquivo
index.htmldiretamente no navegador. -
Personalize o formulário conforme necessário.
Este projeto está licenciado sob a MIT License. Sinta-se à vontade para usá-lo e modificá-lo conforme necessário.