WYSIWYG

Welcome to the examples page. This page is not designed to help with instruction, but feel free to browse the things we are working on and/or testing! 😄

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Normal text

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Blockquote

 

Carousel

Two male students working with faculty on laptop in library
Homepage
Female student with phone and book outside science building
Homepage

Four Column

630-466-2476
Column 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Column 02
Male student working on laptop in Collins Hall

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Column 03

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Column 04

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Home

Columns with Icon

Column 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Homepage

Column 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Homepage

Three Column

Column 01
Photo of Aurora Downtown Campus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Column 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Column 03

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Alternating Blocks

Two male students working with faculty on laptop in library

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Male student working on laptop in Collins Hall

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

link label
:
Homepage

Gold CTA

Homepage
Homepage
Homepage

Red CTA

Homepage
Homepage

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Image Grid

A profile image of Jason Chatman
Jason Chatman
Legal Interpreting Students Aurora Downtown
Waubonsee Student
An object at 100 percent
Ally meter
Photo of Aurora Downtown Campus
Waubonsee main sign
Photo of Aurora Downtown Campus
Spotlights Eyebrow

Spotlights Title

Waubonsee Sign
Statistics
Subtitle
Column 02
Column 02 subtitle
Column 03
Column 03 subtitle
Homepage

Student Story Carousel

Homepage

Student story and WYSIWYG

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

50th Anniversary Highlight Video
Waubonsee 1966

Gallery

Female student with phone and book outside science building
Photo of Cassie Coburn
Photo of students
ACUE logo
New Program Development

LibGuide Embed

Welcome to the FDAE News Feature!
a wide angle, close-up view of an ox's nose

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Are Digital Proctoring Tools Right for Your Class?
a cctv sign mounted to a wall

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Faculty Spotlight: Horses and Heating
blue, yellow, green, and red spotlights

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Sara Gregory
Adjunct Faculty Development Coordinator
sgregory@waubonsee.edu
Hoitung Leung
Instructional Designer/Technologist
hleung@waubonsee.edu
Ryan Maloney
Instructional Technology and Media Specialist
rmaloney@waubonsee.edu
Eamon Newman
Assistant Dean for Online Learning and Flexible Delivery
enewman@waubonsee.edu
Laura Ortiz
Dean for Faculty Development and Engagement
lortiz@waubonsee.edu
Amy Powers
Faculty Development Coordinator
apowers@waubonsee.edu
David Voorhees
Faculty Development Coordinator
dvoorhees@waubonsee.edu
Angelia Williams
Administrative Coordinator Faculty Development and Engagement
awilliams2@waubonsee.edu

Student Story Carousel

Subtitle text

A map of NEW Regional Profiles for Illinois

quote: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

ss first name link
Guiding students through Navigation

quote 2: sunt in culpa qui officia deserunt mollit anim id est laborum.

ss first name link 2
footer link text

Instructional Support

Gold Faculty Icon

Additional Instructional Support

Assessment and Outcomes

Icon Checklist Hand

Development

Orientation
  • ACUE
  • Events
  • Faculty Development Days
  • Inclusive Teaching Excellence
  • Student Evaluations

Engagement

Goose Icon
  • Musings
  • Navigators
  • News and Updates

Instruction

Gold Faculty Icon
  • AEFIS
  • Assessment
  • Canvas 🐼
  • Flex
  • Kaltura
  • Zoom
a butterfly resting on a flower

Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

employees enjoying lunch on the lakeview lookout balcony

Engagement

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

students in class on the first day

Instruction

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Editing Examples

Table of Contents

<nav>
<h4>Table of Contents</h4>
<ul id="dynamicTOC"></ul>
</nav>

The '<h4>Table of Contents</h4>' line is not required, but cannot be anything higher than h4

Schedule Appointment

a view of the instructor station in apc-158
two displays in the rear of apc-158

Canvas Guides