Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/devdeividmoura/recipe-page


https://github.com/devdeividmoura/recipe-page

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

# šŸ§ PĆ”gina de Receita

Este Ʃ um projeto simples desenvolvido para praticar fundamentos bƔsicos de CSS. Ele consiste em uma pƔgina HTML que exibe uma receita de cupcake com cafƩ e chantilly. O projeto utiliza apenas HTML e CSS, com imagens armazenadas na pasta `assets/images`.

## šŸ“– VisĆ£o Geral

A pƔgina apresenta uma receita detalhada de cupcakes, incluindo uma lista de ingredientes e um modo de preparo, alƩm de informaƧƵes sobre o tempo de preparo, rendimento e dificuldade.

## šŸ—‚ļø Estrutura do Projeto

```
|-- index.html # PƔgina principal do projeto
|-- assets/ # Pasta contendo os estilos e as imagens utilizadas
|-- css/
|-- style.css # Arquivo de estilos CSS
|-- images/
|-- bg-image.jpg
|-- main-image.jpg
|-- heart.svg
|-- demo.jpg
```

## šŸ” Como Visualizar

Para visualizar a pƔgina em seu navegador, siga estas etapas:

1. FaƧa o download ou clone este repositĆ³rio:
```bash
git clone https://github.com/DevDeividMoura/recipe-page.git
```
2. Navegue para dentro do projeto:
```bash
cd recipe-page
```
3. Abra o arquivo `index.html` em qualquer navegador para visualizar a pƔgina.

## šŸ–¼ļø DemonstraĆ§Ć£o

Veja abaixo uma prƩvia da pƔgina final:

![DemonstraĆ§Ć£o da PĆ”gina](assets/images/demo.jpg)

## šŸ’» Tecnologias Utilizadas

- **HTML**: Para estruturaĆ§Ć£o semĆ¢ntica da pĆ”gina.
- **CSS**: Para estilizaĆ§Ć£o da pĆ”gina.

## šŸŽÆ Objetivo

O objetivo principal deste projeto Ć© praticar:
- EstruturaĆ§Ć£o semĆ¢ntica de pĆ”ginas HTML.
- EstilizaĆ§Ć£o bĆ”sica com CSS.
- OrganizaĆ§Ć£o de arquivos de projeto.
- Versionamento com Commits Convencionais.

## šŸ¤ ContribuiƧƵes

ContribuiƧƵes e sugestƵes sĆ£o sempre bem-vindas! šŸ˜Š

---

**Feito com ā¤ļø por [Deivid Moura](https://github.com/DevDeividMoura)**