Full | Courselab [top]
Build complex scenarios by putting together pre-built modules and objects. Multimedia Support: Integrate images, videos, and interactive elements easily. Extensive Question Types:
: Uses a PowerPoint-like environment to simplify the learning curve for new users. courselab full
coursesContainer.innerHTML = filtered.map(course => ` <div class="course-card" data-id="$course.id"> <div class="card-header"> <div class="course-title"> <span>$escapeHtml(course.title)</span> <span class="course-code">$escapeHtml(course.code)</span> </div> <div class="course-desc">$</div> </div> <div class="card-body"> <div class="course-meta"> <span><i class="fas fa-hourglass-half"></i> $course.duration weeks</span> <span><i class="fas fa-signal"></i> $course.level</span> <span><i class="fas fa-hashtag"></i> ID: $course.id</span> </div> <div class="card-actions"> <button class="btn btn-outline btn-sm edit-course-btn" data-id="$course.id"><i class="fas fa-edit"></i> Edit</button> <button class="btn btn-danger btn-sm delete-course-btn" data-id="$course.id"><i class="fas fa-trash-alt"></i> Delete</button> </div> </div> </div> `).join(''); coursesContainer
.search-box background: white; border-radius: 60px; padding: 0.3rem 0.8rem; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 8px; coursesContainer.innerHTML = filtered.map(course =>
input, textarea, select width: 100%; padding: 0.7rem 0.9rem; border: 1px solid #cbd5e1; border-radius: 16px; font-family: 'Inter', monospace; font-size: 0.9rem; transition: 0.2s; background: #fefefe;