Title: book
Course: Moodle Features Demo > Section: All activities

Alerts

Holy guacamole! You should check in on some of those fields below. ×
TEST JS: You should be able to close this alert

A simple primary alert with an example link. Give it a click if you like.
A simple secondary alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
A simple info alert with an example link. Give it a click if you like.
A simple light alert with an example link. Give it a click if you like.
A simple dark alert with an example link. Give it a click if you like.

Badges

Primary Secondary Success Danger Warning Info Light Dark
Test for badge hover status
Primary Secondary Success Danger Warning Info Light Dark

Button Groups

1 2 3 4
5 6 7
8

Buttons

Active Radio Radio

Test JS: the selected button should keep it's state

Primary Secondary Success Danger Warning Info Light Dark Link

Card

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Carousel

Previous Next

Collapse

Toggle first element Toggle second element Toggle both elements

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

dropdown

Dropdown button
Action Another action Something else here

Forms

Email address We'll never share your email with anyone else.
Password
Check me out
Submit

Jumbotron

Fluid jumbotron

This is a modified jumbotron that occupies the entire horizontal space of its parent.

List group

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros

Modal

Modal title

×

Woohoo, you're reading this text in a modal!

Close Save changes
Launch demo modal

Navbar

Navbar
- Home (current)
- Link
- Dropdown
Action Another action
Something else here
- Disabled

Search

Navs

- Active
- Link
- Link
- Disabled

Pagination

- Previous
- 1
- 2
- 3
- Next

Popovers

Popover on top Popover on right Popover on bottom Popover on left

Progress

scrollspy

Navbar
- @fat
- @mdo
- Dropdown
one two
three

@fat

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

@mdo

Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.

one

Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.

two

In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

three

Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.

Tooltips

Tooltip on top Tooltip on right Tooltip on bottom Tooltip on left Tooltip with HTML

Lists

- Hello
- World

Text

Large heading

Medium heading

Small heading

preformatted

A paragraph

Underline

Strikethrough

Normal text with _subtext

Normal text with ^supertext

- Apples
- Grapes
- Bananas

1. Pie
2. Cookies
3. Chocolate

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et odio erat. Mauris in condimentum sem. Etiam pellentesque nunc elementum velit rhoncus, in fringilla tellus mattis. Vestibulum molestie cursus dui, non consectetur orci porttitor ac. Ut mattis mattis ligula non elementum. Curabitur magna enim, auctor a lacinia a, vestibulum sed lectus. Nullam sodales nunc massa, eu fermentum mi bibendum at. Sed nec ullamcorper ante. Donec id ex in ipsum imperdiet tempus non molestie libero. Proin eu lectus vel tellus semper lobortis nec at quam. Nulla interdum feugiat nunc et tristique.

Sed dapibus nisl vitae tellus accumsan, eget porttitor risus interdum. Ut posuere urna vitae nunc egestas, in finibus mi facilisis. Duis elit nunc, viverra eget lobortis at, efficitur nec elit. Duis sollicitudin, risus vel auctor tempor, nulla ipsum fermentum libero, a volutpat lacus diam non ante. Sed aliquet, libero vitae posuere porta, massa sapien volutpat mauris, in interdum sapien nisl ut elit. Quisque urna nibh, semper et molestie vitae, scelerisque id elit. Duis egestas diam vitae justo sagittis, eget vestibulum tortor interdum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi a tristique justo. Nullam mattis faucibus elementum. Donec auctor placerat ante, nec ultrices ipsum egestas vel.

Nullam placerat ante id nulla fringilla aliquet. Nulla a magna id tortor molestie ullamcorper vel at arcu. Cras euismod sagittis ullamcorper. Nullam egestas dolor ac ex pulvinar malesuada. Maecenas urna diam, fermentum id ex fringilla, cursus luctus neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus faucibus nulla id libero efficitur, quis eleifend est faucibus. Curabitur at nulla ut magna accumsan porttitor. Cras vestibulum arcu magna, eget convallis enim accumsan id. Vivamus elit ex, scelerisque vitae mi vel, semper dapibus mi. Quisque in dolor eleifend, ornare mauris non, auctor tellus. Nulla enim sapien, volutpat vel nisi sit amet, interdum scelerisque lorem. Aenean accumsan egestas magna quis varius. Aenean porta enim eget arcu sagittis, nec vestibulum urna maximus. Duis porttitor placerat blandit.