https://github.com/gustavosachetto/pixchel

Site concluído para aprendizado de layout responsivo no CSS.
https://github.com/gustavosachetto/pixchel

css-flexbox css-responsive css3 html5 javascript jquery

Last synced: about 2 months ago
JSON representation

Site concluído para aprendizado de layout responsivo no CSS.

• Host: GitHub
• URL: https://github.com/gustavosachetto/pixchel
• Owner: GustavoSachetto
• License: mit
• Created: 2023-09-14T17:49:06.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-01T17:22:17.000Z (7 months ago)
• Last Synced: 2025-01-27T08:44:20.243Z (4 months ago)
• Topics: css-flexbox, css-responsive, css3, html5, javascript, jquery
• Language: CSS
• Homepage: https://gustavosachetto.site/pixchel
• Size: 4.68 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![image](https://github.com/user-attachments/assets/4a1dd0fb-7bdb-4ed8-8736-325a905a5838)

# Pixchel

Pixchel foi um projeto baseado na ideia de gerar um site completamente responsivo, onde o __principal foco está nos formularios de cadastro, login e recuperação de conta.__ Foi utilizado HTML, CSS e Javascript.

* __Link de acesso:__ https://gustavosachetto.site/pixchel

## Desenvolvendo

Neste projeto foi utilizado as demais tecnologias:

* __HTML:__ Tags semânticas, formulários, imagens, título hierárquico e lista desordenadas.

* __CSS:__ Seletores avançados, pseudo-classes, pseudo-elementos, definição de variaveis com o root, layout flexbox, responsividade e importações de fontes.

* __JS:__ Menu responsivo, validação dos inputs do formulário, mudando elementos com DOM, criação de funções e variáveis.

* __JQUERY:__ Adicionando e removendo classes, adicionando elementos no HTML, analisando atributos dos elementos e alterando elementos.

## Resultado

### Home:

![image](https://github.com/user-attachments/assets/27d76532-d10f-41ae-8cf5-48b1a984add9)

### Formulário de login:

![image](https://github.com/user-attachments/assets/a34cef5c-9fab-42b2-835a-29ea194ec049)

### Formulário de cadastro:

![image](https://github.com/user-attachments/assets/533eccd5-885b-42a5-904c-22df1bc4b69a)

**************