Ultimate Blackboard Instructional Component Builder

Select a design tool below, configure your themes, text, and images, and copy the clean HTML straight into your Blackboard Documents.

Multi-Item Accordion (Supports Text & Enlargeable Photos)

Color Theme:

Section 1

Section Header:

Photo Position:

Photo URL (Leave blank to omit):

Section Content:

Section 2

Section Header:

Photo Position:

Photo URL (Leave blank to omit):

Section Content:

Section 3

Section Header:

Photo Position:

Photo URL (Leave blank to omit):

Section Content:

Copy HTML Code:

Feature Card with Click-to-Enlarge Photo

Color Theme:

Image Position:

Image URL (Leave blank to omit):

Card Title:

Card Description Content:

Copy HTML Code:

Styled Callout Box with Enlargeable Photo

Color Theme:

Image Position:

Image URL (Leave blank to omit):

Box Title:

Message:

Copy HTML Code:

Instructor Profile Card

Color Theme:

Badge Text:

Photo URL:

Name:

Role:

Email:

Office:

Note:

Copy HTML Code:

Instructor Speech Bubble

Background Color Theme:

Instructor Name:

Avatar Photo URL (Leave blank to omit):

Message Content:

Email Link Text:

Email Address:

Footer Note:

Copy HTML Code:

Step-by-Step Timeline

Color Theme:

Step 1

Title:

Desc:

Step 2

Title:

Desc:

Copy HTML Code:

FAQ Accordion Grid

Color Theme:

Section Title:

Question 1

Question:

Answer:

Copy HTML Code:

Resource Hub Cards

Color Theme:

Section Title:

Card 1

Card Title:

Button URL:

Description:

Copy HTML Code:

Metric Highlight Card

Color Theme:

Stat Number:

Stat Label:

Copy HTML Code: