Skip to content

Latest commit

 

History

History
115 lines (75 loc) · 2.69 KB

README.md

File metadata and controls

115 lines (75 loc) · 2.69 KB

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

Home

Menu

Menu

Booking

Menu

Navegation Bar

Footer

Footer


Herramientas y recursos

Herramientas


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:


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/

1

Footnotes

  1. Por LizaCastDiaz