diff options
| author | Mika Havela <mika.havela@gmail.com> | 2008-01-01 16:07:23 +0000 |
|---|---|---|
| committer | Mika Havela <mika.havela@gmail.com> | 2008-01-01 16:07:23 +0000 |
| commit | b70e3d30da53d33a9d06c1635c1b09c215ecea7b (patch) | |
| tree | 56df91d19330b5cda641777e75a0d59de0dc6384 /www/sample2.html | |
| parent | a1941816a08361b523dc2e35001d73921817d4c3 (diff) | |
| download | acf-core-b70e3d30da53d33a9d06c1635c1b09c215ecea7b.tar.bz2 acf-core-b70e3d30da53d33a9d06c1635c1b09c215ecea7b.tar.xz | |
Added a sample2.html for 'brainstorm' on css,divs,id,classes,and other things
git-svn-id: svn://svn.alpinelinux.org/acf/core/trunk@480 ab2d0c66-481e-0410-8bed-d214d4d58bed
Diffstat (limited to 'www/sample2.html')
| -rw-r--r-- | www/sample2.html | 147 |
1 files changed, 147 insertions, 0 deletions
diff --git a/www/sample2.html b/www/sample2.html new file mode 100644 index 0000000..a8da268 --- /dev/null +++ b/www/sample2.html @@ -0,0 +1,147 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//ddD HTML 4.01 Transitional//EN"> +<html lang="en"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> +<title>Alpine</title> +<link rel="stylesheet" type="text/css" href="snow/snow.css"> +</head> + + +<body> +<div id=header> + <div class="leader"> + <a href="#Content" class="hide">[Skip to main content]</a> + </div> + <h1>AlpineLinux</h1> + This is plain old Head div text (but I don't know what it's for) + <div class="tailer"> + [ this is header-tailer div text <a href="#Content">Goto content</a>] + </div> +</div> + +<div id="main"> + <div class="leader"> + </div> + + <div id="nav"> + <ul> + <li>Networking + <ul> + <li><a href="">Interfaces</a></li> + <li><a href="">Firewall</a></li> + <li><a href="">BGP</a></li> + <li><a href="">DHCP Server</a></li> + <li><a href="">Ipsec VPN</a></li> + </ul> + </li> + <li>Applications + <ul> + <li><a href="">Web Proxy</a></li> + <li><a href="">Content Filter</a></li> + <li><a href="">Fetchmail</a></li> + <li><a href="">Certificate Authority</a></li> + </ul> + </li> + <li>System + <ul> + <li><a href="">Backup</a></li> + <li><a href="">Package Management</a></li> + <li><a href="">General Health</a></li> + <li><a href="">System Logs</a></li> + <li><a href="">SNMP</a></li> + </ul> + </li> + </ul> + + <div class="tailer"> + <h2>Networking : Interfaces</h2> + <p>[ welcome ] > [ login ] > [ bgp ] > [ firewall ] > [ content filter ] > [ interfaces ]</p> + </div> + </div> + + <a name="Content"></a> + + <div id="subnav"> + <div class="leader"> + </div> + <a href="">Nav 1</a> + <a href="" class="selected">Nav 2</a> + <a href="">Nav 3</a> + <div class="tailer"> + </div> + </div> + + <div id="content"> + <div class="leader"> + </div> + + + +<p> +This is plain old content +</p> + + +<h1>Errors</h1> +<p class="error">This is error text. As if you didn't know that. Just check the errors below.</p> +<p class="hide">This is some plain content level hide text</p> +<p>This is a page with a <a href="foo">link</a> in it.</p> + +<h1>Networking - Status</h1> +<p>This is the networking page. This is a very long paragraph in that page, talking about +all the good things on this page. This is not the real page, its just a standin page for +the page you want. Evenutally, you'll see the page you want. But not quite yet.</p> + +<h2>Status</h2> +<p>The service is running</p> +<form> +<dl> +<dt>bozo</dt> +<dd><input class=error type=text value="Baz" name=bozo size=3>This is error text</dd> + +<dt>foo</dt><dd> +<input type=text value="foo" name=foo size=40> +</dd> + +<dt>Command</dt> +<dd> +<input type=submit value="Start" name="cmd"> +<input type=submit value="Stop" name="cmd"> +<input type=submit value="Restart" name="cmd"> +</dd> + +<dt>Textbox</dt> +<dd><textarea cols=80 rows=10 name="textbox">fooo</textarea> +</dd> + + +<dt>A Tag with no form element</dt> +<dd>This is just some text</dd> + +</dl> +</form> + +<h2>Configure</h2> +<p>Bring Service Down</p> +<p>Bring Service Up</p> + + <div class="tailer"> + </div> + + </div> + + <div id="footer"> + <div class="leader"> + </div> + Made with care by webconf + <div class="tailer"> + </div> + </div> + + <div class="tailer"> + </div> + +</div> + +</body> +</html> |