Passa ai contenuti principali

W3Schools Template

BEAUTIFUL RESPONSIVE WEB SITES

BUILT WITH W3.CSS

×

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

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 response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

  • The Avengers

    A huge success for Marvel and Disney
Next

Theme

Movies 2014

  • Frozen

    The response to the animations was ridiculous

  • The Fault in Our Stars

    Touching, gripping and genuinely well made

  • The Avengers

    A huge success for Marvel and Disney
Next

Paper-like Cards with Shadows

Car
w3-card
Car
w3-card-4
Car
w3-card-4

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 Form







Lists

  • Jill
  • Eve
  • Adam

  • Jill
  • Eve
  • Adam
  • Steve

Progress Bars

0

Slideshows

❮ ❯

Navigation

Home Link 1
Link 1 Link 2 Link 3

Accordions

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Accordion with Images:
French Alps

Tabs

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.

Paris

Paris is the capital of France.
The Paris area is one of the largest population centers in Europe, with more than 12 million inhabitants.

Tokyo

Tokyo is the capital of Japan.
It is the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.

Buttons


Button Button Button


Link 1 Link 2 Link 3

Pagination

« 1 2 3 4 5 »