https://github.com/pabloxt14/landing-page-tech-education
Este é um projeto de uma Landing Page demonstrativa que apresenta a divulgação de uma plataforma de ensino remoto sobre programação (fictícia), com planos especiais para alunos do ensino público.
https://github.com/pabloxt14/landing-page-tech-education
css html javascript scrollreveal vanillatilt
Last synced: about 1 month ago
JSON representation
Este é um projeto de uma Landing Page demonstrativa que apresenta a divulgação de uma plataforma de ensino remoto sobre programação (fictícia), com planos especiais para alunos do ensino público.
- Host: GitHub
- URL: https://github.com/pabloxt14/landing-page-tech-education
- Owner: PabloXT14
- License: mit
- Created: 2021-12-10T20:57:56.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-11T00:21:10.000Z (over 1 year ago)
- Last Synced: 2025-01-27T13:09:41.636Z (3 months ago)
- Topics: css, html, javascript, scrollreveal, vanillatilt
- Language: CSS
- Homepage: https://pabloxt14.github.io/Landing-Page-Tech-Education/
- Size: 94.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Tech Education
🚀 Aplicação finalizada 🚀
About |
Deploy |
Layout |
Inspirations |
How It Works |
Technologies |
Author |
License
## 💻 About
O Tech Education é uma Landing Page demonstrativa que apresenta a divulgação de uma plataforma de ensino remoto sobre programação (fictícia), com planos especiais para alunos do ensino público.
---
## 🔗 Deploy
O deploy da aplicação pode ser acessada através da seguinte URL base: https://pabloxt14.github.io/Landing-Page-Tech-Education/
---
## 🎨 Layout
### FullPage
### Form
### Responsiveness
---
## 💡 Inspirations
✔ [Canal Mr. Web Designer](https://www.youtube.com/c/MrWebDesignerAnas) - para implementação do design do site.
✔ [Rocketseat](https://www.rocketseat.com.br/) - para implementar o envio de formulário sem back-end ([link tutorial](https://www.youtube.com/watch?v=NVc_xY_dP-M)).
---
## 🚀 How it works
### Pré-requisitos
Antes de baixar o projeto você vai precisar ter instalado na sua máquina algum editor de código como [VSCode](https://code.visualstudio.com/)
### Clonando e Executando
Passo a passo para clonar e executar a aplicação na sua máquina:
```bash
# Clone este repositório
$ git clone [email protected]:pabloxt14/Landing-Page-Tech-Education.git
# Acesse a pasta do projeto no terminal
$ cd Landing-Page-Tech-Education
# Para executar o projeto basta rodar o arquivo `index.html` em algum browser
```
* Obs:
- A página está responsiva, então pode executá-la até mesmo em aparelhos de tela menor.
- O Formulário de contato também está funcionando, e irá enviar uma mensagem de agradecimento para o email inserido no formulário.
---
## 🛠 Technologies
As seguintes principais ferramentas foram usadas na construção do projeto:
- **HTML**
- **CSS**
- **JavaScript**
- **[ScrollReveal](https://scrollrevealjs.org/)** (biblioteca de efeitos/animações para apresentação de elementos na tela)
- **[VanillaTilt.js](https://micku7zu.github.io/vanilla-tilt.js/)** (biblioteca js para adicionar efeito de animação 3D em cards/elementos em páginas web)
- **[Fonts Awesome](https://fontawesome.com/)** (biblioteca com diversos icones svg para utilizar em sites)
- **[Form Submit](https://formsubmit.co/)** (back-end/site online que gerencia o envio de formulários)
---
## ✍ Author
[](https://www.linkedin.com/in/pabloalan/)
[](mailto:[email protected])
---
## 📝 License
Este projeto está sob a licença MIT. Consulte o arquivo [LICENSE](./LICENSE) para mais informações
Feito com 💜 por Pablo Alan 👋🏽 [Entre em contato!](https://www.linkedin.com/in/pabloalan/)