The University of Alabama
Toggle navigation
UI Elements
Buttons
Dividers
Forms
Headings
Icons
Logos & Identifiers
Tables
Typography
CSS Helpers
Components
Accordions
Alerts
Dropdowns
Lists
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
Mega Menus
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
Icons
UI Elements
Icons
Default
Fixed Width
List Icons
Spinning Icons
Rotated and Flipped
Bordered Icons
Icon Sizing
Reversed
Social Icons
Default Icon
×
You can use any icon of
Font Awesome
or
Glyphicons
. However, Font Awesome is the preferred library due to the number of customizations.
Fixed Width
Home
Library
Applications
Settings
List Icons
List icons
can be used
as bullets
in lists
Spinning Icons
Cross-browser compatibility
CSS3 animations aren't supported in IE8 - IE9.
Rotated and Flipped Icons
normal
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
icon-flip-vertical
Bordered and Background Icons
Icon Sizing
Reversed
Social Icons
Social Buttons
Small
iTunesU
Facebook
Flickr
Instagram
Pinterest
Twitter
Vimeo
Vine
Youtube
Medium
iTunesU
Facebook
Flickr
Instagram
Pinterest
Twitter
Vimeo
Vine
Youtube
Large
iTunesU
Facebook
Flickr
Instagram
Pinterest
Twitter
Vimeo
Vine
Youtube
