Web estática

En esta sección voy a contar como fui desarrollando la web estática de Cervezas Lennon.

Lo primero que hice fue buscar una plantilla, y tras buscar bastante encontré esta plantilla: https://startbootstrap.com/previews/business-casual

Me gustó porque está muy completa y tenía elementos que me iban a venir bien como el nav y el footer, varios apartados como el de productos que me venían bastante bien y además la estética de la página concordaba bastante con lo que yo estaba buscando.

Una vez elegida la plantilla lo primero que hice fue cambiar la imagen de fondo y quitar el título y poner el logo de Cervezas Lennon.

También cambie el navegador para que haya solo 3 apartados y que fueran: nosotros, productos y contacto. Esto lo hice en todas las secciones.

A continuación quería que cuando accedieses a la página web te pidiese que confirmases que eres mayor de edad, ya que esto lo hacen en todas las páginas web de marcas de cerveza, para ello decidí hacerlo en el index ya que es la primera sección a la que accedes al entrar en la página. Dejé el logo y el footer y borré todo lo demás excepto el container en el que pone our promise to you, ya que pensé que lo podría utilizar. Cambie el contenido del container y metí dentro un nav en el que pusiera las opciones si o no e hice que si le das a si te lleve a productos y si le das a no te saque de la página llevándote al buscador de google ya que vi que era lo que pasaba en otras páginas. Este fue el resultado:

Una vez finalizado el index me puse con las secciones productos y nosotros, me gustaba bastante como estaban en la plantilla solo que al poner mis imágenes todo se descuadró un poco así que decidí borrar bastante y cambiar toda la distribución para que también se adaptase mejor a otros dispositivos ya que en el móvil con el cambio de imágenes se veía bastante mal. Una vez puesto todo en orden cambié los títulos y los textos y con eso terminé estas secciones.

                        Nosotros                                                   Productos(móvil)

Me di cuenta que al utilizar dispositivos más pequeños el nav se comprimía, desaparecía el logo de encima del navegador y ponía start bootstrap como título, lo cambié y puse el logo y CERVEZAS LENNON.

Antes                                                                Después                

También cambié el footer para que ponga el correo electrónico y el copyright que vi que es lo que se suele poner:

Por último hice un formulario de contacto a través del cual se pueden enviar correos al gmail de cervezas lennon:

y con esto doy por terminada la web estática de cervezas Lennon.