BEAUTIFUL RESPONSIVE WEB SITES
BUILT WITH W3.CSS
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
Preview the colors here
Red
blue
Blue Grey
Teal
Yellow
Orange
Built-In Responsiveness
Resize the page to see the effect!
Column title
The columns will adapt to the width of the page and will all have the same height.
On small screens (max 600 pixels) they automatically resize to full screen width.
Column title
Column title
Five columns, right?
Purple
The columns will adapt to the width of the page and will all have the same height.
On small screens (max 600 pixels) they automatically resize to full screen width.
Pink
Amber
Deep Orange
Light Green
The color of the font will automatically switch depending on the background color.
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!
Paper-like Cards with Shadows
(Resize you images so they have the same height in the media section of the backend)
Forest
Lights
Mountains
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 |
Input Forms
(Fill in contact settings in the backend)
Lists
Yeah, why not?
- List
- Adam
- Eve
- Steve
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.
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.
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.
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.