Plantilla de portafolio gratis diseñada con Material Design – HTML & CSS

La plantilla es completamente responsiva y es fácilmente personalizable a cualquier sitio web. Utilizando el framework Material Design  MDL, se puede cambiar el esquema de colores a cualquier otro material de diseño sin tocar el CSS. Puedes elegir un esquema de color diferente mediante la herramienta de personalización MDL y reemplazar la URL CSS en la cabeza para aplicar los cambios.

La página de inicio de esta plantilla cuenta con una gran tarjeta de bienvenida con un botón de llamada a la acción, seguido de eso se puede encontrar un marcador de posición para mostrar un vídeo de introducción a tus visitantes. También tiene una vista previa de tu portafolio. En la parte inferior, encontrarás secciones para los testimonios de tus clientes, así como los  eventos del calendario.

La página de contacto incluida con la plantilla tiene un formulario de contacto de trabajo con Formspree y también funciona con sitios estáticos (sin PHP). Todo lo que necesitas hacer es cambiar la dirección de correo electrónico en  formulario de envío de la dirección URL y recibirás correos electrónicos de los envíos de formularios de contacto. (Es posible que necesites verificar tu correo electrónico con Formspree primero, Formspree es un servicio gratuito).

 Actualmente el portafolio contiene paginas estáticas (archivos html), pero se prevee en un futuro poder hacer dinámico el sitio con el lenguaje de programación PHP, agregándole funcionalidades que dependa de una pequeña base de datos MySQL.

Gracias al framework MDL, encontrarás animaciones y  efectos al estilo material design en todos los botones. Todas las páginas también contienen un botón de acción flotante (FAB) en la parte inferior en el estilo, para ayudar a tu visitante a pueda rápidamente contactarte fácilmente.

Vista previa de la plantilla de portafolio creada con Material Design

Encuentra debajo de la imagen, una vista previa de la plantilla. También puedes ver una demostración en vivo usando el botón de abajo:

Ver demostración

Todas las imágenes usadas en la demostración (shortsey: Pixabay), así como el logotipo (en formato SVG y PNG) utilizado en el sitio web de demostración se incluyen con el archivo de descarga. La plantilla tiene un código fácil de entender que se puede modificar para adaptarlo a tus propias  necesidades de diseño.

Características

Material Design: El diseño de la plantilla ha sido inspirado por Google y su framework Material design, y usa framework MDL que ofrece una gran cantidad de componentes, materiales, diseños e interacciones.

Páginas adicionales a la plantilla: Un sitio web no está completo sin un formulario de contacto es por ello que lo hemos incluido con la plantilla, junto con una página de portada y página de inicio única.

Muestra de Contenido e Imágenes: Todas las imágenes incluidas en la demo se incluyen con el archivo de descarga de la plantilla. El logotipo mostrado en demo se proporciona en formato SVG y PNG.

Plantilla de portafolio moderna:  Una plantilla de portafolio moderna con diseño de tarjeta y colores de diseño de material (Indigo y Rosa) que se pueden personalizar con el personalizador de MDL.

Fácil de entender el código: La plantilla se basa en MDL y tiene un código fácil de entender que se puede modificar y adaptar a tus propias necesidades.

Gratis: La plantilla es proveída sin costo alguno. Eres libre de hacer cualquier cambio a la misma, siempre y cuando  proporciones los crédito a templateflip

Descargar plantilla de Material Design

Puedes descargar esta plantilla usando el botón de descarga a continuación. Al descargar esta plantilla, encontrarás archivos siguientes:

  • Página de inicio (index.html),
  • Página de portafolio (portfolio.html),
  • Página de descripción del portafolio (portfolio-page.html),
  • Página de nosotros (about.html)
  • Página de contacto (contact.html)
  • Imágenes de ejemplo
  • Estilos CSS 
  • Logo SVG y PNG  usados en esta demostración



Descargar Plantilla de Portafolio con Material Design

Licencia

La plantilla se encuentra bajo la licencia Creative Commons Attribution 3.0.  Puede utilizar esta plantilla de forma gratuita en tu sitio web tanto para uso personal como comercial. A cambio de ello, sólo se pide dar los crédito al autor:  templateflip.  No se  permite vender esta plantilla.