1. Web Design
  2. HTML/CSS
  3. Landing Pages

Crea una Página de "Próximamente" en 60 Segundos

Scroll to top
This post is part of a series called 60 Second Video Tutorials.
Adobe XD in 60 Seconds
Create a Lo-fi UI Prototype in 60 Seconds

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Echemos un vistazo a como hacer una página de "Próximamente" usando la plantilla HTML Timex de Themeforest.

Comienza el Reloj

Aquíe está hacia lo que estaremos trabajando:

TimexTimexTimex
Timex en Themeforest

Primero, encuentra una imagen de fondo que se guste en un sitio como unsplash.com, editala para un tamaño de 1920x1080, después mientras estás en eso haz reemplazos para los archivos "logo_only.png" y "logo_large.png" que se encuentran en la carpeta "img" de la plantilla.

Nota: estos deberían tener fondos transparentes.

Agrega tus tres nuevas imagenes a la carpeta "img" de la plantilla para reemplazar los viejos.

Ahora previsualiza el archivo index.html de la plantilla y verás nuevas imagenes en lugar.

Edita el Archivo Index

Ahora necestimos abrir ese archivo index.html y editar el código. Reemplaza cualquier texto descriptivo que pudieras encontrar con descripciones de tu propio negocio o producto. Asegurate de editar los detalles de contacto, incluyendo tu dirección de email, tu dirección postal, tu número de teléfono, direcciones web y cualquier enlace de social media.

Es una Cita

Localiza el reloj de fecha de cuenta regresiva:

1
data-date="12/30/2016 00:00:00"

Cambialo a una fecha en el futuro, después refresca tu página en el navegador para ver la cuenta regresiva funcionando y tu página entera de "próximamente" completa.

¡Eso es todo!

Así es como creas una página de "próximamente" en sesenta segundos. Echa un vistazo a las plantillas de En Construcción más vendidad en Themeforest.