https://github.com/denetodev/order-summary-component-main

O projeto "Order Summary Card" é um cartão de resumo de pedido estilizado usando Bootstrap e SASS. O layout é responsivo, garantindo uma boa experiência em diferentes dispositivos.
https://github.com/denetodev/order-summary-component-main

css3 html5 sass scss-framework web-responsive

Last synced: about 2 months ago
JSON representation

O projeto "Order Summary Card" é um cartão de resumo de pedido estilizado usando Bootstrap e SASS. O layout é responsivo, garantindo uma boa experiência em diferentes dispositivos.

• Host: GitHub
• URL: https://github.com/denetodev/order-summary-component-main
• Owner: denetodev
• Created: 2024-08-31T02:00:42.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-02T03:35:33.000Z (5 months ago)
• Last Synced: 2024-11-19T05:58:25.264Z (2 months ago)
• Topics: css3, html5, sass, scss-framework, web-responsive
• Language: CSS
• Homepage: https://order-summary-component-main-eta-eosin.vercel.app
• Size: 158 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Order Summary Card | Desafio Frontend Mentor

Este projeto é uma solução para o desafio de criar um cartão de resumo de pedido, desenvolvido para demonstrar habilidades em layout responsivo e design moderno. A página é completamente estilizada usando Bootstrap e CSS customizado, oferecendo uma experiência de usuário fluida e atraente.

Sinta-se à vontade para visitar meu perfil no Frontend Mentor - [@deusdeteneto](https://www.frontendmentor.io/profile/deusdeteneto)

## Índice de conteúdos

- [Visão geral](#visão-geral)

  - [Imagem](#imagem)

  - [Links](#links)

- [Meu processo](#meu-processo)

  - [Construído com](#construído-com)

  - [O que eu aprendi](#o-que-eu-aprendi)

  - [Desenvolvimento contínuo](#desenvolvimento-contínuo)

  - [Recursos utilizados](#recursos-utilizados)

- [Autor](#autor)

## Visão geral

### Imagem

![Imagem do Projeto](https://raw.githubusercontent.com/deusdeteneto/order-summary-component-main/main/design/image-desktop.jpeg) 

### Links

- URL da Solução: [Adicionar URL da solução aqui](https://www.frontendmentor.io/solutions/order-summary-card-P6Y_zVvbE-) 

- URL do Site: [Adicionar URL do site aqui](https://order-summary-component-main-eta-eosin.vercel.app/) 

## Meu processo

### Construído com



  



### O que eu aprendi

Durante o desenvolvimento deste projeto, aprofundei meus conhecimentos em layout responsivo usando Bootstrap e estilização de componentes com SASS. Aprendi a garantir que o footer ficasse no fundo da página sem alterar a altura do card e a aplicar uma estilização consistente para diferentes tamanhos de tela.

### Desenvolvimento contínuo

Para futuros projetos, pretendo explorar mais funcionalidades interativas usando JavaScript e CSS avançado. Também quero focar na otimização da acessibilidade e desempenho das minhas páginas para garantir uma melhor experiência de usuário.

### Recursos utilizados

- [Documentação do Bootstrap](https://getbootstrap.com/docs/5.3/getting-started/introduction/) - Essencial para construir um layout responsivo e estilizado.

- [Google Fonts](https://fonts.google.com/) - Para adicionar fontes personalizadas ao projeto.

- [Sass Documentation](https://sass-lang.com/documentation/) - Importante para tirar dúvidas sobre as boas práticas do SASS.

- [MDN Web Docs](https://developer.mozilla.org/) - Excelente recurso para aprender mais sobre HTML, CSS e boas práticas de desenvolvimento web.

## Autor

Você pode encontrar mais informações sobre mim clicando nas minhas redes abaixo:

- [GitHub](https://github.com/deusdeteneto)

- [Linkedin](https://www.linkedin.com/in/deusdeteneto)

- [Instagram](https://www.instagram.com/torresneto.tn/)