Process

Process diagram

small, letters

> #click-custom-662ab8b8edf69.process-box .front { background-color: #e1e3e5; } #click-custom-662ab8b8edf69.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #e1e3e5; -moz-box-shadow:0 0 0 1px #e1e3e5; box-shadow:0 0 0 1px #e1e3e5; }#click-custom-662ab8b8edf69.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8edf69.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

A

Step A

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

> #click-custom-662ab8b8ee1c9.process-box .front { background-color: #e1e3e5; } #click-custom-662ab8b8ee1c9.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #e1e3e5; -moz-box-shadow:0 0 0 1px #e1e3e5; box-shadow:0 0 0 1px #e1e3e5; }#click-custom-662ab8b8ee1c9.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8ee1c9.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

B

Step B

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

> #click-custom-662ab8b8ee3e7.process-box .front { background-color: #e1e3e5; } #click-custom-662ab8b8ee3e7.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #e1e3e5; -moz-box-shadow:0 0 0 1px #e1e3e5; box-shadow:0 0 0 1px #e1e3e5; }#click-custom-662ab8b8ee3e7.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8ee3e7.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

C

Step C

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

> #click-custom-662ab8b8ee608.process-box .front { background-color: #e1e3e5; } #click-custom-662ab8b8ee608.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #e1e3e5; -moz-box-shadow:0 0 0 1px #e1e3e5; box-shadow:0 0 0 1px #e1e3e5; }#click-custom-662ab8b8ee608.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8ee608.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

D

Step D

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

Process diagram

medium icons

>#click-custom-662ab8b8eee3e.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8eee3e.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

01

Step 1

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#click-custom-662ab8b8ef06f.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8ef06f.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

02

Step 2

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#click-custom-662ab8b8ef286.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8ef286.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

03

Step 3

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#click-custom-662ab8b8ef4a6.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8ef4a6.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

04

Step 4

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

Process diagram

medium icons, diamond style, custom hover colors

>#click-custom-662ab8b8efded.process-box:hover .front { background-color: #19b9c8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.4); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.4); box-shadow:0 0 0 15px rgba(25,185,200,0.4); } #click-custom-662ab8b8efded.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19b9c8; -moz-box-shadow:0 0 0 3px #19b9c8; box-shadow:0 0 0 3px #19b9c8; }

01

Step 1

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#click-custom-662ab8b8f0014.process-box:hover .front { background-color: #6ec878; -webkit-box-shadow:0 0 0 15px rgba(110,200,120,0.4); -moz-box-shadow:0 0 0 15px rgba(110,200,120,0.4); box-shadow:0 0 0 15px rgba(110,200,120,0.4); } #click-custom-662ab8b8f0014.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #6ec878; -moz-box-shadow:0 0 0 3px #6ec878; box-shadow:0 0 0 3px #6ec878; }

02

Step 2

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#click-custom-662ab8b8f023b.process-box:hover .front { background-color: #e6553c; -webkit-box-shadow:0 0 0 15px rgba(230,85,60,0.4); -moz-box-shadow:0 0 0 15px rgba(230,85,60,0.4); box-shadow:0 0 0 15px rgba(230,85,60,0.4); } #click-custom-662ab8b8f023b.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #e6553c; -moz-box-shadow:0 0 0 3px #e6553c; box-shadow:0 0 0 3px #e6553c; }

03

Step 3

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#click-custom-662ab8b8f045b.process-box:hover .front { background-color: #cd2832; -webkit-box-shadow:0 0 0 15px rgba(205,40,50,0.4); -moz-box-shadow:0 0 0 15px rgba(205,40,50,0.4); box-shadow:0 0 0 15px rgba(205,40,50,0.4); } #click-custom-662ab8b8f045b.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #cd2832; -moz-box-shadow:0 0 0 3px #cd2832; box-shadow:0 0 0 3px #cd2832; }

04

Step 4

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

Process diagram

large icons

> #click-custom-662ab8b8f0ca4.process-box .front { background-color: #6ec878; } #click-custom-662ab8b8f0ca4.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #6ec878; -moz-box-shadow:0 0 0 1px #6ec878; box-shadow:0 0 0 1px #6ec878; }#click-custom-662ab8b8f0ca4.process-box:hover .front { background-color: #19b9c8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.4); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.4); box-shadow:0 0 0 15px rgba(25,185,200,0.4); } #click-custom-662ab8b8f0ca4.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19b9c8; -moz-box-shadow:0 0 0 3px #19b9c8; box-shadow:0 0 0 3px #19b9c8; }

PSD Project

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

> #click-custom-662ab8b8f0ecc.process-box .front { background-color: #6ec878; } #click-custom-662ab8b8f0ecc.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #6ec878; -moz-box-shadow:0 0 0 1px #6ec878; box-shadow:0 0 0 1px #6ec878; }#click-custom-662ab8b8f0ecc.process-box:hover .front { background-color: #19b9c8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.4); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.4); box-shadow:0 0 0 15px rgba(25,185,200,0.4); } #click-custom-662ab8b8f0ecc.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19b9c8; -moz-box-shadow:0 0 0 3px #19b9c8; box-shadow:0 0 0 3px #19b9c8; }

HTML Template

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

> #click-custom-662ab8b8f10f4.process-box .front { background-color: #6ec878; } #click-custom-662ab8b8f10f4.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #6ec878; -moz-box-shadow:0 0 0 1px #6ec878; box-shadow:0 0 0 1px #6ec878; }#click-custom-662ab8b8f10f4.process-box:hover .front { background-color: #19b9c8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.4); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.4); box-shadow:0 0 0 15px rgba(25,185,200,0.4); } #click-custom-662ab8b8f10f4.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19b9c8; -moz-box-shadow:0 0 0 3px #19b9c8; box-shadow:0 0 0 3px #19b9c8; }

WordPress Theme

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

Process diagram

large icons multicolored, animated with read more link

> #click-custom-662ab8b8f18fd.process-box .front { background-color: #b2babc; } #click-custom-662ab8b8f18fd.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #b2babc; -moz-box-shadow:0 0 0 1px #b2babc; box-shadow:0 0 0 1px #b2babc; }#click-custom-662ab8b8f18fd.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8f18fd.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

PSD Project

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

> #click-custom-662ab8b8f1b30.process-box .front { background-color: #b2babc; } #click-custom-662ab8b8f1b30.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #b2babc; -moz-box-shadow:0 0 0 1px #b2babc; box-shadow:0 0 0 1px #b2babc; }#click-custom-662ab8b8f1b30.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8f1b30.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

HTML Template

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

> #click-custom-662ab8b8f1d50.process-box .front { background-color: #b2babc; } #click-custom-662ab8b8f1d50.process-box .symbol-container { -webkit-box-shadow:0 0 0 1px #b2babc; -moz-box-shadow:0 0 0 1px #b2babc; box-shadow:0 0 0 1px #b2babc; }#click-custom-662ab8b8f1d50.process-box:hover .front { background-color: #19B9C8; -webkit-box-shadow:0 0 0 15px rgba(25,185,200,0.5); -moz-box-shadow:0 0 0 15px rgba(25,185,200,0.5); box-shadow:0 0 0 15px rgba(25,185,200,0.5); } #click-custom-662ab8b8f1d50.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 3px #19B9C8; -moz-box-shadow:0 0 0 3px #19B9C8; box-shadow:0 0 0 3px #19B9C8; }

WordPress Theme

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

AdminTech

Nos gusta hacer bien nuestro trabajo, gracias a este lema somos una empresa referente en el sector

Avenida Pablo Neruda, 114 - 28018 Madrid
Entrada por Calle Río Esmeralda
91 039 98 37 - 696 588 805 - 615 776 053 francisco@admintech.es | arturo@admintech.es
Horario de atención: Lunes a viernes de 10:00 a 14:00 y 16.30 a 20:00

Servicios

Solicita Presupuesto

Si estás interesado en alguno de nuestros variados servicios puedes hacerlo desde aquí

SOLICITA PRESUPUESTO

© 2017 AdminTech. Todos los derechos reservados
Diseñado por Digital Ball

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies