flowchart TD
E1["1. Gain Attention"]:::step
E2["2. Inform Objectives"]:::step
E3["3. Stimulate Recall of Prior Knowledge"]:::step
E4["4. Present Content"]:::step
E5["5. Provide Learning Guidance"]:::step
E6["6. Elicit Performance"]:::step
E7["7. Provide Feedback"]:::step
E8["8. Assess Performance"]:::step
E9["9. Enhance Retention and Transfer"]:::step
E1 --> E2 --> E3 --> E4 --> E5 --> E6 --> E7 --> E8 --> E9
click E1 call showInfo("1")
click E2 call showInfo("2")
click E3 call showInfo("3")
click E4 call showInfo("4")
click E5 call showInfo("5")
click E6 call showInfo("6")
click E7 call showInfo("7")
click E8 call showInfo("8")
click E9 call showInfo("9")
classDef step fill:#17a2a2,stroke:#0f5257,stroke-width:2px,color:#ffffff,font-size:15px
linkStyle default stroke:#7fb7b7,stroke-width:2px