KARMA.

KARMA RESTAURANT WEB-SITE

Pagina web, completamente responsive.

Este es el segundo proyecto creado en el Bootcamp de GeekHub Academy. Una forma de evaluar los conocimietnos adquiridos durante la segunda semana de bootcamp.

La Web esta dividida en 5 partes. Cada una con su respectiva Barra de navegacion y Footer

Partes:

1. Home
2. About us
3. Get in touch
4. Menu
5. Book a table

---

Home

Menu

Booking

Navegation Bar

Footer

---

Herramientas y recursos

Herramientas

• Generador de Sombras: https://www.cssmatic.com/box-shadow
• Generador de paletas de colores: https://colorhunt.co/

---

plugins chrome

Measure-it:

Regla para verificar el ancho, la altura o la alineación de los elementos de una página web en píxeles. https://chrome.google.com/webstore/detail/measure-it/jocbgkoackihphodedlefohapackjmna

Colorzilla:

Se puede obtener una lectura de color desde cualquier punto de su navegador, ajustar rápidamente este color y pegarlo en otro programa. https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

WhatFont:

Identifica el tipo de Font que hay en una pagina web. https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm/support?hl=es

Css Peeper:

Herramietna que identifica cualquier tipo de estilo que se este usando en una web. https://csspeeper.com/

---

Fonts y Fotos

https://www.pexels.com/

Fonts

Fonts utilizadas para el proyecto:

• BODY: "OPEN SANS" - https://fonts.google.com/specimen/Open+Sans
• TITTLE - SUBTITLE: "PLAYFAIR DISPLAY" - https://fonts.google.com/specimen/Playfair+Display

---

Tecnologias:

• HTML
• Css: Grid, flexbox
• Bootstrap5

---

Colores

Colores Utilizados:

1. Body: #000
2. Body: #b3b3b3
3. Titulos: #fff
4. Sutitles / links: #ff7a5c

---

Documentacion utilizada

Entendiendo Grid:

https://css-tricks.com/snippets/css/complete-guide-grid/

Entendiendo Flex:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Entendiendo como agregar videos:

https://www.w3schools.com/howto/howto_css_fullscreen_video.asp

---

Webs en las que me inspire.

https://en.northleg.com/valencia/

¹

Footnotes

1. Por LizaCastDiaz ↩