Warning: fileperms(): stat failed for /homepages/44/d626743023/htdocs/clickandbuilds/align/index.php in /homepages/44/d626743023/htdocs/clickandbuilds/align/wp-admin/includes/file.php on line 2029
Process – Align

Process

AlignProcess

Process diagram

small, letters
>#striped-custom-647a28a7a58e8.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a58e8.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }
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-647a28a7a5a93.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a5a93.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }
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-647a28a7a5bfa.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a5bfa.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }
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-647a28a7a5d58.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a5d58.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }
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-647a28a7a62b7.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a62b7.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }

Step 1

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

>#striped-custom-647a28a7a6434.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a6434.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }

Step 2

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

>#striped-custom-647a28a7a6593.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a6593.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }

Step 3

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

>#striped-custom-647a28a7a66f7.process-box:hover .front { background-color: #F77924; -webkit-box-shadow:0 0 0 15px rgba(247,121,36,0.5); -moz-box-shadow:0 0 0 15px rgba(247,121,36,0.5); box-shadow:0 0 0 15px rgba(247,121,36,0.5); } #striped-custom-647a28a7a66f7.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #F77924; -moz-box-shadow:0 0 0 2px #F77924; box-shadow:0 0 0 2px #F77924; }

Step 4

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