this wysiwyg HTML/Code highlighted page editor was made by DeltaPi with :
W3.CSS ncSimpleHtmlEditor editarea TEX
You can edit this html web page and save the result to a HTML file by using Save/SaveAs icon in editing mode.
You can also open a local html file from the toolbar (in non editing mode) and edit it before saving the resulting html file.
If you use Chrome as navigator, you can install this editor as a PWA (progressive web application) and run it from your desktop Mac or PC.
A install program is also provided that contain all files required to run the application on Mac/PC or from a server.
No additionnal dependencies are required !
Note : press Esc to hide/show the editor toolbar.
Please report to DeltaPi if this editor was useful and/or any improvement required/requested.
Color Classes
Red
Blue
Blue Grey
Teal
Yellow
Orange
Grid Classes
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!
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
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
Paper-like Cards with Shadows
w3-card1
w3-card2
w3-card3
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
Lists
- Jill
- Eve
- Adam
- Jill
- Eve
- Adam
- Steve
Progress Bars
Accordions
Tabs
London
London is the capital city of New England.
It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.