https://github.com/felipeg-almeida/planilhasblitz
Site integrado a plataforma hotmart de serviços/produtos digitais, com foco na criação e comércio de planilhas de excel, com objetivo de automatizar e facilitar a rotina de micro e pequenas empresas. O intuito do site, além de facilitar a divulgação das planilhas, foi solidificar meu conhecimento nas principais tecnologias do front-end, HTML, CSS.
https://github.com/felipeg-almeida/planilhasblitz
css e-commerce-website excel html
Last synced: 29 days ago
JSON representation
Site integrado a plataforma hotmart de serviços/produtos digitais, com foco na criação e comércio de planilhas de excel, com objetivo de automatizar e facilitar a rotina de micro e pequenas empresas. O intuito do site, além de facilitar a divulgação das planilhas, foi solidificar meu conhecimento nas principais tecnologias do front-end, HTML, CSS.
- Host: GitHub
- URL: https://github.com/felipeg-almeida/planilhasblitz
- Owner: FelipeG-Almeida
- Created: 2023-03-25T00:26:04.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-13T14:43:15.000Z (over 2 years ago)
- Last Synced: 2025-02-26T04:26:38.313Z (9 months ago)
- Topics: css, e-commerce-website, excel, html
- Language: HTML
- Homepage: https://planilhasblitz.com/
- Size: 4.43 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Planilhas Blitz
Este é o projeto Planilhas Blitz um site integrado à plataforma Hotmart que oferece serviços e produtos digitais focados na criação e comércio de planilhas de Excel. O objetivo principal do site é automatizar e facilitar a rotina de micro e pequenas empresas proporcionando praticidade e facilidade na gestão dos negócios.
🚀 Site
[https://planilhasblitz.com/](https://planilhasblitz.com/)
📷 Capturas
Desktop -
* Tela Inicial
---
* Sobre
---
* Contato
---
- Mobile
🧐 Funcionalidades
Alguns exemplos de funcionalidades do website:
* Navegue pelo site utilizando a barra de navegação no cabeçalho
* Clique nos links para acessar as diferentes seções do site como "Planilhas" "Sobre" e "Contato".
* Explore as planilhas disponíveis na seção "Novidades" e clique nos cards para obter mais informações.
* Caso não encontre uma planilha adequada utilize o link "Contato" para entrar em contato com a equipe e solicitar uma planilha personalizada através do formulário disponível.
* Através de um link do produto, o usuário é redirecionado ao hotmart para finalizar a compra.
🛠️ Configuração
1. Faça o download ou clone este repositório em sua máquina local.
2. Abra o arquivo ´index.html´ em seu navegador para acessar a página inicial do site.
## ⚙️ Estrutura do Projeto
O projeto é organizado da seguinte forma (resumido):
```
root/
├── index.html
├── planilhas.html
├── planilhas
├── css/
│ ├── normalize.css
│ ├── reset.css
│ ├── base.css
│ ├── cabecalho.css
│ ├── rodape.css
│ ├── paginaInicial/
│ │ ├── chamada.css
│ │ ├── novidades.css
│ │ ├── diferenciais.css
│ ├── planilhas/
│ │ ├── cabecalho.css
│ │ ├── sugestao.css
├── img/
│ ├── logo.png
│ ├── destaques/
│ │ ├── destaque_0.png
│ │ ├── destaque_1.png
│ │ ├── destaque_2.png
│ ├── icones/
│ │ ├── instagram.png
│ │ ├── whatsapp.png
├── about.html
├── contact.html
```
💻 Desenvolvido com
Tecnologias e metodologias utilizadas no projeto:
* HTML
* CSS
* Mobile First
## 🤓 Aprendizado
Não há maneira melhor de reconhecer a importância de um framework frontend na construção de uma interface do que construir um website montando seus componentes do zero. A experiência de copiar e colar cada cabeçalho, rodapé e vincular vários arquivos CSS para todas as páginas torna o trabalho verdadeiramente desafiador. No entanto, por meio dessa repetição, consegui alcançar meu objetivo de consolidar meus conhecimentos em CSS e HTML.
---