26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 | 131 |
Deadwood design is Australia's 47th best 15 | web design and development agency.
16 |We specialise in awesomeness.
17 |26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 | 131 |26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 | 95 |26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 | 95 |26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 | 95 |26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 | 133 |28 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 29 |
30 | 97 |28 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 29 |
30 | 97 |21 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 22 |
23 | 90 |26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 |
29 | Required fields are marked with 
30 |
26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 |
29 | Required fields are marked with
30 |
26 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 27 |
28 | 95 |21 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 22 |
23 | 90 |21 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 22 |
23 | 90 |20 | Fill in your details below. We promise that we won't use them to spam you with advertisements ... much. 21 |
22 | 89 |15 | We were headed off to the snow. It was a glorious day as we strapped our skis to the roof of the car and put the foot to the pedal. I'd never been into the mountains before, so everything was a new experience. 16 |
17 |18 | The previous day we'd visited the ski store and bought all the necessary apparel. I was now burdened with gloves, jacket, pants, boots, beanie, thermals, and goggles. Skiing's not a cheap pastime, is it? I think it's time that I got a new credit card, this one's getting a bit worn from overuse. 19 |
20 |21 | The drive was pretty peaceful. We were flashing through restful countryside at 100 kilometres an hour; so calm and peaceful. It's always a meditative experience going on a long road trip. 22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /Headings/.#sIFR-screen.css.1.1: -------------------------------------------------------------------------------- 1 | /* These are standard sIFR styles... do not modify */ 2 | 3 | .sIFR-flash { 4 | visibility: visible !important; 5 | margin: 0; 6 | } 7 | 8 | .sIFR-replaced { 9 | visibility: visible !important; 10 | } 11 | /* 12 | span.sIFR-alternate { 13 | position: absolute; 14 | left: 0; 15 | top: 0; 16 | width: 0; 17 | height: 0; 18 | display: block; 19 | overflow: hidden; 20 | } 21 | */ 22 | /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ 23 | .sIFR-flash + div[adblocktab=true] { 24 | display: none !important; 25 | } 26 | 27 | /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ 28 | 29 | .sIFR-hasFlash h1 { 30 | visibility: hidden; 31 | /* letter-spacing: 0.142em; */ 32 | } 33 | -------------------------------------------------------------------------------- /Headings/additional-markup.css: -------------------------------------------------------------------------------- 1 | /* Zero default margin & padding around common elements */ 2 | body, dd, dl, dt, embed, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, object, ol, p, ul { 3 | margin: 0; 4 | border: 0 none #FFF; 5 | padding: 0; 6 | } 7 | 8 | body { 9 | padding: 20px; 10 | background-color: #DDEEFF; 11 | background-image: url(images/body_bg.jpg); 12 | background-repeat: repeat-x; 13 | color: #000; 14 | font-size: 75%; 15 | line-height: 1.4em; 16 | font-family: Arial, Helvetica, sans-serif; 17 | } 18 | 19 | h1 { 20 | position: relative; 21 | width: 389px; 22 | height: 43px; 23 | overflow: hidden; 24 | font-size: 175%; 25 | line-height: 43px; 26 | text-transform: uppercase; 27 | } 28 | 29 | h1 span { 30 | position: absolute; 31 | left: 0; 32 | top: 0; 33 | z-index: 10; 34 | width: 100%; 35 | height: 100%; 36 | background-image: url(images/title_snow.gif); 37 | background-repeat: no-repeat; 38 | } 39 | 40 | p { 41 | width: 40em; 42 | margin-top: 1.5em; 43 | } 44 | -------------------------------------------------------------------------------- /Headings/additional-markup.htm: -------------------------------------------------------------------------------- 1 |15 | We were headed off to the snow. It was a glorious day as we strapped our skis to the roof of the car and put the foot to the pedal. I'd never been into the mountains before, so everything was a new experience. 16 |
17 |18 | The previous day we'd visited the ski store and bought all the necessary apparel. I was now burdened with gloves, jacket, pants, boots, beanie, thermals, and goggles. Skiing's not a cheap pastime, is it? I think it's time that I got a new credit card, this one's getting a bit worn from overuse. 19 |
20 |21 | The drive was pretty peaceful. We were flashing through restful countryside at 100 kilometres an hour; so calm and peaceful. It's always a meditative experience going on a long road trip. 22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /Headings/flash-replacement.css: -------------------------------------------------------------------------------- 1 | /* Zero default margin & padding around common elements */ 2 | body, dd, dl, dt, embed, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, object, ol, p, ul { 3 | margin: 0; 4 | border: 0 none #FFFFFF; 5 | padding: 0; 6 | } 7 | 8 | body { 9 | padding: 20px; 10 | background-color: #DDEEFF; 11 | background-image: url(images/body_bg.jpg); 12 | background-repeat: repeat-x; 13 | color: #000000; 14 | font-size: 75%; 15 | line-height: 1.4em; 16 | font-family: Arial, Helvetica, sans-serif; 17 | } 18 | 19 | h1 { 20 | width: 16em; 21 | color: #0066CC; 22 | font-size: 250%; 23 | font-family: Georgia, "Times New Roman", serif; 24 | line-height: 1.45em; 25 | } 26 | 27 | p { 28 | width: 40em; 29 | margin-top: 1.5em; 30 | } 31 | -------------------------------------------------------------------------------- /Headings/flash-replacement.htm: -------------------------------------------------------------------------------- 1 |15 | We were headed off to the snow. It was a glorious day as we strapped our skis to the roof of the car and put the foot to the pedal. I'd never been into the mountains before, so everything was a new experience. 16 |
17 |18 | The previous day we'd visited the ski store and bought all the necessary apparel. I was now burdened with gloves, jacket, pants, boots, beanie, thermals, and goggles. Skiing's not a cheap pastime, is it? I think it's time that I got a new credit card, this one's getting a bit worn from overuse. 19 |
20 |21 | The drive was pretty peaceful. We were flashing through restful countryside at 100 kilometres an hour; so calm and peaceful. It's always a meditative experience going on a long road trip. 22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /Headings/flash/cooper_black.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spbooks/cssdesign1/aab7ec74ee14243a8cab827e6dbde1f1effdd734/Headings/flash/cooper_black.swf -------------------------------------------------------------------------------- /Headings/images/body_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spbooks/cssdesign1/aab7ec74ee14243a8cab827e6dbde1f1effdd734/Headings/images/body_bg.jpg -------------------------------------------------------------------------------- /Headings/images/title_snow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/spbooks/cssdesign1/aab7ec74ee14243a8cab827e6dbde1f1effdd734/Headings/images/title_snow.gif -------------------------------------------------------------------------------- /Headings/sIFR-screen.css: -------------------------------------------------------------------------------- 1 | /* These are standard sIFR styles... do not modify */ 2 | 3 | .sIFR-flash { 4 | visibility: visible !important; 5 | margin: 0; 6 | } 7 | 8 | .sIFR-replaced { 9 | visibility: visible !important; 10 | } 11 | 12 | 13 | span.sIFR-alternate { 14 | position: absolute; 15 | left: 0; 16 | top: 0; 17 | width: 0; 18 | height: 0; 19 | display: block; 20 | overflow: hidden; 21 | } 22 | 23 | 24 | /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ 25 | .sIFR-flash + div[adblocktab=true] { 26 | display: none !important; 27 | } 28 | 29 | /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ 30 | 31 | .sIFR-hasFlash h1 { 32 | visibility: hidden; 33 | letter-spacing: 0.142em; 34 | } 35 | -------------------------------------------------------------------------------- /Headings/scripts/sifr.js: -------------------------------------------------------------------------------- 1 | /* sIFR 2.0.2 2 | Copyright 2004 - 2006 Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben 3 | 4 | This software is licensed under the CC-GNU LGPL| Name | 36 |Age | 37 |Gender | 38 |
|---|---|---|
| Jonathan | 43 |32 | 44 |Male | 45 |
| Michelle | 48 |30 | 49 |Female | 50 |
| Hayden | 53 |2 | 54 |Male | 55 |