https://github.com/denetodev/four-card-feature-section

Projeto de uma seção com quatro cartões de destaque, desenvolvido para demonstrar habilidades em layout responsivo e design moderno.
https://github.com/denetodev/four-card-feature-section

bootstrap5 css-flexbox css3 design-responsive html5

Last synced: about 2 months ago
JSON representation

Projeto de uma seção com quatro cartões de destaque, desenvolvido para demonstrar habilidades em layout responsivo e design moderno.

• Host: GitHub
• URL: https://github.com/denetodev/four-card-feature-section
• Owner: denetodev
• Created: 2024-08-28T00:56:35.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-30T04:16:07.000Z (5 months ago)
• Last Synced: 2024-11-19T05:58:25.061Z (2 months ago)
• Topics: bootstrap5, css-flexbox, css3, design-responsive, html5
• Language: HTML
• Homepage: https://feature-section-eight.vercel.app
• Size: 170 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Four Card Feature Section | Desafio Frontend Mentor

Este projeto é uma solução para o desafio de criar uma seção de quatro cartões com recursos destacados, 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)

- [Agradecimentos](#agradecimentos)

## Visão geral

### Imagem

![Imagem do Projeto](https://raw.githubusercontent.com/deusdeteneto/Four-card-feature-section/main/design/image-desktop.jpeg)

### Links

- URL da Solução: [Adicionar URL da solução aqui](https://www.frontendmentor.io/solutions/four-card-feature-section-Qaw_IwRrRu) 

- URL do Site: [Adicionar URL do site aqui](https://feature-section-eight.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 em como estilizar componentes com CSS customizado. Aprendi a aplicar transições suaves em elementos hover e a organizar conteúdo de forma visualmente atraente e funcional 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.

- [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/)



  

    

  

  

    

  

  

    

  



## Agradecimentos

Gostaria de agradecer à comunidade do Frontend Mentor por fornecer desafios que ajudam a aprimorar minhas habilidades de front-end e por todo o suporte e feedback recebido.