The University of Alabama
Toggle navigation
Close navigation
UI Elements
Buttons
Dividers
Forms
Grid
Headings
Icons
Logos & Identifiers
Tables
Typography
CSS Helpers
Components
Accordions
Alerts
Dropdowns
Lists
Hero Images
Modals
Media Object
Pagination
Panels
Tabs
Thumbnails
Videos
Features
Animations on Scroll
Backgrounds
Breadcrumbs
Carousels
Charts
Headers
Footers
Galleries
Content Boxes
Icon Boxes
Image Boxes
Maps
Menus
Mega Menus
Secondary Menus
Scroll to Top
Timelines
Pages
Home 1
Home 2
Home 3
Home 4
Home 5
Home 6
Home 7
Home 8
Home 9
Home 10
Secondary 1
Secondary 2
Secondary 3
Secondary 4
Tertiary 1
Tertiary 2
Tertiary 3
Tertiary 4
Blog 1 - Sidebar
Blog 1 - Full Width
Blog 2 - Sidebar
Blog 2 - Full Width
Masonry Grid - Sidebar
Masonry Grid - Full Width
404 Error
FAQ Page
Staff Directory
No Sidebars
Two Sidebars
Two Sidebars Left
Contact 1
Contact 2
Contact 3
Forms
UI Elements
Forms
Basic Example
Inline Form
Horizontal Form
Textarea
Checkboxes and Radios
Selects
Disabled State
Validation State
Control Sizing
Input Groups
Basic Example
Email address
*
Password
*
File input
Example block-level help text here.
Check me out
Submit
Inline Form
Email Address
@
Password
Remember me
Sign in
Horizontal Form
Email
*
Password
*
Remember me
Sign in
Textarea
Checkboxes and Radios
Option one is this and that
Option two is disabled
Option one is this and that
Option two can be something else and selecting it will deselect option one
Option three is disabled
1
2
3
1
2
3
Selects
Standar Select
1
2
3
4
5
Multiple Select
1
2
3
4
5
Disabled
Disabled input
Disabled select menu
Disabled select
Can't check this
Submit
Validation States
Input with success
Input with warning
Input with error
Checkbox with success
Checkbox with warning
Checkbox with error
With optional icons
Input with success
Input with warning
Input with error
Username
Password
Email
Control sizing
.input-lg
Default select
.input-sm
Large label
Small label
Input groups
@
@example.com
$
.00
Buttons add-on
Go
Go
Go
Form on Background
Input with success
Input with warning
Input with error
Username
Password
Email
Disabled input
Option one is this and that—be sure to include why it's great
Option two is disabled
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Option three is disabled
Submit
Form on Background
Input with success
Input with warning
Input with error
Username
Password
Email
Disabled input
Option one is this and that—be sure to include why it's great
Option two is disabled
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Option three is disabled
Submit
Form on Background
Input with success
Input with warning
Input with error
Username
Password
Email
Disabled input
Option one is this and that—be sure to include why it's great
Option two is disabled
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Option three is disabled
Submit