Terminado

Modificaciones a sitio web Panama Healthy Week

Publicado el 20 Junio, 2016 en Programación y Tecnología

Sobre este proyecto

Abierto

Hola necesitamos una persona que realice los siguientes cambios para esta web:
http://panamahealthyweek.com/home/

Cambios que deben reflejarse en versión desktop y móviles (responsive)

1) Menú principal - REQUERIMIENTOS
1.1) Hacer que el menú sea sticky header.
1.2) Eliminar el icono de la lupa y la línea que aparece entre el ícono de instagram y la lupa.
1.3) Cambiar icono de instagram, colocar el de font awesome icons (http://fontawesome.io/icon/instagram/)
1.4) Hacer que el logo que va en el header (logo de Panama Healthy Week: para ello adjuntaremos archivo phw-logo.ai) se vea bien en pantallas retina (dispositivos Apple)
1.5) En la versión móvil, las redes sociales deben ir alineadas al centro.

2) Secciones del home - REQUERIMIENTOS
2.1) Sección Agenda
2.1.1) La semana que se muestra debe ser fija: del 11 de julio al 17 de julio (debe destacar cada día cuando estemos en dicha fecha).
2.1.2) Sustituir donde diga, por ejemplo, 3 classes, por mostrar para todos los días del calendario.
2.1.3) Eliminar las flechas a los extremos del calendario sólo en en la versión desktop.
2.1.4) Eliminar las flechas a los extremos del mes < JULIO, 2016 >. Ver imagen etiquetacalendario.jpg
2.1.4) Mostrar flechas en la versión móvil a los extremos de la agenda.
2.1.5) Eliminar la foto diminuta que aparece al lado del nombre de cada clase.
2.1.6) Eliminar el link para cada clase individual.

2.2) Sección Instructores (inmediatamente luego de Agenda)
2.2.1) Hacer que la sección se muestre tal como aparece en la imagen instructores.jpg.
2.2.2) Para la versión móvil hacer que la sección se muestre tal como aparece en la imagen instructores-moviles.jpg.

2.3) Sección Healthy Stars
2.3.1) Agregar íconos de redes sociales, como aparece en la imagen healthystars.jpg
2.3.2) En la versión para móviles, colocar flechas a los extremos del carrusel de la sección como se aprecia en la imagen healthystar-moviles.jpg

2.4) Sección Come Bonito
2.4.1) Agregar título de la sección, con el mismo formato que tiene el título de la sección Agenda.
2.4.2) En la versión móviles, que se muestre todo el logo ya que sale sólo la mitad.
2.4.3) Al dar clic en el logo, cambiar el color de background al popup que aparece a #fffff

2.5) Sección Feed de Instagram
2.5.1) Utilizando el plugin InstaShow (ya instalado) hacer que aparezca full width, como en la imagen feedinstagram.jpg

2.6) Sección Patrocinadores
2.6.1) Agregar la palabra presentado por, centrada, con el formato que tienen patrocinan e invitan.
2.6.2) Colocar debajo del título presentado por, la imagen del logo multiplaza.jpg
2.6.3) Centrar los títulos patrocinan, invitan y aliados
2.6.4) Debajo de los logos de ALIADOS, colocar dos títulos A beneficio de y produce con sus respectivos logos (unitedway.jpg  y  socialite.jpg), uno al lado del otro, según la imagen logos.jpg
2.6.7) Con respecto al punto anterior, para la parte de móviles, hacer que sea vean como la imagen logos-moviles.jpg

2.7) Espacio morado y parte del footer
2.7.1) Eliminar lo que aparece en la imagen borrar.jpg

3) Página de Perfil de Healthy Star - REQUERIMIENTOS
3.1) Hacer página personalizada del Healthy star que contenga, foto, video, redes sociales y biografía, según la imagen perfil-healthystar.jpg

4) Página Ediciones Anteriores - REQUERIMIENTOS
4.1) Hacer página de ediciones anteriores, que contenga 4 imagenes que lleven el nombre del año encima y que si le haces clic te abre un pop up con la galería de fotos, según las imagenes: edicionesanteriores.jpg  y dicionesanteriores-poppup.jpg

Cambios generales:
Arreglar el mark up - la web en versión móvil no puede dejar agrandarse ni reducirse, ver la sección agenda, al dar clic por ejemplo en 3 classes y que se despliega el pop up, se daña el mark up de la web.

Gracias.

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo las especificaciones
Disponibilidad requerida Según se necesite
Roles necesarios Programador

Plazo de Entrega: 25 Junio, 2016

Habilidades necesarias