+
+
+ Water.css is a just-add-css collection of styles to make simple websites like this just a
+ little bit nicer.
+
+ Now you can write your simple static site with nice semantic html, and Water.css will manage
+ the styling for you.
+
+
+ + Heck yeah! It doesn't include any fancy styles so it's easily mobile + responsive. Just add the famous + responsive viewport tag and + you'll be good to go! +
+In fact, try resizing this page. Everything flows super nicely as you'll see.
+ +This is supposed to be a demo page so we need more elements!
+ +
+ Below is some code, you can copy it with Ctrl-C. Did you know,
+ alert(1) can show an alert in JavaScript!
+
// This logs a message to the console and check out the scrollbar.
console.log('Hello, world!')Here's a horizontal rule and image because I don't know where else to put them.
+And here's a nicely marked up table!
+| Name | +Quantity | +Price | +
|---|---|---|
| Godzilla | +2 | +$299.99 | +
| Mozilla | +10 | +$100,000.00 | +
| Quesadilla | +1 | +$2.22 | +
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis + ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis + ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius + natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu + felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui + aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora + torquent per conubia nostra, per inceptos himenaeos. + This is strong, this is normal, this is just bold, + and this is emphasized! And heck, here's a link. +
+ ++ "The HTML blockquote Element (or HTML Block Quotation Element) indicates that the enclosed + text is an extended quotation. Usually, this is rendered visually by indentation (see + Notes + for how to change it). A URL for the source of the quotation may be given using the ++ +citeattribute, while a text representation of the source can be given using the +<cite>cite element." + + +
Addresses are also styled to be awesome!
+ + john.doe@example.com!&u7_JRX4gac6AEE?>mv+IKo
ztZXC8roYGs(MA$be%yQ0R1)(MY!pMx7O!LSPz;g?&>ktdxszm`V}}#4k>kHii(GE~
zAW-s(R|@VNS=jFZf+OD-;GN|2e7nC5tINFFu==G;EV=PhB28md
zxEqV}A&PU!7+s60Q1LuTgsF=6IMC8Jb%vR%pVF_U;>P>tJgdGh#Ssav=6`+7MBiLz
zB_%GZAg?ZWsq*2&hiMsAd}$8v0S3h^{)Ipx_tJEj4GY~p&$JCf`+~Q^|8cLunfnN|
z$;y(idd;uZ