GitHub: edutechtammy
Based on the Cidi Labs DesignPLUS tools for Canvas, the Ordering Activity is an interactive element designed to boost student engagement and facilitate active learning directly within Canvas pages.
Arrange the following items in the correct order
<div class="dp-order-wrapper" style="background-color: #1d2757; padding: 20px; border-radius: 10px;">
<h4 class="dp-has-icon" style="color: white;"><i class="fas fa-sort-numeric-down"><span class="dp-icon-content" style="display: none;"> </span></i> Order Items</h4>
<p style="color: white; border: none; outline: none; text-shadow: none; background: transparent;">Arrange the following items in the correct order</p>
<ol class="dp-order dp-order-text" style="background-color: white; border: 2px solid #d13138; border-radius: 10px; padding: 20px; max-width: 400px; margin: 0 auto;">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
</div>
<p> </p>