TEST2 cs3

BEAUTIFUL RESPONSIVE WEB SITES

BUILT WITH W3.CSS

INSPIRED BY GOOGLE MATERIAL DESIGN
 
×

Oh snap! We just showed you a modal..

Because we can

Cool huh? Ok, enough teasing around..

Go to our W3.CSS Tutorial to learn more!

Modal footer

Responsive


Built-in responsiveness

Mobile first fluid grid

Fits any screen sizes

PC Tablet and Mobile

Standard CSS


Standard CSS only

Easy to learn

No need for jQuery

No JavaScript library

Material Design


Paper like design

Bold colors and shadows

Equal across platforms

Equal across devices


Color Classes

Red

Blue

Blue Grey

Teal

Yellow

Orange


Built-In Responsiveness

Resize the page to see the effect!


w3-half

The w3-half class uses half (50%) of the screen window.

On small screens (max 600 pixels) it automatically resizes to full screen width.

w3-half

w3-third

The w3-third class uses one third (33.33%) of the screen widow.

On small screens (max 600 pixels) it automatically resizes to full screen width.

w3-third
w3-third

w3-quarter

The w3-quarter class uses one quarter (25%) of the screen window.

On small screens (max 600 pixels) it automatically resizes to full screen width.

w3-quarter
w3-quarter
w3-quarter

Containers

Use containers to create headers, sections and footers.

Header

×

London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

By the way, you can add a close icon to all containers if you want the ability to hide them. Look to your right!

Footer

Footer information goes here


Color Themes

The color themes have been designed to work harmoniously with each other.

☰ Theme Indigo

Movies 2014

  • Frozen

    The social media response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

  • The Avengers

    The Avengers is a hugely bankable franchise for Marvel and Disney

«»

☰ Theme

Movies 2014

  • Frozen

    The social media response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

  • The Avengers

    The Avengers is a hugely bankable franchise for Marvel and Disney

«»

Paper-like Cards with Shadows

Car

w3-card-2

Car

w3-card-4

Car

w3-card-8


Tables

Don't worry. W3.CSS takes care of your tables.

First Name Last Name Points
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Forms and Lists

Input






Lists

  • Jill
  • Eve
  • Adam