luna ← Voltar ao portfólio
Projeto de estudo — Gastronomia

Vegan Restaurante

Site fictício de restaurante vegano, desenvolvido como projeto de estudo de front-end — carrossel, cardápio filtrável e formulário de contato.

Visitar site ↗
Rolagem completa do site Vegan Restaurante
passe o mouse para navegar pelo site ↓
Setor — Projeto de estudo — gastronomia
Plataforma — HTML, CSS, Bootstrap, JavaScript
Local — Projeto pessoal, sem cliente real
O cliente

Quem é

Vegan Restaurante é um projeto de estudo de front-end — um site fictício de restaurante vegano usado para praticar layout responsivo, carrossel de imagens e filtros de cardápio, sem cliente real por trás.

O desafio

O que precisava resolver

Reproduzir, sem framework JS pesado, os componentes clássicos de um site de restaurante — carrossel de destaque, seção 'sobre', cardápio com filtro por categoria e formulário de contato — mantendo tudo responsivo e organizado com Bootstrap.

A solução

O que fizemos

Um carrossel de banner rotativo na home, seção 'sobre o restaurante' e 'sobre o espaço' com foto real do ambiente, um cardápio filtrável por categoria (bebidas não alcoólicas, alcoólicas, entradas, pratos principais e sobremesas) e um formulário de contato completo no rodapé, junto com blocos de forma de pagamento.

Como foi construído

Stack & ferramentas

HTML5 e CSS3 com Bootstrap para o grid e os componentes, e JavaScript para o carrossel e o filtro de cardápio.

Destaques do site

O que esse projeto tem de especial

Carrossel de destaque

Três slides rotativos apresentando os valores do restaurante.

Cardápio filtrável

5 categorias organizadas em abas — bebidas, entradas, pratos e sobremesas.

Seção 'sobre' dupla

Sobre o restaurante e sobre o espaço, cada uma com texto próprio.

Rodapé completo

Contato, redes sociais, endereço e formas de pagamento em colunas.

Quer um site com esse nível de cuidado para o seu projeto?

Falar sobre meu projeto