W3.css is Fun!

Accordion

Dropdown on hover

Move the mouse over the button to open the dropdown content.

Dropdown Menu

• Home
• Link 1
• Dropdown
  Link 1 Link 2 Link 3

Styled form

Images

Built-in Icons

These require a link to an additional CSS file:

http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css

Navigation

Responsive Components

Side navigation that only appears when icon is clicked.

Animated sidenav

Horizontal Navigation Which goes Vertical on Small Screens

• Home
• Link 1
• Link 2
• Link 3

Page components that only appear at certain screen sizes.

I will be hidden on small screens (phone)

I will be hidden on medium screens (tablet)

I will be hidden on large screens (laptop/desktop)