OnePage Website Restaurant - Diseño Web Frontend
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
dist
fonts
imgs
js
offline
videos
.firebaserc
README.md
commits.txt
firebase.json
index.haml
index.html
index.php
manifest.json
prepros-6.config
server.go
sw-dist.js
sw.js

README.md

Proyecto Desarrollo Web Frontend

OnePage Website Restaurant - Diseño Web Frontend

Características del sitio:

Proyecto de página web con tecnologías web frontend, enfocado en un restaurant.

  • El inicio tiene un video cover en en background y print scream del video que se muestra mientras carga el mismo.

  • A través de javascript se muestra en el inicio un mensaje si el restaurant esta abierto o cerrado según el horario.

  • El menú tiene un efecto sticky navigation para que al momento de scrollear siempre este visible en la pantalla.

  • La carta o menú del restaurant tiene un efecto hover en escritorio y touch en móvil sobre las imagenes para mostrar el detalle.

  • Galería de imágenes en un slider controlado por javascript y con animaciones hechas en css. (La mayor parte de las animaciones del sitio estan hechas con css)

  • Una card con fuentes personalizadas y mensaje del lugar.

  • Acceso sin internet después del primer ingreso. (Se muestra una página con informacion básica del sitio).

  • Un step form de contacto sin código en el backend para el envío de un email. (Utilizando Formspree usando AJAX).

  • Mapa con marcador de la ubicación del restaurant y geolocalización para identificar a que distancia esta el usuario del restaurant.

Screenshot Inicio

Screenshot Menú

Screenshot Galería

Screenshot Contacto

Screenshot Maps

Screenshot Maps Screenshot Maps Screenshot Maps Screenshot Maps Screenshot Maps Screenshot Maps

http://bufonrestaurant.com/ o https://bufontallergourmet.firebaseapp.com/