+91-22-23525616 +91-22-23525628
419 Arun Chamber, Tardeo Mumbai - 400034. India
skyboom.ashni@gmail.com
10:00 - 18:00

Process

Process diagram

small, letters
>#striped-custom-65711ad810a82.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad810a82.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }
A

Step A

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

>#striped-custom-65711ad810bf7.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad810bf7.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }
B

Step B

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

>#striped-custom-65711ad810d3d.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad810d3d.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }
C

Step C

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

>#striped-custom-65711ad810e86.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad810e86.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }
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

diamond style , icons
>#striped-custom-65711ad811341.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad811341.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }

Step 1

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

>#striped-custom-65711ad811481.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad811481.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }

Step 2

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

>#striped-custom-65711ad8115c4.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad8115c4.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }

Step 3

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

>#striped-custom-65711ad811700.process-box:hover .front { background-color: #ece106; -webkit-box-shadow:0 0 0 15px rgba(236,225,6,0.5); -moz-box-shadow:0 0 0 15px rgba(236,225,6,0.5); box-shadow:0 0 0 15px rgba(236,225,6,0.5); } #striped-custom-65711ad811700.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #ece106; -moz-box-shadow:0 0 0 2px #ece106; box-shadow:0 0 0 2px #ece106; }

Step 4

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