https://github.com/cavicf/paginareceitas

🧪 Este repositório reúne um projeto prático desenvolvido durante o curso de Desenvolvimento Web, com foco na criação de uma página de receitas. Inspirado no modelo do site TudoGostoso, o objetivo foi apresentar uma receita de forma clara e organizada, utilizando elementos visuais como cards, imagens e efeitos de destaque.
https://github.com/cavicf/paginareceitas

css3 html5

Last synced: about 1 year ago
JSON representation

🧪 Este repositório reúne um projeto prático desenvolvido durante o curso de Desenvolvimento Web, com foco na criação de uma página de receitas. Inspirado no modelo do site TudoGostoso, o objetivo foi apresentar uma receita de forma clara e organizada, utilizando elementos visuais como cards, imagens e efeitos de destaque.

• Host: GitHub
• URL: https://github.com/cavicf/paginareceitas
• Owner: cavicf
• Created: 2025-04-18T19:14:14.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-18T19:29:15.000Z (about 1 year ago)
• Last Synced: 2025-04-27T00:55:01.142Z (about 1 year ago)
• Topics: css3, html5
• Language: HTML
• Homepage:
• Size: 8.93 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🍽️ Página Receitas

Este repositório contém uma **Página de Receitas** inspirada no estilo do site TudoGostoso. A proposta foi organizar as informações de forma clara e atrativa, dividindo os conteúdos em **cards** estilizados que apresentam ingredientes, modo de preparo e instruções adicionais, com um **design simples, moderno e funcional**.

---

## 🎯 Objetivo

Criar uma página de receitas com layout organizado em seções, proporcionando uma boa experiência visual e de leitura, utilizando apenas **HTML5** e **CSS3**.

---

## 🛠️ Tecnologias Utilizadas

- HTML5  

- CSS3

---

## 📚 Conceitos Aplicados

- Estruturação de conteúdo com `
`  

- Estilização de **cards** com **CSS**  

- Efeitos visuais com `:hover` e `box-shadow`  

- Manipulação e exibição de **imagens**  

- Layout simples com foco na usabilidade


---

## 📌 Status do Projeto

✅ Concluído

---

## 📁 Estrutura do Projeto

```pagina-receitas/ 

├── index.html

├── style.css

├── images/

    └── [imagens utilizadas na página]

```

---

## 📈 Aprendizados

Durante o desenvolvimento deste projeto, pude reforçar a prática de estruturar conteúdos de maneira organizada utilizando `
`, além de explorar o **CSS** para criar efeitos visuais que tornam a navegação mais interativa. A experiência foi essencial para aprofundar o uso de divisões com `
`, aplicar estilizações modernas em cards, manipular imagens de forma eficiente e compreender melhor a importância da hierarquia visual em páginas web.