01923 250 754 - +44 7412 018666
Darboe Jula & Co Ltd 1B St. Marys Road, Watford WD18 OEE
info@darboejula.com

Process

Darboe JulaProcess

Process diagram

small, letters
>#striped-custom-66a463ae93e3a.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae93e3a.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }
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-66a463ae9402c.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae9402c.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }
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-66a463ae941d9.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae941d9.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }
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-66a463ae94385.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae94385.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }
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-66a463ae949d1.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae949d1.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }

Step 1

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

>#striped-custom-66a463ae94b72.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae94b72.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }

Step 2

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

>#striped-custom-66a463ae94d17.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae94d17.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }

Step 3

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

>#striped-custom-66a463ae94ec7.process-box:hover .front { background-color: #d10a11; -webkit-box-shadow:0 0 0 15px rgba(209,10,17,0.5); -moz-box-shadow:0 0 0 15px rgba(209,10,17,0.5); box-shadow:0 0 0 15px rgba(209,10,17,0.5); } #striped-custom-66a463ae94ec7.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #d10a11; -moz-box-shadow:0 0 0 2px #d10a11; box-shadow:0 0 0 2px #d10a11; }

Step 4

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