├── README ├── chapter1 └── starbuzz │ ├── index.html │ └── mission.html ├── chapter10 ├── lounge-complete │ ├── about │ │ └── directions.html │ ├── beverages │ │ └── elixir.html │ ├── images │ │ ├── background.gif │ │ ├── black.gif │ │ ├── blue.gif │ │ ├── blue.jpg │ │ ├── chai.gif │ │ ├── cocktail.gif │ │ ├── drinks.gif │ │ ├── green.gif │ │ ├── green.jpg │ │ ├── lightblue.gif │ │ ├── lightblue.jpg │ │ ├── logo.gif │ │ ├── red.gif │ │ ├── red.jpg │ │ └── yellow.gif │ ├── lounge.css │ └── lounge.html └── lounge │ ├── about │ └── directions.html │ ├── beverages │ └── elixir.html │ ├── images │ ├── background.gif │ ├── black.gif │ ├── blue.gif │ ├── blue.jpg │ ├── chai.gif │ ├── cocktail.gif │ ├── drinks.gif │ ├── green.gif │ ├── green.jpg │ ├── lightblue.gif │ ├── lightblue.jpg │ ├── logo.gif │ ├── red.gif │ ├── red.jpg │ └── yellow.gif │ ├── lounge.css │ ├── lounge.html │ └── print │ └── print.css ├── chapter11 ├── absolute │ ├── images │ │ ├── award.gif │ │ ├── background.gif │ │ ├── background2.gif │ │ ├── bag.gif │ │ ├── cardboard_bg.jpg │ │ ├── coupon.gif │ │ ├── final.jpeg │ │ ├── header.gif │ │ ├── headerlogo.gif │ │ ├── headerlogo2.gif │ │ └── ticket.gif │ ├── index.html │ └── starbuzz.css ├── lounge │ ├── about │ │ └── directions.html │ ├── beverages │ │ └── elixir.html │ ├── images │ │ ├── background.gif │ │ ├── black.gif │ │ ├── blue.gif │ │ ├── blue.jpg │ │ ├── chai.gif │ │ ├── cocktail.gif │ │ ├── drinks.gif │ │ ├── green.gif │ │ ├── green.jpg │ │ ├── lightblue.gif │ │ ├── lightblue.jpg │ │ ├── logo.gif │ │ ├── red.gif │ │ ├── red.jpg │ │ └── yellow.gif │ ├── lounge.css │ └── lounge.html ├── starbuzz-complete │ ├── freecoffee.html │ ├── images │ │ ├── award.gif │ │ ├── background.gif │ │ ├── bag.gif │ │ ├── header.gif │ │ ├── headerLogo.gif │ │ ├── headerSlogan.gif │ │ └── ticket.gif │ ├── index.html │ └── starbuzz.css ├── starbuzz │ ├── freecoffee.html │ ├── images │ │ ├── award.gif │ │ ├── background.gif │ │ ├── bag.gif │ │ ├── coupon.gif │ │ ├── header.gif │ │ └── ticket.gif │ ├── index.html │ └── starbuzz.css └── tabledisplay │ ├── freecoffee.html │ ├── images │ ├── award.gif │ ├── background.gif │ ├── background2.gif │ ├── bag.gif │ ├── cardboard_bg.jpg │ ├── coupon.gif │ ├── final.jpeg │ ├── header.gif │ ├── headerlogo.gif │ ├── headerlogo2.gif │ └── ticket.gif │ ├── index.html │ └── starbuzz.css ├── chapter12 └── starbuzz │ ├── blog-complete.html │ ├── blog.html │ ├── images │ ├── award.gif │ ├── background.gif │ ├── background2.gif │ ├── bag.gif │ ├── cardboard_bg.jpg │ ├── coupon.gif │ ├── final.jpeg │ ├── header.gif │ ├── headerLogo.gif │ ├── headerSlogan.gif │ ├── headerlogo2.gif │ ├── poster.png │ └── ticket.gif │ ├── index.html │ ├── starbuzz.css │ └── video │ ├── tweetsip.mp4 │ ├── tweetsip.ogv │ └── tweetsip.webm ├── chapter13 ├── journal-complete │ ├── EmblemaOne-Regular.eot │ ├── EmblemaOne-Regular.svg │ ├── EmblemaOne-Regular.ttf │ ├── EmblemaOne-Regular.woff │ ├── images │ │ ├── backpack.gif │ │ ├── segway1.jpg │ │ └── segway2.jpg │ ├── journal.css │ ├── journal.html │ └── table.html └── journal │ ├── EmblemaOne-Regular.eot │ ├── EmblemaOne-Regular.svg │ ├── EmblemaOne-Regular.ttf │ ├── EmblemaOne-Regular.woff │ ├── images │ ├── backpack.gif │ ├── segway1.jpg │ └── segway2.jpg │ ├── journal.css │ ├── journal.html │ └── table.html ├── chapter14 ├── contest │ ├── contest.php │ └── form.html └── starbuzz │ ├── .formtypes.html.swp │ ├── accessform.css │ ├── accessform.html │ ├── blog.html │ ├── form-complete.html │ ├── form.html │ ├── images │ ├── award.gif │ ├── background.gif │ ├── background2.gif │ ├── bag.gif │ ├── cardboard_bg.jpg │ ├── coupon.gif │ ├── final.jpeg │ ├── header.gif │ ├── headerLogo.gif │ ├── headerSlogan.gif │ ├── headerlogo2.gif │ └── ticket.gif │ ├── index.html │ ├── starbuzz.css │ ├── styledform.css │ └── styledform.html ├── chapter15 └── transform.html ├── chapter2 ├── completelounge │ ├── about │ │ └── directions.html │ ├── beverages │ │ └── elixir.html │ ├── images │ │ ├── blue.jpg │ │ ├── drinks.gif │ │ ├── green.jpg │ │ ├── lightblue.jpg │ │ └── red.jpg │ └── lounge.html └── lounge │ ├── blue.jpg │ ├── directions.html │ ├── drinks.gif │ ├── elixir.html │ ├── green.jpg │ ├── lightblue.jpg │ ├── lounge.html │ └── red.jpg ├── chapter3 └── journal │ ├── images │ ├── segway1.jpg │ └── segway2.jpg │ └── journal.html ├── chapter4 ├── buzz │ ├── header.jpg │ └── index.html ├── starbuzz-complete │ ├── index.html │ ├── mission.html │ └── test.html └── starbuzz │ ├── index.html │ └── mission.html ├── chapter5 ├── lounge │ ├── about │ │ └── directions.html │ ├── beverages │ │ └── elixir.html │ ├── images │ │ ├── blue.jpg │ │ ├── drinks.gif │ │ ├── green.jpg │ │ ├── lightblue.jpg │ │ └── red.jpg │ └── lounge.html ├── mypod-complete │ ├── html │ │ ├── applestore.html │ │ ├── britain.html │ │ ├── seattle_classic.html │ │ ├── seattle_shuffle.html │ │ └── seattle_video_med.html │ ├── index.html │ ├── index_bak.html │ ├── index_thumbs.html │ ├── logo │ │ ├── mypod.png │ │ └── mypod.psd │ ├── photos │ │ ├── applestore.jpg │ │ ├── britain.jpg │ │ ├── seattle_classic.jpg │ │ ├── seattle_classic_large.jpg │ │ ├── seattle_downtown.jpg │ │ ├── seattle_medium.jpg │ │ ├── seattle_shuffle.jpg │ │ ├── seattle_video.jpg │ │ └── seattle_video_med.jpg │ └── thumbnails │ │ ├── applestore.jpg │ │ ├── britain.jpg │ │ ├── seattle_classic.jpg │ │ ├── seattle_downtown.jpg │ │ ├── seattle_shuffle.jpg │ │ └── seattle_video_med.jpg ├── mypod │ ├── html │ │ ├── applestore.html │ │ ├── britain.html │ │ ├── seattle_classic.html │ │ ├── seattle_shuffle.html │ │ └── seattle_video_med.html │ ├── index.html │ ├── logo │ │ ├── mypod.png │ │ └── mypod.psd │ ├── photos │ │ ├── applestore.jpg │ │ ├── britain.jpg │ │ ├── seattle_classic.jpg │ │ ├── seattle_classic_large.jpg │ │ ├── seattle_downtown.jpg │ │ ├── seattle_medium.jpg │ │ ├── seattle_shuffle.jpg │ │ ├── seattle_video.jpg │ │ └── seattle_video_med.jpg │ └── thumbnails │ │ ├── applestore.jpg │ │ ├── britain.jpg │ │ ├── seattle_classic.jpg │ │ ├── seattle_downtown.jpg │ │ ├── seattle_shuffle.jpg │ │ └── seattle_video_med.jpg ├── testimage │ └── eye.jpg └── trivia │ ├── pencil.png │ └── trivia.html ├── chapter6 ├── about │ └── directions.html ├── beverages │ └── elixir.html ├── images │ ├── blue.jpg │ ├── drinks.gif │ ├── green.jpg │ ├── lightblue.jpg │ └── red.jpg ├── lounge-complete.html └── lounge.html ├── chapter7 ├── about │ └── directions.html ├── beverages │ └── elixir.html ├── images │ ├── blue.jpg │ ├── drinks.gif │ ├── green.jpg │ ├── lightblue.jpg │ └── red.jpg ├── lounge-complete.html ├── lounge.css └── lounge.html ├── chapter8 └── journal │ ├── EmblemaOne-Regular.eot │ ├── EmblemaOne-Regular.svg │ ├── EmblemaOne-Regular.ttf │ ├── EmblemaOne-Regular.woff │ ├── images │ ├── segway1.jpg │ └── segway2.jpg │ ├── journal.css │ └── journal.html └── chapter9 ├── lounge-complete ├── about │ └── directions.html ├── beverages │ └── elixir.html ├── images │ ├── background.gif │ ├── black.gif │ ├── blue.gif │ ├── blue.jpg │ ├── chai.gif │ ├── cocktail.gif │ ├── drinks.gif │ ├── green.gif │ ├── green.jpg │ ├── lightblue.gif │ ├── lightblue.jpg │ ├── logo.gif │ ├── red.gif │ ├── red.jpg │ └── yellow.gif ├── lounge-mediaquery.css ├── lounge-mediaquery.html ├── lounge-mobile.css ├── lounge-print.css ├── lounge.css └── lounge.html └── lounge ├── about └── directions.html ├── beverages └── elixir.html ├── images ├── background.gif ├── black.gif ├── blue.gif ├── blue.jpg ├── chai.gif ├── cocktail.gif ├── drinks.gif ├── green.gif ├── green.jpg ├── lightblue.gif ├── lightblue.jpg ├── logo.gif ├── red.gif ├── red.jpg └── yellow.gif ├── lounge-mobile.css ├── lounge-print.css └── lounge.html /README: -------------------------------------------------------------------------------- 1 | Code for 2nd edition of Head First HTML and CSS 2 | by Elisabeth Robson and Eric T. Freeman 3 | 4 | Publish date: August 20, 2012 5 | 6 | -------------------------------------------------------------------------------- /chapter1/starbuzz/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Starbuzz Coffee 4 | 14 | 15 | 16 | 17 |

Starbuzz Coffee Beverages

18 | 19 |

House Blend, $1.49

20 |

A smooth, mild blend of coffees from Mexico, Bolivia and Guatemala.

21 | 22 |

Mocha Caffe Latte, $2.35

23 |

Espresso, steamed milk and chocolate syrup.

24 | 25 |

Cappuccino, $1.89

26 |

A mixture of espresso, steamed milk and milk foam.

27 | 28 |

Chai Tea, $1.85

29 |

A spicy drink made with black tea, spices, milk and honey.

30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /chapter1/starbuzz/mission.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Starbuzz Coffee's Mission 4 | 14 | 15 | 16 |

Starbuzz Coffee's Mission

17 |

To provide all the caffeine that you need to power your life.

18 |

Just drink it.

19 | 20 | 21 | -------------------------------------------------------------------------------- /chapter10/lounge-complete/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Directions 6 | 7 | 8 | 9 |

Directions

10 |

Take the 305 S exit to Webville - go 0.4 mi

11 |

Continue on 305 - go 12 mi

12 |

Turn right at Structure Ave N - go 0.6 mi

13 |

Turn right and head toward Structure Ave N - go 0.0 mi

14 |

Turn right at Structure Ave N - go 0.7 mi

15 |

Continue on Stucture Ave S - go 0.2 mi

16 |

Turn right at SW Presentation Way - go 0.0 mi

17 |

18 | Back to the Lounge 19 |

20 | 21 | 22 | -------------------------------------------------------------------------------- /chapter10/lounge-complete/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Elixirs 6 | 7 | 8 | 9 |

Our Elixirs

10 | 11 |

Green Tea Cooler

12 |

13 | Green Tea Cooler 14 | Chock full of vitamins and minerals, this elixir 15 | combines the healthful benefits of green tea with 16 | a twist of chamomile blossoms and ginger root. 17 |

18 |

Raspberry Ice Concentration

19 |

20 | Raspberry Ice Concentration 21 | Combining raspberry juice with lemon grass, 22 | citrus peel and rosehips, this icy drink 23 | will make your mind feel clear and crisp. 24 |

25 |

Blueberry Bliss Elixir

26 |

27 | Blueberry Bliss Elixir 28 | Blueberries and cherry essence mixed into a base 29 | of elderflower herb tea will put you in a relaxed 30 | state of bliss in no time. 31 |

32 |

Cranberry Antioxidant Blast

33 |

34 | Cranberry Antioxidant Blast 35 | Wake up to the flavors of cranberry and hibiscus 36 | in this vitamin C rich elixir. 37 |

38 |

39 | Back to the Lounge 40 |

41 | 42 | 43 | -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/background.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/black.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/black.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/blue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/blue.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/blue.jpg -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/chai.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/chai.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/cocktail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/cocktail.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/drinks.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/green.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/green.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/green.jpg -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/lightblue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/lightblue.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/logo.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/red.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/red.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/red.jpg -------------------------------------------------------------------------------- /chapter10/lounge-complete/images/yellow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge-complete/images/yellow.gif -------------------------------------------------------------------------------- /chapter10/lounge-complete/lounge.css: -------------------------------------------------------------------------------- 1 | body { 2 | font: small/1.6em Verdana, Helvetica, Arial, sans-serif; 3 | } 4 | 5 | h1, h2 { 6 | color: #007e7e; 7 | } 8 | 9 | h1 { 10 | font-size: 150%; 11 | } 12 | 13 | h2 { 14 | font-size: 130%; 15 | } 16 | 17 | #guarantee { 18 | line-height: 1.9em; 19 | font-style: italic; 20 | font-family: Georgia, "Times New Roman", Times, serif; 21 | color: #444444; 22 | border: 1px dashed white; 23 | background-color: #a7cece; 24 | padding: 25px; 25 | padding-left: 80px; 26 | margin: 30px; 27 | margin-right: 250px; 28 | background-image: url("images/background.gif"); 29 | background-repeat: no-repeat; 30 | background-position: top left; 31 | } 32 | 33 | #elixirs { 34 | border: thin solid #007e7e; 35 | width: 200px; 36 | padding: 0px 20px 20px 20px; 37 | margin-left: 20px; 38 | text-align: center; 39 | background-image: url("images/cocktail.gif"); 40 | background-repeat: repeat-x; 41 | line-height: 1; 42 | float: right; 43 | } 44 | 45 | #elixirs h2 { 46 | color: black; 47 | } 48 | 49 | #elixirs h3 { 50 | color: #d12c47; 51 | } 52 | 53 | #footer { 54 | font-size: 50%; 55 | text-align: center; 56 | line-height: normal; 57 | margin-top: 30px; 58 | } 59 | 60 | .cd { 61 | font-style: italic; 62 | } 63 | 64 | .artist { 65 | font-weight: bold; 66 | } 67 | 68 | a:link { 69 | color: #007e7e; 70 | } 71 | 72 | a:visited { 73 | color: #333333; 74 | } 75 | 76 | #elixirs a:link { 77 | color: #007e7e; 78 | } 79 | 80 | #elixirs a:visited { 81 | color: #333333; 82 | } 83 | 84 | #elixirs a:hover { 85 | background: #f88396; 86 | color: #0d5353; 87 | } 88 | -------------------------------------------------------------------------------- /chapter10/lounge/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Directions 6 | 7 | 8 | 9 |

Directions

10 |

Take the 305 S exit to Webville - go 0.4 mi

11 |

Continue on 305 - go 12 mi

12 |

Turn right at Structure Ave N - go 0.6 mi

13 |

Turn right and head toward Structure Ave N - go 0.0 mi

14 |

Turn right at Structure Ave N - go 0.7 mi

15 |

Continue on Stucture Ave S - go 0.2 mi

16 |

Turn right at SW Presentation Way - go 0.0 mi

17 |

18 | Back to the Lounge 19 |

20 | 21 | 22 | -------------------------------------------------------------------------------- /chapter10/lounge/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Elixirs 6 | 7 | 8 | 9 |

Our Elixirs

10 | 11 |

Green Tea Cooler

12 |

13 | Green Tea Cooler 14 | Chock full of vitamins and minerals, this elixir 15 | combines the healthful benefits of green tea with 16 | a twist of chamomile blossoms and ginger root. 17 |

18 |

Raspberry Ice Concentration

19 |

20 | Raspberry Ice Concentration 21 | Combining raspberry juice with lemon grass, 22 | citrus peel and rosehips, this icy drink 23 | will make your mind feel clear and crisp. 24 |

25 |

Blueberry Bliss Elixir

26 |

27 | Blueberry Bliss Elixir 28 | Blueberries and cherry essence mixed into a base 29 | of elderflower herb tea will put you in a relaxed 30 | state of bliss in no time. 31 |

32 |

Cranberry Antioxidant Blast

33 |

34 | Cranberry Antioxidant Blast 35 | Wake up to the flavors of cranberry and hibiscus 36 | in this vitamin C rich elixir. 37 |

38 |

39 | Back to the Lounge 40 |

41 | 42 | 43 | -------------------------------------------------------------------------------- /chapter10/lounge/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/background.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/black.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/black.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/blue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/blue.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/blue.jpg -------------------------------------------------------------------------------- /chapter10/lounge/images/chai.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/chai.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/cocktail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/cocktail.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/drinks.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/green.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/green.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/green.jpg -------------------------------------------------------------------------------- /chapter10/lounge/images/lightblue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/lightblue.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter10/lounge/images/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/logo.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/red.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/red.gif -------------------------------------------------------------------------------- /chapter10/lounge/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/red.jpg -------------------------------------------------------------------------------- /chapter10/lounge/images/yellow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter10/lounge/images/yellow.gif -------------------------------------------------------------------------------- /chapter10/lounge/lounge.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: small; 3 | font-family: Verdana, Helvetica, Arial, sans-serif; 4 | line-height: 1.6em; 5 | } 6 | 7 | h1, h2 { 8 | color: #007e7e; 9 | } 10 | 11 | h1 { 12 | font-size: 150%; 13 | } 14 | 15 | h2 { 16 | font-size: 130%; 17 | } 18 | 19 | #guarantee { 20 | line-height: 1.9em; 21 | font-style: italic; 22 | font-family: Georgia, "Times New Roman", Times, serif; 23 | color: #444444; 24 | border-color: white; 25 | border-width: 1px; 26 | border-style: dashed; 27 | background-color: #a7cece; 28 | padding: 25px; 29 | padding-left: 80px; 30 | margin: 30px; 31 | margin-right: 250px; 32 | background-image: url("images/background.gif"); 33 | background-repeat: no-repeat; 34 | background-position: top left; 35 | } 36 | -------------------------------------------------------------------------------- /chapter10/lounge/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge 6 | 7 | 8 | 9 |

Head First Lounge

10 |

Welcome to the Head First Lounge

11 |

12 | The Head First Lounge is, no doubt, the biggest trendsetter in Webville. 13 | Stop in to sample the eclectic offering of elixirs, teas, and coffees, 14 | or, stay a bit longer and enjoy the multicultural culinary menu that 15 | combines a harmony of taste, texture, and color with the best in fresh 16 | and healthy ingredients. 17 |

18 | 19 |

20 | During your stay at the lounge, you'll enjoy a smooth mixture of 21 | ambient and mystic sounds, filling the lounge and adding an extra dimension 22 | to your dining experience. The decor surrounds you with the relaxing sentiments 23 | of sights from eras past. And, don't forget, the lounge offers free wireless 24 | access to the Internet, so bring your laptop. 25 |

26 | 27 |

28 | Our guarantee: at the lounge, we're committed to providing you, 29 | our guest, with an exceptional experience every time you visit. 30 | Whether you're just stopping by to check in on email over an 31 | elixir, or are here for an out-of-the-ordinary dinner, you'll 32 | find our knowledgeable service staff pay attention to every detail. 33 | If you're not fully satisfied, have a Blueberry Bliss Elixir on us. 34 |

35 | 36 |

37 | But that's not all; at night, join us in the backroom as our resident 38 | DJ spins a choice selection of trance and drum&bass beats across 39 | our spacious tiki-themed dance floor. Or just hang out in one of our 40 | comfy white vinyl booths at the dance bar. You can have your elixirs 41 | delivered from the main lounge right to the dance floor. If you've 42 | had enough of the beat, just head back to the lounge area to relax. 43 | And, no matter where you find yourself in the lounge, you'll always be 44 | connected with our wireless Internet access. 45 |

46 | 47 |

48 | Now that you've experienced the lounge virtually, isn't 49 | it time to check us out for real? We're located right 50 | in the heart of Webville, and we've created some 51 | detailed directions 53 | to get you here in record time. No reservations necessary; 54 | come and join us anytime. 55 |

56 | 57 |

Weekly Elixir Specials

58 |

59 | Lemon Breeze Elixir 60 |

61 |

Lemon Breeze

62 |

63 | The ultimate healthy drink, this elixir combines 64 | herbal botanicals, minerals, and vitamins with 65 | a twist of lemon into a smooth citrus wonder 66 | that will keep your immune system going all 67 | day and all night. 68 |

69 | 70 |

71 | Chai Chiller Elixir 72 |

73 |

Chai Chiller

74 |

75 | Not your traditional chai, this elixir mixes maté 76 | with chai spices and adds an extra chocolate kick for 77 | a caffeinated taste sensation on ice. 78 |

79 | 80 |

81 | Black Brain Brew Elixir 82 |

83 |

Black Brain Brew

84 |

85 | Want to boost your memory? Try our Black Brain Brew 86 | elixir, made with black oolong tea and just a touch 87 | of espresso. Your brain will thank you for the boost. 88 |

89 | 90 |

91 | Join us any evening for these and all our 92 | other wonderful 93 | elixirs. 95 |

96 | 97 |

What's playing at the Lounge

98 |

99 | We're frequently asked about the music we play at the lounge, and no wonder, 100 | it's great stuff. Just for you, we keep a list here on the site, updated weekly. 101 | Enjoy. 102 |

103 | 110 | 111 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /chapter10/lounge/print/print.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: 12pt; 3 | font-family: Times, "Times New Roman", serif; 4 | line-height: 1.4em; 5 | margin: 10px 40px 10px 40px; 6 | width: 700px; 7 | } 8 | 9 | h1, h2 { 10 | color: black; 11 | } 12 | 13 | h1 { 14 | font-size: 150%; 15 | } 16 | 17 | h2 { 18 | font-size: 130%; 19 | } 20 | 21 | #guarantee { 22 | padding: 25px 25px 25px 25px; 23 | border: thin solid black; 24 | margin-right: 240px; 25 | margin-left: 30px; 26 | line-height: 1.5em; 27 | font-style: italic; 28 | font-family: Georgia, "Times New Roman", Times, serif; 29 | color: #222222; 30 | } 31 | 32 | #elixirs { 33 | font-family: Verdana, Helvetica, Arial, sans-serif; 34 | width: 200px; 35 | background-color: #ffffff; 36 | background: url("images/elixirbackground.gif") repeat-x top center; 37 | padding: 0px 20px 20px 20px; 38 | margin-left: 25px; 39 | color: #000000; 40 | border: thin double #007e7e; 41 | text-align: center; 42 | font-size: 80%; 43 | } 44 | 45 | #elixirs a:link { color: #007e7e;} 46 | #elixirs a:visited { color: #333333;} 47 | #elixirs a:hover { background: #f88396; color: #0d5353;} 48 | 49 | #elixirs h2 { 50 | color: #000000; 51 | } 52 | 53 | #elixirs h3 { 54 | color: #d12c47; 55 | } 56 | 57 | #elixirs img { 58 | padding-top: 20px; 59 | } 60 | 61 | #elixirs p { 62 | line-height: 1em; 63 | } 64 | 65 | #footer { 66 | font-size: 50%; 67 | text-align: center; 68 | line-height: normal; 69 | margin-top: 30px; 70 | } 71 | 72 | .artist { 73 | font-weight: bold; 74 | } 75 | 76 | .cd { 77 | font-style: italic; 78 | } 79 | 80 | body p a:link { color: #007e7e; } 81 | body p a:visited { color: #333333; } 82 | 83 | -------------------------------------------------------------------------------- /chapter11/absolute/images/award.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/award.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/background.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/background2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/background2.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/bag.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/bag.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/cardboard_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/cardboard_bg.jpg -------------------------------------------------------------------------------- /chapter11/absolute/images/coupon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/coupon.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/final.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/final.jpeg -------------------------------------------------------------------------------- /chapter11/absolute/images/header.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/header.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/headerlogo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/headerlogo.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/headerlogo2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/headerlogo2.gif -------------------------------------------------------------------------------- /chapter11/absolute/images/ticket.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/absolute/images/ticket.gif -------------------------------------------------------------------------------- /chapter11/absolute/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Starbuzz Coffee 6 | 7 | 8 | 9 | 10 | 13 | 14 |
15 |

QUALITY COFFEE, QUALITY CAFFEINE

16 |

17 | At Starbuzz Coffee, we are dedicated to filling all your caffeine needs through our 18 | quality coffees and teas. Sure, we want you to have a great cup of coffee and a great 19 | coffee experience as well, but we're the only company that actively monitors and 20 | optimizes caffeine levels. So stop by and fill your cup, or order online with our new Bean 21 | Machine online order form, and get that quality Starbuzz coffee that you know will meet 22 | your caffeine standards. 23 |

24 |

25 | And, did we mention caffeine? We've just started funding the guys doing all 26 | the wonderful research at the Caffeine Buzz. 28 | If you want the latest on coffee and other caffeine products, 29 | stop by and pay them a visit. 30 |

31 |

OUR STORY

32 |

33 | "A man, a plan, a coffee bean". Okay, that doesn't make a palindrome, but it resulted 34 | in a damn good cup of coffee. Starbuzz's CEO is that man, and you already know his 35 | plan: a Starbuzz on every corner. 36 |

37 |

In only a few years he's executed that plan and today 38 | you can enjoy Starbuzz just about anywhere. And, of course, the big news this year 39 | is that Starbuzz teamed up with Head First readers to create Starbuzz's Web presence, 40 | which is growing rapidly and helping to meet the caffeine needs of a whole new set of 41 | customers. 42 |

43 |

STARBUZZ COFFEE BEVERAGES

44 |

45 | We've got a variety of caffeinated beverages to choose 46 | from at Starbuzz, including our 47 | House Blend, 48 | Mocha Cafe Latte, 49 | Cappuccino, 50 | and a favorite of our customers, 51 | Chai Tea. 52 |

53 |

54 | We also offer a variety of coffee beans, whole or ground, for you to 55 | take home with you. Order your coffee today using our online 56 | Bean Machine, and take 57 | the Starbuzz Coffee experience home. 58 |

59 |
60 | 61 | 82 | 83 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /chapter11/absolute/starbuzz.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #b5a789; 3 | font-family: Georgia, "Times New Roman", Times, serif; 4 | font-size: small; 5 | margin: 0px; 6 | } 7 | 8 | #header { 9 | background-color: #675c47; 10 | margin: 10px; 11 | height: 108px; 12 | } 13 | 14 | #main { 15 | background: #efe5d0 url(images/background.gif) top left; 16 | font-size: 105%; 17 | padding: 15px; 18 | margin: 0px 10px 10px 10px; 19 | } 20 | 21 | #sidebar { 22 | background: #efe5d0 url(images/background.gif) bottom right; 23 | font-size: 105%; 24 | padding: 15px; 25 | margin: 0px 10px 10px 10px; 26 | } 27 | 28 | #footer { 29 | background-color: #675c47; 30 | color: #efe5d0; 31 | text-align: center; 32 | padding: 15px; 33 | margin: 10px; 34 | font-size: 90%; 35 | } 36 | 37 | h1 { 38 | font-size: 120%; 39 | color: #954b4b; 40 | } 41 | 42 | .slogan { color: #954b4b; } 43 | 44 | .beanheading { 45 | text-align: center; 46 | line-height: 1.8em; 47 | } 48 | 49 | a:link { 50 | color: #b76666; 51 | text-decoration: none; 52 | border-bottom: thin dotted #b76666; 53 | } 54 | a:visited { 55 | color: #675c47; 56 | text-decoration: none; 57 | border-bottom: thin dotted #675c47; 58 | } 59 | -------------------------------------------------------------------------------- /chapter11/lounge/about/directions.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | Head First Lounge Directions 7 | 8 | 9 | 10 |

Directions

11 |

Take the 305 S exit to Webville - go 0.4 mi

12 |

Continue on 305 - go 12 mi

13 |

Turn right at Structure Ave N - go 0.6 mi

14 |

Turn right and head toward Structure Ave N - go 0.0 mi

15 |

Turn right at Structure Ave N - go 0.7 mi

16 |

Continue on Stucture Ave S - go 0.2 mi

17 |

Turn right at SW Presentation Way - go 0.0 mi

18 |

19 | Back to the Lounge 20 |

21 | 22 | 23 | -------------------------------------------------------------------------------- /chapter11/lounge/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | Head First Lounge Elixirs 7 | 8 | 9 | 10 |

Our Elixirs

11 | 12 |

Green Tea Cooler

13 |

14 | Green Tea Cooler 15 | Chock full of vitamins and minerals, this elixir 16 | combines the healthful benefits of green tea with 17 | a twist of chamomile blossoms and ginger root. 18 |

19 |

Raspberry Ice Concentration

20 |

21 | Raspberry Ice Concentration 22 | Combining raspberry juice with lemon grass, 23 | citrus peel and rosehips, this icy drink 24 | will make your mind feel clear and crisp. 25 |

26 |

Blueberry Bliss Elixir

27 |

28 | Blueberry Bliss Elixir 29 | Blueberries and cherry essence mixed into a base 30 | of elderflower herb tea will put you in a relaxed 31 | state of bliss in no time. 32 |

33 |

Cranberry Antioxidant Blast

34 |

35 | Cranberry Antioxidant Blast 36 | Wake up to the flavors of cranberry and hibiscus 37 | in this vitamin C rich elixir. 38 |

39 |

40 | Back to the Lounge 41 |

42 | 43 | 44 | -------------------------------------------------------------------------------- /chapter11/lounge/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/background.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/black.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/black.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/blue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/blue.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/blue.jpg -------------------------------------------------------------------------------- /chapter11/lounge/images/chai.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/chai.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/cocktail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/cocktail.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/drinks.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/green.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/green.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/green.jpg -------------------------------------------------------------------------------- /chapter11/lounge/images/lightblue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/lightblue.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter11/lounge/images/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/logo.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/red.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/red.gif -------------------------------------------------------------------------------- /chapter11/lounge/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/red.jpg -------------------------------------------------------------------------------- /chapter11/lounge/images/yellow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/lounge/images/yellow.gif -------------------------------------------------------------------------------- /chapter11/lounge/lounge.css: -------------------------------------------------------------------------------- 1 | body { 2 | font: small/1.6em Verdana, Helvetica, Arial, sans-serif; 3 | } 4 | 5 | h1, h2 { 6 | color: #007e7e; 7 | } 8 | 9 | h1 { 10 | font-size: 150%; 11 | } 12 | 13 | h2 { 14 | font-size: 130%; 15 | } 16 | 17 | #guarantee { 18 | line-height: 1.9em; 19 | font-style: italic; 20 | font-family: Georgia, "Times New Roman", Times, serif; 21 | color: #444444; 22 | border: 1px dashed white; 23 | background-color: #a7cece; 24 | padding: 25px; 25 | padding-left: 80px; 26 | margin: 30px; 27 | margin-right: 250px; 28 | background-image: url(images/background.gif); 29 | background-repeat: no-repeat; 30 | background-position: top left; 31 | } 32 | 33 | #elixirs { 34 | border: thin solid #007e7e; 35 | width: 200px; 36 | padding: 0px 20px 20px 20px; 37 | margin-left: 20px; 38 | text-align: center; 39 | background-image: url("images/cocktail.gif"); 40 | background-repeat: repeat-x; 41 | line-height: 1; 42 | float: right; 43 | } 44 | 45 | #elixirs h2 { 46 | color: black; 47 | } 48 | 49 | #elixirs h3 { 50 | color: #d12c47; 51 | } 52 | 53 | #footer { 54 | font-size: 50%; 55 | text-align: center; 56 | line-height: normal; 57 | margin-top: 30px; 58 | } 59 | 60 | .cd { 61 | font-style: italic; 62 | } 63 | 64 | .artist { 65 | font-weight: bold; 66 | } 67 | 68 | a:link { 69 | color: #007e7e; 70 | } 71 | 72 | a:visited { 73 | color: #333333; 74 | } 75 | 76 | #elixirs a:link { 77 | color: #007e7e; 78 | } 79 | 80 | #elixirs a:visited { 81 | color: #333333; 82 | } 83 | 84 | #elixirs a:hover { 85 | background: #f88396; 86 | color: #0d5353; 87 | } 88 | -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/freecoffee.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Free Starbuzz Coffee 6 | 7 | 8 | 9 | This page is entirely up to you! 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/images/award.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz-complete/images/award.gif -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz-complete/images/background.gif -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/images/bag.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz-complete/images/bag.gif -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/images/header.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz-complete/images/header.gif -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/images/headerLogo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz-complete/images/headerLogo.gif -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/images/headerSlogan.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz-complete/images/headerSlogan.gif -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/images/ticket.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz-complete/images/ticket.gif -------------------------------------------------------------------------------- /chapter11/starbuzz-complete/starbuzz.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #b5a789; 3 | font-family: Georgia, "Times New Roman", Times, serif; 4 | font-size: small; 5 | margin: 0px; 6 | } 7 | 8 | #header { 9 | background-color: #675c47; 10 | margin: 10px 10px 0px 10px; 11 | height: 108px; 12 | } 13 | 14 | #header img#headerSlogan { 15 | float: right; 16 | } 17 | 18 | /* REMOVE FOR CHAP 12 */ 19 | #award { 20 | position: absolute; 21 | top: 30px; 22 | left: 365px; 23 | } 24 | 25 | #coupon { 26 | position: fixed; 27 | top: 350px; 28 | left: -90px; 29 | } 30 | 31 | #coupon a, img { 32 | border: none; 33 | } 34 | /*---*/ 35 | 36 | #tableContainer { 37 | display: table; 38 | border-spacing: 10px; 39 | } 40 | 41 | #tableRow { 42 | display: table-row; 43 | } 44 | 45 | #drinks { 46 | display: table-cell; 47 | background-color: #efe5d0; 48 | width: 20%; 49 | padding: 15px; 50 | vertical-align: top; 51 | } 52 | 53 | #main { 54 | display: table-cell; 55 | background: #efe5d0 url(images/background.gif) top left; 56 | font-size: 105%; 57 | padding: 15px; 58 | vertical-align: top; 59 | } 60 | 61 | #sidebar { 62 | display: table-cell; 63 | background: #efe5d0 url(images/background.gif) bottom right; 64 | font-size: 105%; 65 | padding: 15px; 66 | vertical-align: top; 67 | } 68 | 69 | #footer { 70 | background-color: #675c47; 71 | color: #efe5d0; 72 | text-align: center; 73 | padding: 15px; 74 | margin: 0px 10px 10px 10px; 75 | font-size: 90%; 76 | } 77 | 78 | h1 { 79 | font-size: 120%; 80 | color: #954b4b; 81 | } 82 | 83 | h2 { font-size: 110%; } 84 | 85 | .slogan { color: #954b4b; } 86 | 87 | .beanheading { 88 | text-align: center; 89 | line-height: 1.8em; 90 | } 91 | 92 | a:link { 93 | color: #b76666; 94 | text-decoration: none; 95 | border-bottom: thin dotted #b76666; 96 | } 97 | a:visited { 98 | color: #675c47; 99 | text-decoration: none; 100 | border-bottom: thin dotted #675c47; 101 | } 102 | 103 | 104 | 105 | 106 | 107 | -------------------------------------------------------------------------------- /chapter11/starbuzz/freecoffee.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Free Starbuzz Coffee 6 | 7 | 8 | 9 | This page is entirely up to you! 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter11/starbuzz/images/award.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz/images/award.gif -------------------------------------------------------------------------------- /chapter11/starbuzz/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz/images/background.gif -------------------------------------------------------------------------------- /chapter11/starbuzz/images/bag.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz/images/bag.gif -------------------------------------------------------------------------------- /chapter11/starbuzz/images/coupon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz/images/coupon.gif -------------------------------------------------------------------------------- /chapter11/starbuzz/images/header.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz/images/header.gif -------------------------------------------------------------------------------- /chapter11/starbuzz/images/ticket.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/starbuzz/images/ticket.gif -------------------------------------------------------------------------------- /chapter11/starbuzz/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Starbuzz Coffee 6 | 7 | 8 | 9 | 10 | 13 | 14 |
15 |

QUALITY COFFEE, QUALITY CAFFEINE

16 |

17 | At Starbuzz Coffee, we are dedicated to filling all your caffeine needs through our 18 | quality coffees and teas. Sure, we want you to have a great cup of coffee and a great 19 | coffee experience as well, but we're the only company that actively monitors and 20 | optimizes caffeine levels. So stop by and fill your cup, or order online with our new Bean 21 | Machine online order form, and get that quality Starbuzz coffee that you know will meet 22 | your caffeine standards. 23 |

24 |

25 | And, did we mention caffeine? We've just started funding the guys doing all 26 | the wonderful research at the Caffeine Buzz. 28 | If you want the latest on coffee and other caffeine products, 29 | stop by and pay them a visit. 30 |

31 |

OUR STORY

32 |

33 | "A man, a plan, a coffee bean". Okay, that doesn't make a palindrome, but it resulted 34 | in a damn good cup of coffee. Starbuzz's CEO is that man, and you already know his 35 | plan: a Starbuzz on every corner. 36 |

37 |

In only a few years he's executed that plan and today 38 | you can enjoy Starbuzz just about anywhere. And, of course, the big news this year 39 | is that Starbuzz teamed up with Head First readers to create Starbuzz's Web presence, 40 | which is growing rapidly and helping to meet the caffeine needs of a whole new set of 41 | customers. 42 |

43 |

STARBUZZ COFFEE BEVERAGES

44 |

45 | We've got a variety of caffeinated beverages to choose 46 | from at Starbuzz, including our 47 | House Blend, 48 | Mocha Cafe Latte, 49 | Cappuccino, 50 | and a favorite of our customers, 51 | Chai Tea. 52 |

53 |

54 | We also offer a variety of coffee beans, whole or ground, for you to 55 | take home with you. Order your coffee today using our online 56 | Bean Machine, and take 57 | the Starbuzz Coffee experience home. 58 |

59 |
60 | 61 | 82 | 83 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /chapter11/starbuzz/starbuzz.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #b5a789; 3 | font-family: Georgia, "Times New Roman", Times, serif; 4 | font-size: small; 5 | margin: 0px; 6 | } 7 | 8 | #header { 9 | background-color: #675c47; 10 | margin: 10px; 11 | height: 108px; 12 | } 13 | 14 | #main { 15 | background: #efe5d0 url(images/background.gif) top left; 16 | font-size: 105%; 17 | padding: 15px; 18 | margin: 0px 10px 10px 10px; 19 | } 20 | 21 | #sidebar { 22 | background: #efe5d0 url(images/background.gif) bottom right; 23 | font-size: 105%; 24 | padding: 15px; 25 | margin: 0px 10px 10px 10px; 26 | } 27 | 28 | #footer { 29 | background-color: #675c47; 30 | color: #efe5d0; 31 | text-align: center; 32 | padding: 15px; 33 | margin: 10px; 34 | font-size: 90%; 35 | } 36 | 37 | h1 { 38 | font-size: 120%; 39 | color: #954b4b; 40 | } 41 | 42 | .slogan { color: #954b4b; } 43 | 44 | .beanheading { 45 | text-align: center; 46 | line-height: 1.8em; 47 | } 48 | 49 | a:link { 50 | color: #b76666; 51 | text-decoration: none; 52 | border-bottom: thin dotted #b76666; 53 | } 54 | a:visited { 55 | color: #675c47; 56 | text-decoration: none; 57 | border-bottom: thin dotted #675c47; 58 | } 59 | -------------------------------------------------------------------------------- /chapter11/tabledisplay/freecoffee.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Free Starbuzz Coffee 6 | 7 | 8 | 9 | This page is entirely up to you! 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/award.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/award.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/background.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/background2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/background2.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/bag.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/bag.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/cardboard_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/cardboard_bg.jpg -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/coupon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/coupon.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/final.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/final.jpeg -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/header.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/header.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/headerlogo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/headerlogo.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/headerlogo2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/headerlogo2.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/images/ticket.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter11/tabledisplay/images/ticket.gif -------------------------------------------------------------------------------- /chapter11/tabledisplay/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Starbuzz Coffee 6 | 7 | 8 | 9 | 10 | 13 | 14 |
15 |

QUALITY COFFEE, QUALITY CAFFEINE

16 |

17 | At Starbuzz Coffee, we are dedicated to filling all your caffeine needs through our 18 | quality coffees and teas. Sure, we want you to have a great cup of coffee and a great 19 | coffee experience as well, but we're the only company that actively monitors and 20 | optimizes caffeine levels. So stop by and fill your cup, or order online with our new Bean 21 | Machine online order form, and get that quality Starbuzz coffee that you know will meet 22 | your caffeine standards. 23 |

24 |

25 | And, did we mention caffeine? We've just started funding the guys doing all 26 | the wonderful research at the Caffeine Buzz. 28 | If you want the latest on coffee and other caffeine products, 29 | stop by and pay them a visit. 30 |

31 |

OUR STORY

32 |

33 | "A man, a plan, a coffee bean". Okay, that doesn't make a palindrome, but it resulted 34 | in a damn good cup of coffee. Starbuzz's CEO is that man, and you already know his 35 | plan: a Starbuzz on every corner. 36 |

37 |

In only a few years he's executed that plan and today 38 | you can enjoy Starbuzz just about anywhere. And, of course, the big news this year 39 | is that Starbuzz teamed up with Head First readers to create Starbuzz's Web presence, 40 | which is growing rapidly and helping to meet the caffeine needs of a whole new set of 41 | customers. 42 |

43 |

STARBUZZ COFFEE BEVERAGES

44 |

45 | We've got a variety of caffeinated beverages to choose 46 | from at Starbuzz, including our 47 | House Blend, 48 | Mocha Cafe Latte, 49 | Cappuccino, 50 | and a favorite of our customers, 51 | Chai Tea. 52 |

53 |

54 | We also offer a variety of coffee beans, whole or ground, for you to 55 | take home with you. Order your coffee today using our online 56 | Bean Machine, and take 57 | the Starbuzz Coffee experience home. 58 |

59 |
60 | 61 | 82 | 83 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /chapter11/tabledisplay/starbuzz.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #b5a789; 3 | font-family: Georgia, "Times New Roman", Times, serif; 4 | font-size: small; 5 | margin: 0px; 6 | } 7 | 8 | #header { 9 | background-color: #675c47; 10 | margin: 10px; 11 | height: 108px; 12 | } 13 | 14 | #main { 15 | background: #efe5d0 url(images/background.gif) top left; 16 | font-size: 105%; 17 | padding: 15px; 18 | margin: 0px 10px 10px 10px; 19 | } 20 | 21 | #sidebar { 22 | background: #efe5d0 url(images/background.gif) bottom right; 23 | font-size: 105%; 24 | padding: 15px; 25 | margin: 0px 10px 10px 10px; 26 | } 27 | 28 | #footer { 29 | background-color: #675c47; 30 | color: #efe5d0; 31 | text-align: center; 32 | padding: 15px; 33 | margin: 10px; 34 | font-size: 90%; 35 | } 36 | 37 | h1 { 38 | font-size: 120%; 39 | color: #954b4b; 40 | } 41 | 42 | .slogan { color: #954b4b; } 43 | 44 | .beanheading { 45 | text-align: center; 46 | line-height: 1.8em; 47 | } 48 | 49 | a:link { 50 | color: #b76666; 51 | text-decoration: none; 52 | border-bottom: thin dotted #b76666; 53 | } 54 | a:visited { 55 | color: #675c47; 56 | text-decoration: none; 57 | border-bottom: thin dotted #675c47; 58 | } 59 | -------------------------------------------------------------------------------- /chapter12/starbuzz/images/award.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/award.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/background.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/background2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/background2.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/bag.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/bag.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/cardboard_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/cardboard_bg.jpg -------------------------------------------------------------------------------- /chapter12/starbuzz/images/coupon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/coupon.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/final.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/final.jpeg -------------------------------------------------------------------------------- /chapter12/starbuzz/images/header.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/header.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/headerLogo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/headerLogo.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/headerSlogan.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/headerSlogan.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/headerlogo2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/headerlogo2.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/images/poster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/poster.png -------------------------------------------------------------------------------- /chapter12/starbuzz/images/ticket.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/images/ticket.gif -------------------------------------------------------------------------------- /chapter12/starbuzz/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Starbuzz Coffee 6 | 7 | 8 | 9 | 10 |
11 | 13 | Providing all the caffeine you need to power your life. 15 |
16 | 17 | 26 | 27 |
28 |
29 |
30 |

BEVERAGES

31 |

House Blend, $1.49

32 |

Mocha Cafe Latte, $2.35

33 |

Cappuccino, $1.89

34 |

Chai Tea, $1.85

35 |

ELIXIRS

36 |

37 | We proudly serve elixirs brewed by our friends 38 | at the Head First Lounge. 39 |

40 |

Green Tea Cooler, $2.99

41 |

Raspberry Ice Concentration, $2.99

42 |

Blueberry Bliss Elixir, $2.99

43 |

Cranberry Antioxidant Blast, $2.99

44 |

Chai Chiller, $2.99

45 |

Black Brain Brew, $2.99

46 |
47 |
48 |

QUALITY COFFEE, QUALITY CAFFEINE

49 |

50 | At Starbuzz Coffee, we are dedicated to filling all your caffeine needs through our 51 | quality coffees and teas. Sure, we want you to have a great cup of coffee and a great 52 | coffee experience as well, but we're the only company that actively monitors and 53 | optimizes caffeine levels. So stop by and fill your cup, or order online with our new Bean 54 | Machine online order form, and get that quality Starbuzz coffee that you know will meet 55 | your caffeine standards. 56 |

57 |

58 | And, did we mention caffeine? We've just started funding the guys doing all 59 | the wonderful research at the Caffeine Buzz. 61 | If you want the latest on coffee and other caffeine products, 62 | stop by and pay them a visit. 63 |

64 |

OUR STORY

65 |

66 | "A man, a plan, a coffee bean". Okay, that doesn't make a palindrome, but it resulted 67 | in a damn good cup of coffee. Starbuzz's CEO is that man, and you already know his 68 | plan: a Starbuzz on every corner. 69 |

70 |

In only a few years he's executed that plan and today 71 | you can enjoy Starbuzz just about anywhere. And, of course, the big news this year 72 | is that Starbuzz teamed up with Head First readers to create Starbuzz's Web presence, 73 | which is growing rapidly and helping to meet the caffeine needs of a whole new set of 74 | customers. 75 |

76 |

STARBUZZ COFFEE BEVERAGES

77 |

78 | We've got a variety of caffeinated beverages to choose 79 | from at Starbuzz, including our 80 | House Blend, 81 | Mocha Cafe Latte, 82 | Cappuccino, 83 | and a favorite of our customers, 84 | Chai Tea. 85 |

86 |

87 | We also offer a variety of coffee beans, whole or ground, for you to 88 | take home with you. Order your coffee today using our online 89 | Bean Machine, and take 90 | the Starbuzz Coffee experience home. 91 |

92 |
93 | 94 | 115 |
116 |
117 | 118 | 124 | 125 | 126 | 127 | 128 | 129 | -------------------------------------------------------------------------------- /chapter12/starbuzz/starbuzz.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #b5a789; 3 | font-family: Georgia, "Times New Roman", Times, serif; 4 | font-size: small; 5 | margin: 0px; 6 | } 7 | 8 | /* 9 | height messes up the headers in the blog in the articles 10 | it's only appropriate for the top header. 11 | add a class (new with blog) 12 | Affects the 3 #header rules for the main header below 13 | In HTML: add class="top" to main header in index.html and blog.html 14 | */ 15 | 16 | header.top { 17 | background-color: #675c47; 18 | margin: 10px 10px 0px 10px; 19 | height: 108px; 20 | } 21 | 22 | header.top img#headerSlogan { 23 | float: right; 24 | } 25 | 26 | 27 | div#tableContainer { 28 | display: table; 29 | border-spacing: 10px; 30 | } 31 | 32 | div#tableRow { 33 | display: table-row; 34 | } 35 | 36 | section#drinks { 37 | display: table-cell; 38 | background-color: #efe5d0; 39 | width: 20%; 40 | padding: 15px; 41 | vertical-align: top; 42 | } 43 | 44 | /* added section#blog for blog */ 45 | section#main, section#blog { 46 | display: table-cell; 47 | background: #efe5d0 url(images/background.gif) top left; 48 | font-size: 105%; 49 | padding: 15px; 50 | vertical-align: top; 51 | } 52 | 53 | aside { 54 | display: table-cell; 55 | background: #efe5d0 url(images/background.gif) bottom right; 56 | font-size: 105%; 57 | padding: 15px; 58 | vertical-align: top; 59 | } 60 | 61 | footer { 62 | background-color: #675c47; 63 | color: #efe5d0; 64 | text-align: center; 65 | padding: 15px; 66 | margin: 0px 10px 10px 10px; 67 | font-size: 90%; 68 | } 69 | 70 | h1 { 71 | font-size: 120%; 72 | color: #954b4b; 73 | } 74 | 75 | h2 { font-size: 110%; } 76 | 77 | .slogan { color: #954b4b; } 78 | 79 | .beanheading { 80 | text-align: center; 81 | line-height: 1.8em; 82 | } 83 | 84 | a:link { 85 | color: #b76666; 86 | text-decoration: none; 87 | border-bottom: thin dotted #b76666; 88 | } 89 | a:visited { 90 | color: #675c47; 91 | text-decoration: none; 92 | border-bottom: thin dotted #675c47; 93 | } 94 | 95 | 96 | nav { 97 | background-color: #efe5d0; 98 | margin: 10px 10px 0px 10px; 99 | } 100 | nav ul { 101 | margin: 0px; 102 | list-style-type: none; 103 | padding: 5px 0px 5px 0px; 104 | } 105 | nav ul li { 106 | display: inline; 107 | padding: 5px 10px 5px 10px; 108 | } 109 | nav ul li a:link, nav ul li a:visited { 110 | color: #954b4b; 111 | border-bottom: none; 112 | font-weight: bold; 113 | 114 | /* 115 | text-shadow: 1px 1px 3px #e2c2c2; 116 | text-transform: uppercase; 117 | */ 118 | } 119 | nav ul li.selected { 120 | background-color: #c8b99c; 121 | } 122 | -------------------------------------------------------------------------------- /chapter12/starbuzz/video/tweetsip.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/video/tweetsip.mp4 -------------------------------------------------------------------------------- /chapter12/starbuzz/video/tweetsip.ogv: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/video/tweetsip.ogv -------------------------------------------------------------------------------- /chapter12/starbuzz/video/tweetsip.webm: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter12/starbuzz/video/tweetsip.webm -------------------------------------------------------------------------------- /chapter13/journal-complete/EmblemaOne-Regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal-complete/EmblemaOne-Regular.eot -------------------------------------------------------------------------------- /chapter13/journal-complete/EmblemaOne-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal-complete/EmblemaOne-Regular.ttf -------------------------------------------------------------------------------- /chapter13/journal-complete/EmblemaOne-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal-complete/EmblemaOne-Regular.woff -------------------------------------------------------------------------------- /chapter13/journal-complete/images/backpack.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal-complete/images/backpack.gif -------------------------------------------------------------------------------- /chapter13/journal-complete/images/segway1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal-complete/images/segway1.jpg -------------------------------------------------------------------------------- /chapter13/journal-complete/images/segway2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal-complete/images/segway2.jpg -------------------------------------------------------------------------------- /chapter13/journal-complete/journal.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Emblema One"; 3 | src: url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff"), 4 | url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf"); 5 | } 6 | body { 7 | font-family: Verdana, Geneva, Arial, sans-serif; 8 | font-size: small; 9 | } 10 | h1, h2 { 11 | color: #cc6600; 12 | border-bottom: thin dotted #888888; 13 | } 14 | h1 { 15 | font-family: "Emblema One", sans-serif; 16 | font-size: 220%; 17 | } 18 | h2 { 19 | font-size: 130%; 20 | font-weight: normal; 21 | } 22 | blockquote { 23 | font-style: italic; 24 | } 25 | 26 | table { 27 | margin-left: 20px; 28 | margin-right: 20px; 29 | border: thin solid black; 30 | caption-side: bottom; 31 | border-collapse: collapse; 32 | } 33 | 34 | table table th { 35 | background-color: white; 36 | } 37 | 38 | td, th { 39 | border: thin dotted gray; 40 | padding: 5px; 41 | } 42 | 43 | th { 44 | background-color: #cc6600; 45 | } 46 | 47 | .cellcolor { 48 | background-color: #fcba7a; 49 | } 50 | 51 | 52 | caption { 53 | font-style: italic; 54 | padding-top: 8px; 55 | } 56 | 57 | .center { 58 | text-align: center; 59 | } 60 | 61 | .right { 62 | text-align: right; 63 | } 64 | 65 | li { 66 | /* list-style-image: url(images/backpack.gif); */ 67 | padding-top: 5px; 68 | margin-left: 10px; 69 | } 70 | 71 | -------------------------------------------------------------------------------- /chapter13/journal-complete/journal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Trip Around the USA on a Segway 6 | 7 | 8 | 9 | 10 |

Segway'n USA

11 |

12 | Documenting my trip around the US on my very own Segway! 13 |

14 | 15 |

August 20, 2012

16 |

Me any my Segway in New Mexico

17 |

18 | Well I made it 1200 miles already, and I passed 19 | through some interesting places on the way: 20 |

21 | 22 | 23 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 |
24 | The cities I visited on my 25 | Segway'n USA travels 26 |
CityDateTemperatureAltitudePopulationDiner Rating
Walla Walla, WAJune 15th751,204 ft29,6864/5
Magic City, IDJune 25th745,312 ft503/5
Bountiful, UTJuly 10th914,226 ft41,1734/5
Last Chance, COJuly 23rd1024,780 ft2653/5
Truth or Consequences, NMAugust 9th934,242 ft7,2895/5
August 27th98 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 |
Tess5/5
Tony4/5
89 |
Why, AZAugust 18th104860 ft4803/5
100 | 101 |

July 14, 2012

102 |

103 | I saw some Burma Shave style signs on the side of the 104 | road today: 105 |

106 |
107 |

108 | Passing cars,
109 | When you can't see,
110 | May get you,
111 | A glimpse,
112 | Of eternity.
113 |

114 |
115 |

116 | I definitely won't be passing any cars. 117 |

118 | 119 |

June 2, 2012

120 |

The first day of the trip

121 |

122 | My first day of the trip! I can't believe I finally got 123 | everything packed and ready to go. Because I'm on a Segway, 124 | I wasn't able to bring a whole lot with me: 125 |

126 | 132 |

133 | Just the essentials. As 134 | Lao Tzu would have said, A journey of a 135 | thousand miles begins with one Segway. 136 |

137 | 153 | 154 | 155 | 156 | 157 | 158 | -------------------------------------------------------------------------------- /chapter13/journal-complete/table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | Testing Tony's Travels 9 | 10 | 11 | 12 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 |
13 | The cities I visited on my 14 | Segway'n USA travels 15 |
CityDateTemperatureAltitudePopulationDiner Rating
Walla Walla, WAJune 15th751,204 ft29,6864/5
Magic City, IDJune 25th745,312 ft503/5
Bountiful, UTJuly 10th914,226 ft41,1734/5
Last Chance, COJuly 23rd1024,780 ft2653/5
Truth or Consequences, NMAugust 9th934,242 ft7,2895/5
Why, AZAugust 18th104860 ft4803/5
73 | 74 | 75 | -------------------------------------------------------------------------------- /chapter13/journal/EmblemaOne-Regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal/EmblemaOne-Regular.eot -------------------------------------------------------------------------------- /chapter13/journal/EmblemaOne-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal/EmblemaOne-Regular.ttf -------------------------------------------------------------------------------- /chapter13/journal/EmblemaOne-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal/EmblemaOne-Regular.woff -------------------------------------------------------------------------------- /chapter13/journal/images/backpack.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal/images/backpack.gif -------------------------------------------------------------------------------- /chapter13/journal/images/segway1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal/images/segway1.jpg -------------------------------------------------------------------------------- /chapter13/journal/images/segway2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter13/journal/images/segway2.jpg -------------------------------------------------------------------------------- /chapter13/journal/journal.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Emblema One"; 3 | src: url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff"), 4 | url("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf"); 5 | } 6 | body { 7 | font-family: Verdana, Geneva, Arial, sans-serif; 8 | font-size: small; 9 | } 10 | h1, h2 { 11 | color: #cc6600; 12 | border-bottom: thin dotted #888888; 13 | } 14 | h1 { 15 | font-family: "Emblema One", sans-serif; 16 | font-size: 220%; 17 | } 18 | h2 { 19 | font-size: 130%; 20 | font-weight: normal; 21 | } 22 | blockquote { 23 | font-style: italic; 24 | } 25 | 26 | -------------------------------------------------------------------------------- /chapter13/journal/journal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Trip Around the USA on a Segway 6 | 7 | 8 | 9 | 10 |

Segway'n USA

11 |

12 | Documenting my trip around the US on my very own Segway! 13 |

14 | 15 |

August 20, 2012

16 |

Me any my Segway in New Mexico

17 |

18 | Well I made it 1200 miles already, and I passed 19 | through some interesting places on the way: 20 |

21 |
    22 |
  1. Walla Walla, WA
    2. 23 |
  2. Magic City, ID
    3. 24 |
  3. Bountiful, UT
    4. 25 |
  4. Last Chance, CO
    5. 26 |
  5. Truth or Consequences, NM
    6. 27 |
  6. Why, AZ
    7. 28 |
29 | 30 |

July 14, 2012

31 |

32 | I saw some Burma Shave style signs on the side of the 33 | road today: 34 |

35 |
36 |

37 | Passing cars,
38 | When you can't see,
39 | May get you,
40 | A glimpse,
41 | Of eternity.
42 |

43 |
44 |

45 | I definitely won't be passing any cars. 46 |

47 | 48 |

June 2, 2012

49 |

The first day of the trip

50 |

51 | My first day of the trip! I can't believe I finally got 52 | everything packed and ready to go. Because I'm on a Segway, 53 | I wasn't able to bring a whole lot with me: 54 |

55 | 61 |

62 | Just the essentials. As 63 | Lao Tzu would have said, A journey of a 64 | thousand miles begins with one Segway. 65 |

66 | 82 | 83 | 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /chapter13/journal/table.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 8 | Testing Tony's Travels 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 |
CityDateTemperatureAltitudePopulationDiner Rating
Walla Walla, WAJune 15th751,204 ft29,6864/5
Magic City, IDJune 25th745,312 ft503/5
37 | 38 | 39 | -------------------------------------------------------------------------------- /chapter14/contest/contest.php: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Head First HTML and CSS Chapter 14 Contest 13 | 22 | 23 | 24 | 25 |

26 | Head First Guy 27 |

28 | 29 |
30 |

31 | Thanks, , 32 | for entering the Head First HTML and CSS Chapter 14 contest. 33 |

34 |

35 | If you win something, you'll be the first to know. 36 |

37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | 49 | -------------------------------------------------------------------------------- /chapter14/contest/form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Enter the Contest 6 | 7 | 8 |
9 |

Just type in your name (and click Submit) to enter the contest:
10 | 11 | First name:
12 | Last name:
13 | 14 |

15 |
16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /chapter14/starbuzz/.formtypes.html.swp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/.formtypes.html.swp -------------------------------------------------------------------------------- /chapter14/starbuzz/accessform.css: -------------------------------------------------------------------------------- 1 | body { 2 | background: #efe5d0 url(images/background.gif) top left; 3 | margin: 20px; 4 | } 5 | 6 | form { 7 | display: table; 8 | padding: 10px; 9 | border: thin dotted #7e7e7e; 10 | background-color: #e1ceb8; 11 | } 12 | 13 | div.tableRow { 14 | display: table-row; 15 | } 16 | 17 | div.tableRow > p, div.tableRow > label, div.tableRow > input { 18 | display: table-cell; 19 | vertical-align: top; 20 | padding: 3px; 21 | } 22 | div.tableRow label:first-child { 23 | text-align: right; 24 | } 25 | form textarea { 26 | display: table-cell; 27 | width: 500px; 28 | height: 200px; 29 | } 30 | legend { 31 | font-weight: bold; 32 | } 33 | -------------------------------------------------------------------------------- /chapter14/starbuzz/accessform.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Starbuzz Bean Machine 6 | 7 | 8 | 9 | 10 | 11 |

The Starbuzz Bean Machine

12 |

Fill out the form below and click "order now" to order

13 | 14 |
15 |
16 | Order details 17 |
18 | 21 | 27 |
28 |
29 | 30 |

31 | 32 |
33 | 34 | 35 |

36 |
37 |
38 | 39 | 40 |
41 |
42 | 43 | 44 |
45 |
46 | 47 |

48 | 49 |
50 | 51 | 52 |

53 |
54 |
55 |
56 | Ship to 57 |
58 | 59 | 60 |
61 |
62 | 63 | 64 |
65 |
66 | 67 | 68 |
69 |
70 | 71 | 72 |
73 |
74 | 75 | 76 |
77 |
78 | 79 | 80 |
81 |
82 | 83 | 84 |
85 |
86 | 87 | 88 |
89 |
90 |
91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /chapter14/starbuzz/form-complete.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Starbuzz Bean Machine 6 | 7 | 8 | 9 |

The Starbuzz Bean Machine

10 |

Fill out the form below and click "order now" to order

11 | 12 |
13 |

14 | Choose your beans: 15 | 21 |

22 |

23 | Type:
24 | 25 | Whole bean 26 |
27 | 28 | Ground 29 |

30 |

31 | Number of bags: 32 |

33 |

34 | Must arrive by date: 35 |

36 |

37 | Extras:
38 | 39 | Gift wrap 40 |
41 | 42 | Include catalog with order 43 |

44 |

45 | Ship to:
46 | Name: 47 |
48 | Address: 49 |
50 | City: 51 |
52 | State: 53 |
54 | Zip: 55 |
56 | Phone: 57 |
58 |

59 |

60 | Customer Comments:
61 | 62 |

63 |

64 | 65 |

66 |
67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /chapter14/starbuzz/form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Starbuzz Bean Machine 6 | 7 | 8 | 9 |

The Starbuzz Bean Machine

10 |

Fill out the form below and click submit to order

11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /chapter14/starbuzz/images/award.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/award.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/background.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/background2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/background2.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/bag.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/bag.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/cardboard_bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/cardboard_bg.jpg -------------------------------------------------------------------------------- /chapter14/starbuzz/images/coupon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/coupon.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/final.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/final.jpeg -------------------------------------------------------------------------------- /chapter14/starbuzz/images/header.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/header.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/headerLogo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/headerLogo.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/headerSlogan.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/headerSlogan.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/headerlogo2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/headerlogo2.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/images/ticket.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter14/starbuzz/images/ticket.gif -------------------------------------------------------------------------------- /chapter14/starbuzz/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Starbuzz Coffee 6 | 7 | 8 | 9 | 10 |
11 | 13 | Providing all the caffeine you need to power your life. 15 |
16 | 17 | 26 | 27 |
28 |
29 |
30 |

BEVERAGES

31 |

House Blend, $1.49

32 |

Mocha Cafe Latte, $2.35

33 |

Cappuccino, $1.89

34 |

Chai Tea, $1.85

35 |

ELIXIRS

36 |

37 | We proudly serve elixirs brewed by our friends 38 | at the Head First Lounge. 39 |

40 |

Green Tea Cooler, $2.99

41 |

Raspberry Ice Concentration, $2.99

42 |

Blueberry Bliss Elixir, $2.99

43 |

Cranberry Antioxidant Blast, $2.99

44 |

Chai Chiller, $2.99

45 |

Black Brain Brew, $2.99

46 |
47 |
48 |

QUALITY COFFEE, QUALITY CAFFEINE

49 |

50 | At Starbuzz Coffee, we are dedicated to filling all your caffeine needs through our 51 | quality coffees and teas. Sure, we want you to have a great cup of coffee and a great 52 | coffee experience as well, but we're the only company that actively monitors and 53 | optimizes caffeine levels. So stop by and fill your cup, or order online with our new Bean 54 | Machine online order form, and get that quality Starbuzz coffee that you know will meet 55 | your caffeine standards. 56 |

57 |

58 | And, did we mention caffeine? We've just started funding the guys doing all 59 | the wonderful research at the Caffeine Buzz. 61 | If you want the latest on coffee and other caffeine products, 62 | stop by and pay them a visit. 63 |

64 |

OUR STORY

65 |

66 | "A man, a plan, a coffee bean". Okay, that doesn't make a palindrome, but it resulted 67 | in a damn good cup of coffee. Starbuzz's CEO is that man, and you already know his 68 | plan: a Starbuzz on every corner. 69 |

70 |

In only a few years he's executed that plan and today 71 | you can enjoy Starbuzz just about anywhere. And, of course, the big news this year 72 | is that Starbuzz teamed up with Head First readers to create Starbuzz's Web presence, 73 | which is growing rapidly and helping to meet the caffeine needs of a whole new set of 74 | customers. 75 |

76 |

STARBUZZ COFFEE BEVERAGES

77 |

78 | We've got a variety of caffeinated beverages to choose 79 | from at Starbuzz, including our 80 | House Blend, 81 | Mocha Cafe Latte, 82 | Cappuccino, 83 | and a favorite of our customers, 84 | Chai Tea. 85 |

86 |

87 | We also offer a variety of coffee beans, whole or ground, for you to 88 | take home with you. Order your coffee today using our online 89 | Bean Machine, and take 90 | the Starbuzz Coffee experience home. 91 |

92 |
93 | 94 | 115 |
116 |
117 | 118 | 124 | 125 | 126 | 127 | 128 | 129 | -------------------------------------------------------------------------------- /chapter14/starbuzz/starbuzz.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #b5a789; 3 | font-family: Georgia, "Times New Roman", Times, serif; 4 | font-size: small; 5 | margin: 0px; 6 | } 7 | 8 | /* 9 | height messes up the headers in the blog in the articles 10 | it's only appropriate for the top header. 11 | add a class (new with blog) 12 | Affects the 3 #header rules for the main header below 13 | In HTML: add class="top" to main header in index.html and blog.html 14 | */ 15 | 16 | header.top { 17 | background-color: #675c47; 18 | margin: 10px 10px 0px 10px; 19 | height: 108px; 20 | } 21 | 22 | header.top img#headerSlogan { 23 | float: right; 24 | } 25 | 26 | 27 | /* nav new in blog */ 28 | nav { 29 | background-color: #efe5d0; 30 | margin: 10px 10px 0px 10px; 31 | } 32 | nav ul { 33 | margin: 0px; 34 | list-style-type: none; 35 | padding: 5px 0px 5px 0px; 36 | } 37 | nav ul li { 38 | display: inline; 39 | padding: 5px 10px 5px 10px; 40 | } 41 | 42 | 43 | div#tableContainer { 44 | display: table; 45 | border-spacing: 10px; 46 | } 47 | 48 | div#tableRow { 49 | display: table-row; 50 | } 51 | 52 | section#drinks { 53 | display: table-cell; 54 | background-color: #efe5d0; 55 | width: 20%; 56 | padding: 15px; 57 | vertical-align: top; 58 | } 59 | 60 | /* added section#blog for blog */ 61 | section#main, section#blog { 62 | display: table-cell; 63 | background: #efe5d0 url(images/background.gif) top left; 64 | font-size: 105%; 65 | padding: 15px; 66 | vertical-align: top; 67 | } 68 | 69 | aside { 70 | display: table-cell; 71 | background: #efe5d0 url(images/background.gif) bottom right; 72 | font-size: 105%; 73 | padding: 15px; 74 | vertical-align: top; 75 | } 76 | 77 | footer { 78 | background-color: #675c47; 79 | color: #efe5d0; 80 | text-align: center; 81 | padding: 15px; 82 | margin: 0px 10px 10px 10px; 83 | font-size: 90%; 84 | } 85 | 86 | h1 { 87 | font-size: 120%; 88 | color: #954b4b; 89 | } 90 | 91 | h2 { font-size: 110%; } 92 | 93 | .slogan { color: #954b4b; } 94 | 95 | .beanheading { 96 | text-align: center; 97 | line-height: 1.8em; 98 | } 99 | 100 | a:link { 101 | color: #b76666; 102 | text-decoration: none; 103 | border-bottom: thin dotted #b76666; 104 | } 105 | a:visited { 106 | color: #675c47; 107 | text-decoration: none; 108 | border-bottom: thin dotted #675c47; 109 | } 110 | 111 | /* ALL BELOW IS NEW FOR BLOG */ 112 | 113 | 114 | /* BELOW a above to override for nav */ 115 | nav ul li a:link, nav ul li a:visited { 116 | color: #954b4b; 117 | border-bottom: none; 118 | font-weight: bold; 119 | 120 | /* optional! very hard to see although does help */ 121 | text-shadow: 1px 1px 3px #e2c2c2; 122 | 123 | /* try this and see if you like it */ 124 | text-transform: uppercase; 125 | } 126 | 127 | li.selected { 128 | background-color: #c8b99c; 129 | } 130 | 131 | article span { 132 | font-style: italic; 133 | } 134 | -------------------------------------------------------------------------------- /chapter14/starbuzz/styledform.css: -------------------------------------------------------------------------------- 1 | body { 2 | background: #efe5d0 url(images/background.gif) top left; 3 | margin: 20px; 4 | } 5 | 6 | form { 7 | display: table; 8 | padding: 10px; 9 | border: thin dotted #7e7e7e; 10 | background-color: #e1ceb8; 11 | } 12 | 13 | form textarea { 14 | width: 500px; 15 | height: 200px; 16 | } 17 | 18 | div.tableRow { 19 | display: table-row; 20 | } 21 | 22 | div.tableRow p { 23 | display: table-cell; 24 | vertical-align: top; 25 | padding: 3px; 26 | } 27 | div.tableRow p:first-child { 28 | text-align: right; 29 | } 30 | p.heading { 31 | font-weight: bold; 32 | } 33 | -------------------------------------------------------------------------------- /chapter14/starbuzz/styledform.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | The Starbuzz Bean Machine 6 | 7 | 8 | 9 | 10 | 11 |

The Starbuzz Bean Machine

12 |

Fill out the form below and click "order now" to order

13 | 14 |
15 |
16 |

17 | Choose your beans: 18 |

19 |

20 | 26 |

27 |
28 |
29 |

Type:

30 |

31 | Whole bean
32 | 33 | Ground 34 |

35 |
36 |
37 |

Number of bags:

38 |

39 |
40 |
41 |

Must arrive by date:

42 |

43 |
44 |
45 |

Extras:

46 |

47 | Gift wrap
48 | 49 | Include catalog with order 50 |

51 |
52 |
53 |

Ship to

54 |

55 |
56 |
57 |

Name:

58 |

59 |
60 |
61 |

Address:

62 |

63 |
64 |
65 |

City:

66 |

67 |
68 |
69 |

State:

70 |

71 |
72 |
73 |

Zip:

74 |

75 |
76 |
77 |

Phone:

78 |

79 |
80 |
81 |

Customer Comments:

82 |

83 | 84 |

85 |
86 |
87 |

88 |

89 |
90 |
91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /chapter15/transform.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CSS Transforms and Transitions 6 | 28 | 29 | 30 |
31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /chapter2/completelounge/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Directions 4 | 5 | 6 |

Directions

7 |

Take the 305 S exit to Webville - go 0.4 mi

8 |

Continue on 305 - go 12 mi

9 |

Turn right at Structure Ave N - go 0.6 mi

10 |

Turn right and head toward Structure Ave N - go 0.0 mi

11 |

Turn right at Structure Ave N - go 0.7 mi

12 |

Continue on Structure Ave S - go 0.2 mi

13 |

Turn right at SW Presentation Way - go 0.0 mi

14 | 15 | 16 | -------------------------------------------------------------------------------- /chapter2/completelounge/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Elixirs 4 | 5 | 6 |

Our Elixirs

7 | 8 |

Green Tea Cooler

9 |

10 | 11 | Chock full of vitamins and minerals, this elixir 12 | combines the healthful benefits of green tea with 13 | a twist of chamomile blossoms and ginger root. 14 |

15 |

Raspberry Ice Concentration

16 |

17 | 18 | Combining raspberry juice with lemon grass, 19 | citrus peel and rosehips, this icy drink 20 | will make your mind feel clear and crisp. 21 |

22 |

Blueberry Bliss Elixir

23 |

24 | 25 | Blueberries and cherry essence mixed into a base 26 | of elderflower herb tea will put you in a relaxed 27 | state of bliss in no time. 28 |

29 |

Cranberry Antioxidant Blast

30 |

31 | 32 | Wake up to the flavors of cranberry and hibiscus 33 | in this vitamin C rich elixir. 34 |

35 |

36 | Back to the Lounge 37 |

38 | 39 | 40 | -------------------------------------------------------------------------------- /chapter2/completelounge/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/completelounge/images/blue.jpg -------------------------------------------------------------------------------- /chapter2/completelounge/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/completelounge/images/drinks.gif -------------------------------------------------------------------------------- /chapter2/completelounge/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/completelounge/images/green.jpg -------------------------------------------------------------------------------- /chapter2/completelounge/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/completelounge/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter2/completelounge/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/completelounge/images/red.jpg -------------------------------------------------------------------------------- /chapter2/completelounge/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge 4 | 5 | 6 |

Welcome to the New and Improved Head First Lounge

7 | 8 |

9 | Join us any evening for 10 | refreshing elixirs, 11 | conversation and maybe a game or two of 12 | Dance Dance Revolution. 13 | Wireless access is always provided; 14 | BYOWS (Bring your own web server). 15 |

16 |

Directions

17 |

18 | You'll find us right in the center of downtown Webville. 19 | If you need help finding us, check out 20 | our detailed directions. 21 | Come join us! 22 |

23 | 24 | 25 | -------------------------------------------------------------------------------- /chapter2/lounge/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/lounge/blue.jpg -------------------------------------------------------------------------------- /chapter2/lounge/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Directions 4 | 5 | 6 |

Directions

7 |

Take the 305 S exit to Webville - go 0.4 mi

8 |

Continue on 305 - go 12 mi

9 |

Turn right at Structure Ave N - go 0.6 mi

10 |

Turn right and head toward Structure Ave N - go 0.0 mi

11 |

Turn right at Structure Ave N - go 0.7 mi

12 |

Continue on Structure Ave S - go 0.2 mi

13 |

Turn right at SW Presentation Way - go 0.0 mi

14 | 15 | 16 | -------------------------------------------------------------------------------- /chapter2/lounge/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/lounge/drinks.gif -------------------------------------------------------------------------------- /chapter2/lounge/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Elixirs 4 | 5 | 6 |

Our Elixirs

7 | 8 |

Green Tea Cooler

9 |

10 | 11 | Chock full of vitamins and minerals, this elixir 12 | combines the healthful benefits of green tea with 13 | a twist of chamomile blossoms and ginger root. 14 |

15 |

Raspberry Ice Concentration

16 |

17 | 18 | Combining raspberry juice with lemon grass, 19 | citrus peel and rosehips, this icy drink 20 | will make your mind feel clear and crisp. 21 |

22 |

Blueberry Bliss Elixir

23 |

24 | 25 | Blueberries and cherry essence mixed into a base 26 | of elderflower herb tea will put you in a relaxed 27 | state of bliss in no time. 28 |

29 |

Cranberry Antioxidant Blast

30 |

31 | 32 | Wake up to the flavors of cranberry and hibiscus 33 | in this vitamin C rich elixir. 34 |

35 | 36 | 37 | -------------------------------------------------------------------------------- /chapter2/lounge/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/lounge/green.jpg -------------------------------------------------------------------------------- /chapter2/lounge/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/lounge/lightblue.jpg -------------------------------------------------------------------------------- /chapter2/lounge/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge 4 | 5 | 6 |

Welcome to the Head First Lounge

7 | 8 |

9 | Join us any evening for refreshing elixirs, 10 | conversation and maybe a game or two of 11 | Dance Dance Revolution. 12 | Wireless access is always provided; 13 | BYOWS (Bring your own web server). 14 |

15 |

Directions

16 |

17 | You'll find us right in the center of downtown Webville. 18 | If you need help finding us, check out our detailed directions. 19 | Come join us! 20 |

21 | 22 | 23 | -------------------------------------------------------------------------------- /chapter2/lounge/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter2/lounge/red.jpg -------------------------------------------------------------------------------- /chapter3/journal/images/segway1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter3/journal/images/segway1.jpg -------------------------------------------------------------------------------- /chapter3/journal/images/segway2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter3/journal/images/segway2.jpg -------------------------------------------------------------------------------- /chapter3/journal/journal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | My Trip Around the USA on a Segway 4 | 5 | 6 | 7 |

Segway'n USA

8 |

9 | Documenting my trip around the US on my very own Segway! 10 |

11 | 12 |

August 20, 2012

13 | 14 |

15 | Well I made it 1200 miles already, and I passed 16 | through some interesting places on the way: 17 |

18 | 19 |
    20 |
  1. Walla Walla, WA
    2. 21 |
  2. Magic City, ID
    3. 22 |
  3. Bountiful, UT
    4. 23 |
  4. Last Chance, CO
    5. 24 |
  5. Truth or Consequences, NM
    6. 25 |
  6. Why, AZ
    7. 26 |
27 | 28 |

July 14, 2012

29 |

30 | I saw some Burma Shave style signs on the side of the 31 | road today: 32 |

33 |
34 | Passing cars,
35 | When you can't see,
36 | May get you,
37 | A glimpse,
38 | Of eternity.
39 |
40 |

41 | I definitely won't be passing any cars. 42 |

43 | 44 |

June 2, 2012

45 | 46 |

47 | My first day of the trip! I can't believe I finally got 48 | everything packed and ready to go. Because I'm on a Segway, 49 | I wasn't able to bring a whole lot with me: 50 |

51 | 57 |

58 | Just the essentials. As 59 | Lao Tzu would have said, A journey of a 60 | thousand miles begins with one Segway. 61 |

62 | 63 | 64 | -------------------------------------------------------------------------------- /chapter4/buzz/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter4/buzz/header.jpg -------------------------------------------------------------------------------- /chapter4/starbuzz-complete/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Starbuzz Coffee 4 | 14 | 15 | 16 | 17 |

Starbuzz Coffee Beverages

18 |

House Blend, $1.49

19 |

A smooth, mild blend of coffees from Mexico, 20 | Bolivia and Guatemala.

21 | 22 |

Mocha Cafe Latte, $2.35

23 |

Espresso, steamed milk and chocolate syrup.

24 | 25 |

Cappuccino, $1.89

26 |

A mixture of espresso, steamed milk and foam.

27 | 28 |

Chai Tea, $1.85

29 |

A spicy drink made with black tea, spices, 30 | milk and honey.

31 | 32 |

33 | Read about our Mission. 34 |
35 | Read the Caffeine Buzz. 37 |

38 | 39 | 40 | -------------------------------------------------------------------------------- /chapter4/starbuzz-complete/mission.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Starbuzz Coffee's Mission 4 | 14 | 15 | 16 |

Starbuzz Coffee's Mission

17 |

To provide all the caffeine that you need to power your life.

18 |

Just drink it.

19 | 20 | -------------------------------------------------------------------------------- /chapter4/starbuzz-complete/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | target test 4 | 5 | 6 | wikipedia 7 | 8 | 9 | -------------------------------------------------------------------------------- /chapter4/starbuzz/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Starbuzz Coffee 4 | 14 | 15 | 16 | 17 |

Starbuzz Coffee Beverages

18 |

House Blend, $1.49

19 |

A smooth, mild blend of coffees from Mexico, 20 | Bolivia and Guatemala.

21 | 22 |

Mocha Cafe Latte, $2.35

23 |

Espresso, steamed milk and chocolate syrup.

24 | 25 |

Cappuccino, $1.89

26 |

A mixture of espresso, steamed milk and foam.

27 | 28 |

Chai Tea, $1.85

29 |

A spicy drink made with black tea, spices, 30 | milk and honey.

31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /chapter4/starbuzz/mission.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Starbuzz Coffee's Mission 4 | 14 | 15 | 16 |

Starbuzz Coffee's Mission

17 |

To provide all the caffeine that you need to power your life.

18 |

Just drink it.

19 | 20 | -------------------------------------------------------------------------------- /chapter5/lounge/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Directions 4 | 5 | 6 |

Directions

7 |

Take the 305 S exit to Webville - go 0.4 mi

8 |

Continue on 305 - go 12 mi

9 |

Turn right at Structure Ave N - go 0.6 mi

10 |

Turn right and head toward Structure Ave N - go 0.0 mi

11 |

Turn right at Structure Ave N - go 0.7 mi

12 |

Continue on Stucture Ave S - go 0.2 mi

13 |

Turn right at SW Presentation Way - go 0.0 mi

14 |

15 | Back to the Lounge 16 |

17 | 18 | 19 | -------------------------------------------------------------------------------- /chapter5/lounge/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Elixirs 4 | 5 | 6 |

Our Elixirs

7 | 8 |

Green Tea Cooler

9 |

10 | 11 | Chock full of vitamins and minerals, this elixir 12 | combines the healthful benefits of green tea with 13 | a twist of chamomile blossoms and ginger root. 14 |

15 |

Raspberry Ice Concentration

16 |

17 | 18 | Combining raspberry juice with lemon grass, 19 | citrus peel and rosehips, this icy drink 20 | will make your mind feel clear and crisp. 21 |

22 |

Blueberry Bliss Elixir

23 |

24 | 25 | Blueberries and cherry essence mixed into a base 26 | of elderflower herb tea will put you in a relaxed 27 | state of bliss in no time. 28 |

29 |

Cranberry Antioxidant Blast

30 |

31 | 32 | Wake up to the flavors of cranberry and hibiscus 33 | in this vitamin C rich elixir. 34 |

35 |

36 | Back to the Lounge 37 |

38 | 39 | 40 | -------------------------------------------------------------------------------- /chapter5/lounge/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/lounge/images/blue.jpg -------------------------------------------------------------------------------- /chapter5/lounge/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/lounge/images/drinks.gif -------------------------------------------------------------------------------- /chapter5/lounge/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/lounge/images/green.jpg -------------------------------------------------------------------------------- /chapter5/lounge/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/lounge/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter5/lounge/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/lounge/images/red.jpg -------------------------------------------------------------------------------- /chapter5/lounge/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge 4 | 5 | 6 |

Welcome to the New and Improved Head First Lounge

7 | 8 |

9 | Join us any evening for refreshing 10 | elixirs, 11 | conversation and maybe a game or two of 12 | Dance Dance Revolution. 13 | Wireless access is always provided; 14 | BYOWS (Bring Your Own Web Server). 15 |

16 |

Directions

17 |

18 | You'll find us right in the center 19 | of downtown Webville. If you need help finding 20 | us, check out our 21 | detailed directions. 22 | Come join us! 23 |

24 | 25 | 26 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/html/applestore.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Apple Store 4 | 5 | 6 | 7 |

Apple Store

8 |

9 | An iPod at the Birmingham Apple store 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/html/britain.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Britain 4 | 5 | 6 | 7 |

Britain

8 |

9 | An iPod in Birmingham at a telephone box 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/html/seattle_classic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Classic iPod 4 | 5 | 6 | 7 |

Classic iPod on the ferry

8 |

9 | A classic iPod in Seattle, WA 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/html/seattle_shuffle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: iPod Shuffle 4 | 5 | 6 | 7 |

iPod Shuffle in Seattle

8 |

9 | An iPod Shuffle in Seattle, WA 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/html/seattle_video_med.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Seattle Ferry 4 | 5 | 6 | 7 |

Video iPod on the Seattle Ferry

8 |

9 | A video iPod on the ferry 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod 4 | 7 | 8 | 9 |

myPod logo

10 |

Welcome to myPod

11 |

12 | Welcome to the place to show off your iPod, wherever you might be. 13 | Wanna join the fun? All you need is any iPod, from the early classic 14 | iPod to the latest iPod Nano, the smallest iPod Shuffle to the largest 15 | iPod Video, and a digital camera. Just take a snapshot of your iPod in 16 | your favorite location and we'll be glad to post it on myPod. So, what 17 | are you waiting for? 18 |

19 | 20 |

Seattle, Washington

21 |

22 | Me and my iPod in Seattle! You can see the 23 | Space Needle. You can't see the 628 coffee shops. 24 |

25 | 26 |

27 | 28 | My video iPod in Seattle, WA 29 | 30 | 31 | A classic iPod in Seattle, WA 32 | 33 | 34 | A iPod Shuffle in Seattle, WA 35 | 36 | 37 | An iPod in downtown Seattle, WA 38 | 39 |

40 | 41 |

Birmingham, England

42 |

43 | Here are some iPod photos around Birmingham. We've obviously got some 44 | passionate folks over here who love their iPods. Check out the classic 45 | red British telephone box! 46 |

47 | 48 |

49 | 50 | An iPod in Birmingham at a telephone box 51 | 52 | 53 | An iPod at the Birmingham Apple store 54 | 55 |

56 | 57 | 58 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/index_bak.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod 4 | 7 | 8 | 9 | 10 |

Welcome to myPod

11 |

12 | Welcome to the place to show off your iPod, wherever you might be. 13 | Wanna join the fun? All you need is any iPod, from the early classic 14 | iPod to the latest iPod Nano, the smallest iPod Shuffle to the largest 15 | iPod Photo, and a digital camera. Just take a snapshot of your iPod in 16 | your favorite location and we'll be glad to post it on myPod. So, what 17 | are you waiting for? 18 |

19 | 20 |

Seattle, Washington

21 |

22 | Me and my iPod in Seattle! You can see rain clouds and the 23 | Space Needle. You can't see the 628 coffee shops. 24 |

25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/index_thumbs.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod 4 | 7 | 8 | 9 | 10 |

Welcome to myPod

11 |

12 | Welcome to the place to show off your iPod, wherever you might be. 13 | Wanna join the fun? All you need is any iPod, from the early classic 14 | iPod to the latest iPod Nano, the smallest iPod Shuffle to the largest 15 | iPod Video, and a digital camera. Just take a snapshot of your iPod in 16 | your favorite location and we'll be glad to post it on myPod. So, what 17 | are you waiting for? 18 |

19 | 20 |

Seattle, Washington

21 |

22 | Me and my iPod in Seattle! You can see the 23 | Space Needle. You can't see the 628 coffee shops. 24 |

25 |

26 | My video iPod in Seattle, WA 27 | A classic iPod in Seattle, WA 28 | An iPod shuffle in Seattle, WA 29 | An iPod in downtown Seattle, WA 30 |

31 | 32 |

Birmingham, England

33 |

34 | Here are some iPod photos around Birmingham. We've obviously got some 35 | passionate folks over here who love their iPods. Check out the classic 36 | red British telephone box! 37 |

38 |

39 | An iPod in Birmingham at a telephone box 40 | An iPod at the Birmingham Apple store 41 |

42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /chapter5/mypod-complete/logo/mypod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/logo/mypod.png -------------------------------------------------------------------------------- /chapter5/mypod-complete/logo/mypod.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/logo/mypod.psd -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/applestore.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/applestore.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/britain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/britain.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/seattle_classic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/seattle_classic.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/seattle_classic_large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/seattle_classic_large.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/seattle_downtown.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/seattle_downtown.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/seattle_medium.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/seattle_medium.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/seattle_shuffle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/seattle_shuffle.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/seattle_video.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/seattle_video.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/photos/seattle_video_med.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/photos/seattle_video_med.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/thumbnails/applestore.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/thumbnails/applestore.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/thumbnails/britain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/thumbnails/britain.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/thumbnails/seattle_classic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/thumbnails/seattle_classic.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/thumbnails/seattle_downtown.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/thumbnails/seattle_downtown.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/thumbnails/seattle_shuffle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/thumbnails/seattle_shuffle.jpg -------------------------------------------------------------------------------- /chapter5/mypod-complete/thumbnails/seattle_video_med.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod-complete/thumbnails/seattle_video_med.jpg -------------------------------------------------------------------------------- /chapter5/mypod/html/applestore.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Apple Store 4 | 5 | 6 | 7 |

Apple Store

8 |

9 | An iPod at the Birmingham Apple store 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod/html/britain.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Britain 4 | 5 | 6 | 7 |

Britain

8 |

9 | An iPod in Birmingham at a telephone box 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod/html/seattle_classic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Classic iPod 4 | 5 | 6 | 7 |

Classic iPod on the ferry

8 |

9 | A classic iPod in Seattle, WA 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod/html/seattle_shuffle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: iPod Shuffle 4 | 5 | 6 | 7 |

iPod Shuffle in Seattle

8 |

9 | An iPod Shuffle in Seattle, WA 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod/html/seattle_video_med.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod: Seattle Ferry 4 | 5 | 6 | 7 |

Video iPod on the Seattle Ferry

8 |

9 | A video iPod on the ferry 10 |

11 | 12 | 13 | -------------------------------------------------------------------------------- /chapter5/mypod/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | myPod 4 | 7 | 8 | 9 | 10 |

Welcome to myPod

11 |

12 | Welcome to the place to show off your iPod, wherever you might be. 13 | Wanna join the fun? All you need is any iPod, from the early classic 14 | iPod to the latest iPod Nano, the smallest iPod Shuffle to the largest 15 | iPod Photo, and a digital camera. Just take a snapshot of your iPod in 16 | your favorite location and we'll be glad to post it on myPod. So, what 17 | are you waiting for? 18 |

19 | 20 |

Seattle, Washington

21 |

22 | Me and my iPod in Seattle! You can see rain clouds and the 23 | Space Needle. You can't see the 628 coffee shops. 24 |

25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /chapter5/mypod/logo/mypod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/logo/mypod.png -------------------------------------------------------------------------------- /chapter5/mypod/logo/mypod.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/logo/mypod.psd -------------------------------------------------------------------------------- /chapter5/mypod/photos/applestore.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/applestore.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/britain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/britain.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/seattle_classic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/seattle_classic.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/seattle_classic_large.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/seattle_classic_large.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/seattle_downtown.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/seattle_downtown.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/seattle_medium.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/seattle_medium.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/seattle_shuffle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/seattle_shuffle.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/seattle_video.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/seattle_video.jpg -------------------------------------------------------------------------------- /chapter5/mypod/photos/seattle_video_med.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/photos/seattle_video_med.jpg -------------------------------------------------------------------------------- /chapter5/mypod/thumbnails/applestore.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/thumbnails/applestore.jpg -------------------------------------------------------------------------------- /chapter5/mypod/thumbnails/britain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/thumbnails/britain.jpg -------------------------------------------------------------------------------- /chapter5/mypod/thumbnails/seattle_classic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/thumbnails/seattle_classic.jpg -------------------------------------------------------------------------------- /chapter5/mypod/thumbnails/seattle_downtown.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/thumbnails/seattle_downtown.jpg -------------------------------------------------------------------------------- /chapter5/mypod/thumbnails/seattle_shuffle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/thumbnails/seattle_shuffle.jpg -------------------------------------------------------------------------------- /chapter5/mypod/thumbnails/seattle_video_med.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/mypod/thumbnails/seattle_video_med.jpg -------------------------------------------------------------------------------- /chapter5/testimage/eye.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/testimage/eye.jpg -------------------------------------------------------------------------------- /chapter5/trivia/pencil.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter5/trivia/pencil.png -------------------------------------------------------------------------------- /chapter5/trivia/trivia.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Sharpen your pencil trivia 5 | 6 | 7 | 8 |

How long a line can you draw with the typical pencil?

9 |

10 | Pencil line 35 miles long 11 |

12 | 13 | 14 | -------------------------------------------------------------------------------- /chapter6/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Directions 4 | 5 | 6 |

Directions

7 |

Take the 305 S exit to Webville - go 0.4 mi

8 |

Continue on 305 - go 12 mi

9 |

Turn right at Structure Ave N - go 0.6 mi

10 |

Turn right and head toward Structure Ave N - go 0.0 mi

11 |

Turn right at Structure Ave N - go 0.7 mi

12 |

Continue on Stucture Ave S - go 0.2 mi

13 |

Turn right at SW Presentation Way - go 0.0 mi

14 |

15 | Back to the Lounge 16 |

17 | 18 | 19 | -------------------------------------------------------------------------------- /chapter6/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge Elixirs 4 | 5 | 6 |

Our Elixirs

7 | 8 |

Green Tea Cooler

9 |

10 | 11 | Chock full of vitamins and minerals, this elixir 12 | combines the healthful benefits of green tea with 13 | a twist of chamomile blossoms and ginger root. 14 |

15 |

Raspberry Ice Concentration

16 |

17 | 18 | Combining raspberry juice with lemon grass, 19 | citrus peel and rosehips, this icy drink 20 | will make your mind feel clear and crisp. 21 |

22 |

Blueberry Bliss Elixir

23 |

24 | 25 | Blueberries and cherry essence mixed into a base 26 | of elderflower herb tea will put you in a relaxed 27 | state of bliss in no time. 28 |

29 |

Cranberry Antioxidant Blast

30 |

31 | 32 | Wake up to the flavors of cranberry and hibiscus 33 | in this vitamin C rich elixir. 34 |

35 |

36 | Back to the Lounge 37 |

38 | 39 | 40 | -------------------------------------------------------------------------------- /chapter6/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter6/images/blue.jpg -------------------------------------------------------------------------------- /chapter6/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter6/images/drinks.gif -------------------------------------------------------------------------------- /chapter6/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter6/images/green.jpg -------------------------------------------------------------------------------- /chapter6/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter6/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter6/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter6/images/red.jpg -------------------------------------------------------------------------------- /chapter6/lounge-complete.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge 6 | 7 | 8 |

Welcome to the New and Improved Head First Lounge

9 | Drinks 10 |

11 | Join us any evening for refreshing 12 | elixirs, 13 | conversation and maybe a game or two of 14 | Dance Dance Revolution. 15 | Wireless access is always provided; 16 | BYOWS (Bring Your Own Web Server). 17 |

18 |

Directions

19 |

20 | You'll find us right in the center 21 | of downtown Webville. If you need help finding 22 | us, check out our 23 | detailed directions. 24 | Come join us! 25 |

26 | 27 | 28 | -------------------------------------------------------------------------------- /chapter6/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Head First Lounge 4 | 5 | 6 |

Welcome to the New and Improved Head First Lounge

7 | 8 |

9 | Join us any evening for refreshing 10 | elixirs, 11 | conversation and maybe a game or two of 12 | Dance Dance Revolution. 13 | Wireless access is always provided; 14 | BYOWS (Bring Your Own Web Server). 15 |

16 |

Directions

17 |

18 | You'll find us right in the center 19 | of downtown Webville. If you need help finding 20 | us, check out our 21 | detailed directions. 22 | Come join us! 23 |

24 | 25 | 26 | -------------------------------------------------------------------------------- /chapter7/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Directions 6 | 7 | 8 |

Directions

9 |

Take the 305 S exit to Webville - go 0.4 mi

10 |

Continue on 305 - go 12 mi

11 |

Turn right at Structure Ave N - go 0.6 mi

12 |

Turn right and head toward Structure Ave N - go 0.0 mi

13 |

Turn right at Structure Ave N - go 0.7 mi

14 |

Continue on Stucture Ave S - go 0.2 mi

15 |

Turn right at SW Presentation Way - go 0.0 mi

16 |

17 | Back to the Lounge 18 |

19 | 20 | 21 | -------------------------------------------------------------------------------- /chapter7/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Elixirs 6 | 7 | 8 |

Our Elixirs

9 | 10 |

Green Tea Cooler

11 |

12 | Green Tea Cooler 13 | Chock full of vitamins and minerals, this elixir 14 | combines the healthful benefits of green tea with 15 | a twist of chamomile blossoms and ginger root. 16 |

17 |

Raspberry Ice Concentration

18 |

19 | Raspberry Ice Concentration 20 | Combining raspberry juice with lemon grass, 21 | citrus peel and rosehips, this icy drink 22 | will make your mind feel clear and crisp. 23 |

24 |

Blueberry Bliss Elixir

25 |

26 | Blueberry Bliss Elixir 27 | Blueberries and cherry essence mixed into a base 28 | of elderflower herb tea will put you in a relaxed 29 | state of bliss in no time. 30 |

31 |

Cranberry Antioxidant Blast

32 |

33 | Cranberry Antioxidant Blast 34 | Wake up to the flavors of cranberry and hibiscus 35 | in this vitamin C rich elixir. 36 |

37 |

38 | Back to the Lounge 39 |

40 | 41 | 42 | -------------------------------------------------------------------------------- /chapter7/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter7/images/blue.jpg -------------------------------------------------------------------------------- /chapter7/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter7/images/drinks.gif -------------------------------------------------------------------------------- /chapter7/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter7/images/green.jpg -------------------------------------------------------------------------------- /chapter7/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter7/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter7/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter7/images/red.jpg -------------------------------------------------------------------------------- /chapter7/lounge-complete.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge 6 | 7 | 8 | 9 |

Welcome to the New and Improved Head First Lounge

10 |

11 | Drinks 12 |

13 |

14 | Join us any evening for refreshing 15 | elixirs, 16 | conversation and maybe a game or two of 17 | Dance Dance Revolution. 18 | Wireless access is always provided; 19 | BYOWS (Bring Your Own Web Server). 20 |

21 |

Directions

22 |

23 | You'll find us right in the center 24 | of downtown Webville. If you need help finding 25 | us, check out our 26 | detailed directions. 27 | Come join us! 28 |

29 | 30 | 31 | -------------------------------------------------------------------------------- /chapter7/lounge.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: sans-serif; 3 | } 4 | 5 | h1, h2 { 6 | color: gray; 7 | } 8 | 9 | h1 { 10 | border-bottom: 1px solid black; 11 | } 12 | 13 | p { 14 | color: maroon; 15 | } 16 | 17 | p.greentea { 18 | color: green; 19 | } 20 | -------------------------------------------------------------------------------- /chapter7/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge 6 | 7 | 8 |

Welcome to the New and Improved Head First Lounge

9 |

10 | Drinks 11 |

12 |

13 | Join us any evening for refreshing 14 | elixirs, 15 | conversation and maybe a game or two of 16 | Dance Dance Revolution. 17 | Wireless access is always provided; 18 | BYOWS (Bring Your Own Web Server). 19 |

20 |

Directions

21 |

22 | You'll find us right in the center 23 | of downtown Webville. If you need help finding 24 | us, check out our 25 | detailed directions. 26 | Come join us! 27 |

28 | 29 | 30 | -------------------------------------------------------------------------------- /chapter8/journal/EmblemaOne-Regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter8/journal/EmblemaOne-Regular.eot -------------------------------------------------------------------------------- /chapter8/journal/EmblemaOne-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter8/journal/EmblemaOne-Regular.ttf -------------------------------------------------------------------------------- /chapter8/journal/EmblemaOne-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter8/journal/EmblemaOne-Regular.woff -------------------------------------------------------------------------------- /chapter8/journal/images/segway1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter8/journal/images/segway1.jpg -------------------------------------------------------------------------------- /chapter8/journal/images/segway2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter8/journal/images/segway2.jpg -------------------------------------------------------------------------------- /chapter8/journal/journal.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Emblema One"; 3 | src: url("./EmblemaOne-Regular.woff"), 4 | url("./EmblemaOne-Regular.ttf"); 5 | } 6 | body { 7 | font-family: Verdana, Geneva, Arial, sans-serif; 8 | font-size: small; 9 | } 10 | h1, h2 { 11 | color: #cc6600; 12 | border-bottom: thin dotted #888888; 13 | } 14 | h1 { 15 | font-family: "Emblema One", sans-serif; 16 | font-size: 220%; 17 | } 18 | h2 { 19 | font-size: 130%; 20 | font-weight: normal; 21 | } 22 | blockquote { 23 | font-style: italic; 24 | } 25 | -------------------------------------------------------------------------------- /chapter8/journal/journal.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Trip Around the USA on a Segway 6 | 7 | 8 | 9 | 10 |

Segway'n USA

11 |

12 | Documenting my trip around the US on my very own Segway! 13 |

14 | 15 |

August 20, 2012

16 |

Me any my Segway in New Mexico

17 |

18 | Well I made it 1200 miles already, and I passed 19 | through some interesting places on the way: 20 |

21 | 22 |
    23 |
  1. Walla Walla, WA
    2. 24 |
  2. Magic City, ID
    3. 25 |
  3. Bountiful, UT
    4. 26 |
  4. Last Chance, CO
    5. 27 |
  5. Truth or Consequences, NM
    6. 28 |
  6. Why, AZ
    7. 29 |
30 | 31 |

July 14, 2012

32 |

33 | I saw some Burma Shave style signs on the side of the 34 | road today: 35 |

36 |
37 |

38 | Passing cars,
39 | When you can't see,
40 | May get you,
41 | A glimpse,
42 | Of eternity.
43 |

44 |
45 |

46 | I definitely won't be passing any cars. 47 |

48 | 49 |

June 2, 2012

50 |

The first day of the trip

51 |

52 | My first day of the trip! I can't believe I finally got 53 | everything packed and ready to go. Because I'm on a Segway, 54 | I wasn't able to bring a whole lot with me: 55 |

56 | 62 |

63 | Just the essentials. As 64 | Lao Tzu would have said, A journey of a 65 | thousand miles begins with one Segway. 66 |

67 |

68 | To do list: 69 |

70 | 81 | 82 | 83 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Directions 6 | 7 | 8 | 9 |

Directions

10 |

Take the 305 S exit to Webville - go 0.4 mi

11 |

Continue on 305 - go 12 mi

12 |

Turn right at Structure Ave N - go 0.6 mi

13 |

Turn right and head toward Structure Ave N - go 0.0 mi

14 |

Turn right at Structure Ave N - go 0.7 mi

15 |

Continue on Stucture Ave S - go 0.2 mi

16 |

Turn right at SW Presentation Way - go 0.0 mi

17 |

18 | Back to the Lounge 19 |

20 | 21 | 22 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Elixirs 6 | 7 | 8 | 9 |

Our Elixirs

10 | 11 |

Green Tea Cooler

12 |

13 | Green Tea Cooler 14 | Chock full of vitamins and minerals, this elixir 15 | combines the healthful benefits of green tea with 16 | a twist of chamomile blossoms and ginger root. 17 |

18 |

Raspberry Ice Concentration

19 |

20 | Raspberry Ice Concentration 21 | Combining raspberry juice with lemon grass, 22 | citrus peel and rosehips, this icy drink 23 | will make your mind feel clear and crisp. 24 |

25 |

Blueberry Bliss Elixir

26 |

27 | Blueberry Bliss Elixir 28 | Blueberries and cherry essence mixed into a base 29 | of elderflower herb tea will put you in a relaxed 30 | state of bliss in no time. 31 |

32 |

Cranberry Antioxidant Blast

33 |

34 | Cranberry Antioxidant Blast 35 | Wake up to the flavors of cranberry and hibiscus 36 | in this vitamin C rich elixir. 37 |

38 |

39 | Back to the Lounge 40 |

41 | 42 | 43 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/background.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/black.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/black.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/blue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/blue.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/blue.jpg -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/chai.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/chai.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/cocktail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/cocktail.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/drinks.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/green.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/green.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/green.jpg -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/lightblue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/lightblue.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/logo.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/red.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/red.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/red.jpg -------------------------------------------------------------------------------- /chapter9/lounge-complete/images/yellow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge-complete/images/yellow.gif -------------------------------------------------------------------------------- /chapter9/lounge-complete/lounge-mediaquery.css: -------------------------------------------------------------------------------- 1 | @media screen and (min-width: 481px) { 2 | 3 | body { 4 | font-size: small; 5 | font-family: Verdana, Helvetica, Arial, sans-serif; 6 | line-height: 1.6em; 7 | } 8 | 9 | h1, h2 { 10 | color: #007e7e; 11 | } 12 | 13 | h1 { 14 | font-size: 150%; 15 | } 16 | 17 | h2 { 18 | font-size: 130%; 19 | } 20 | 21 | #guarantee { 22 | line-height: 1.9em; 23 | font-style: italic; 24 | font-family: Georgia, "Times New Roman", Times, serif; 25 | color: #444444; 26 | border-color: white; 27 | border-width: 1px; 28 | border-style: dashed; 29 | background-color: #a7cece; 30 | padding: 25px; 31 | padding-left: 80px; 32 | margin: 30px; 33 | margin-right: 250px; 34 | background-image: url(images/background.gif); 35 | background-repeat: no-repeat; 36 | background-position: top left; 37 | } 38 | 39 | } 40 | 41 | @media screen and (max-width: 480px) { 42 | 43 | body { 44 | font-size: small; 45 | font-family: Verdana, Helvetica, Arial, sans-serif; 46 | line-height: 1.6em; 47 | } 48 | 49 | h1, h2 { 50 | color: #007e7e; 51 | } 52 | 53 | h1 { 54 | font-size: 150%; 55 | } 56 | 57 | h2 { 58 | font-size: 130%; 59 | } 60 | 61 | #guarantee { 62 | line-height: 1.9em; 63 | font-style: italic; 64 | font-family: Georgia, "Times New Roman", Times, serif; 65 | color: #444444; 66 | border-color: white; 67 | border-width: 1px; 68 | border-style: dashed; 69 | background-color: #a7cece; 70 | padding: 25px; 71 | margin: 30px; 72 | } 73 | 74 | } 75 | 76 | @media print { 77 | 78 | body { 79 | font-size: 12pt; 80 | font-family: Times, "Times New Roman", serif; 81 | line-height: 1.4em; 82 | margin: 10px 40px 10px 40px; 83 | width: 700px; 84 | } 85 | 86 | h1, h2 { 87 | color: black; 88 | } 89 | 90 | h1 { 91 | font-size: 150%; 92 | } 93 | 94 | h2 { 95 | font-size: 130%; 96 | } 97 | 98 | #guarantee { 99 | padding: 25px 25px 25px 25px; 100 | border: thin solid black; 101 | margin-right: 240px; 102 | margin-left: 30px; 103 | line-height: 1.5em; 104 | font-style: italic; 105 | font-family: Georgia, "Times New Roman", Times, serif; 106 | color: #222222; 107 | } 108 | 109 | #elixirs { 110 | font-family: Verdana, Helvetica, Arial, sans-serif; 111 | width: 200px; 112 | background-color: #ffffff; 113 | background: url("images/elixirbackground.gif") repeat-x top center; 114 | padding: 0px 20px 20px 20px; 115 | margin-left: 25px; 116 | color: #000000; 117 | border: thin double #007e7e; 118 | text-align: center; 119 | font-size: 80%; 120 | } 121 | 122 | #elixirs a:link { color: #007e7e;} 123 | #elixirs a:visited { color: #333333;} 124 | #elixirs a:hover { background: #f88396; color: #0d5353;} 125 | 126 | #elixirs h2 { 127 | color: #000000; 128 | } 129 | 130 | #elixirs h3 { 131 | color: #d12c47; 132 | } 133 | 134 | #elixirs img { 135 | padding-top: 20px; 136 | } 137 | 138 | #elixirs p { 139 | line-height: 1em; 140 | } 141 | 142 | #footer { 143 | font-size: 50%; 144 | text-align: center; 145 | line-height: normal; 146 | margin-top: 30px; 147 | } 148 | 149 | .artist { 150 | font-weight: bold; 151 | } 152 | 153 | .cd { 154 | font-style: italic; 155 | } 156 | 157 | body p a:link { color: #007e7e; } 158 | body p a:visited { color: #333333; } 159 | 160 | } 161 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/lounge-mediaquery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge 6 | 7 | 8 | 9 |

Head First Lounge

10 |

Welcome to the Head First Lounge

11 |

12 | The Head First Lounge is, no doubt, the biggest trendsetter in Webville. 13 | Stop in to sample the eclectic offering of elixirs, teas, and coffees, 14 | or, stay a bit longer and enjoy the multicultural culinary menu that 15 | combines a harmony of taste, texture, and color with the best in fresh 16 | and healthy ingredients. 17 |

18 | 19 |

20 | During your stay at the lounge, you'll enjoy a smooth mixture of 21 | ambient and mystic sounds, filling the lounge and adding an extra dimension 22 | to your dining experience. The decor surrounds you with the relaxing sentiments 23 | of sights from eras past. And, don't forget, the lounge offers free wireless 24 | access to the Internet, so bring your laptop. 25 |

26 | 27 |

28 | Our guarantee: at the lounge, we're committed to providing you, 29 | our guest, with an exceptional experience every time you visit. 30 | Whether you're just stopping by to check in on email over an 31 | elixir, or are here for an out-of-the-ordinary dinner, you'll 32 | find our knowledgeable service staff pay attention to every detail. 33 | If you're not fully satisfied, have a Blueberry Bliss Elixir on us. 34 |

35 | 36 |

37 | But that's not all; at night, join us in the backroom as our resident 38 | DJ spins a choice selection of trance and drum&bass beats across 39 | our spacious tiki-themed dance floor. Or just hang out in one of our 40 | comfy white vinyl booths at the dance bar. You can have your elixirs 41 | delivered from the main lounge right to the dance floor. If you've 42 | had enough of the beat, just head back to the lounge area to relax. 43 | And, no matter where you find yourself in the lounge, you'll always be 44 | connected with our wireless Internet access. 45 |

46 | 47 |

48 | Now that you've experienced the lounge virtually, isn't 49 | it time to check us out for real? We're located right 50 | in the heart of Webville, and we've created some 51 | detailed directions 53 | to get you here in record time. No reservations necessary; 54 | come and join us anytime. 55 |

56 | 57 |

Weekly Elixir Specials

58 |

59 | Lemon Breeze Elixir 60 |

61 |

Lemon Breeze

62 |

63 | The ultimate healthy drink, this elixir combines 64 | herbal botanicals, minerals, and vitamins with 65 | a twist of lemon into a smooth citrus wonder 66 | that will keep your immune system going all 67 | day and all night. 68 |

69 | 70 |

71 | Chai Chiller Elixir 72 |

73 |

Chai Chiller

74 |

75 | Not your traditional chai, this elixir mixes maté 76 | with chai spices and adds an extra chocolate kick for 77 | a caffeinated taste sensation on ice. 78 |

79 | 80 |

81 | Black Brain Brew Elixir 82 |

83 |

Black Brain Brew

84 |

85 | Want to boost your memory? Try our Black Brain Brew 86 | elixir, made with black oolong tea and just a touch 87 | of espresso. Your brain will thank you for the boost. 88 |

89 | 90 |

91 | Join us any evening for these and all our 92 | other wonderful 93 | elixirs. 95 |

96 | 97 |

What's playing at the Lounge

98 |

99 | We're frequently asked about the music we play at the lounge, and no wonder, 100 | it's great stuff. Just for you, we keep a list here on the site, updated weekly. 101 | Enjoy. 102 |

103 | 110 | 111 |

112 | © 2012, Head First Lounge
113 | All trademarks and registered trademarks appearing on this site are 114 | the property of their respective owners. 115 |

116 | 117 | 118 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/lounge-mobile.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: small; 3 | font-family: Verdana, Helvetica, Arial, sans-serif; 4 | line-height: 1.6em; 5 | } 6 | 7 | h1, h2 { 8 | color: #007e7e; 9 | } 10 | 11 | h1 { 12 | font-size: 150%; 13 | } 14 | 15 | h2 { 16 | font-size: 130%; 17 | } 18 | 19 | #guarantee { 20 | line-height: 1.9em; 21 | font-style: italic; 22 | font-family: Georgia, "Times New Roman", Times, serif; 23 | color: #444444; 24 | border-color: white; 25 | border-width: 1px; 26 | border-style: dashed; 27 | background-color: #a7cece; 28 | padding: 25px; 29 | margin: 30px; 30 | /* 31 | padding-left: 80px; 32 | margin-right: 250px; 33 | background-image: url(images/background.gif); 34 | background-repeat: no-repeat; 35 | background-position: top left; 36 | */ 37 | } 38 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/lounge-print.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: 12pt; 3 | font-family: Times, "Times New Roman", serif; 4 | line-height: 1.4em; 5 | margin: 10px 40px 10px 40px; 6 | width: 700px; 7 | } 8 | 9 | h1, h2 { 10 | color: black; 11 | } 12 | 13 | h1 { 14 | font-size: 150%; 15 | } 16 | 17 | h2 { 18 | font-size: 130%; 19 | } 20 | 21 | #guarantee { 22 | padding: 25px 25px 25px 25px; 23 | border: thin solid black; 24 | margin-right: 240px; 25 | margin-left: 30px; 26 | line-height: 1.5em; 27 | font-style: italic; 28 | font-family: Georgia, "Times New Roman", Times, serif; 29 | color: #222222; 30 | } 31 | 32 | #elixirs { 33 | font-family: Verdana, Helvetica, Arial, sans-serif; 34 | width: 200px; 35 | background-color: #ffffff; 36 | background: url("images/elixirbackground.gif") repeat-x top center; 37 | padding: 0px 20px 20px 20px; 38 | margin-left: 25px; 39 | color: #000000; 40 | border: thin double #007e7e; 41 | text-align: center; 42 | font-size: 80%; 43 | } 44 | 45 | #elixirs a:link { color: #007e7e;} 46 | #elixirs a:visited { color: #333333;} 47 | #elixirs a:hover { background: #f88396; color: #0d5353;} 48 | 49 | #elixirs h2 { 50 | color: #000000; 51 | } 52 | 53 | #elixirs h3 { 54 | color: #d12c47; 55 | } 56 | 57 | #elixirs img { 58 | padding-top: 20px; 59 | } 60 | 61 | #elixirs p { 62 | line-height: 1em; 63 | } 64 | 65 | #footer { 66 | font-size: 50%; 67 | text-align: center; 68 | line-height: normal; 69 | margin-top: 30px; 70 | } 71 | 72 | .artist { 73 | font-weight: bold; 74 | } 75 | 76 | .cd { 77 | font-style: italic; 78 | } 79 | 80 | body p a:link { color: #007e7e; } 81 | body p a:visited { color: #333333; } 82 | 83 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/lounge.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: small; 3 | font-family: Verdana, Helvetica, Arial, sans-serif; 4 | line-height: 1.6em; 5 | } 6 | 7 | h1, h2 { 8 | color: #007e7e; 9 | } 10 | 11 | h1 { 12 | font-size: 150%; 13 | } 14 | 15 | h2 { 16 | font-size: 130%; 17 | } 18 | 19 | #guarantee { 20 | line-height: 1.9em; 21 | font-style: italic; 22 | font-family: Georgia, "Times New Roman", Times, serif; 23 | color: #444444; 24 | border-color: white; 25 | border-width: 1px; 26 | border-style: dashed; 27 | background-color: #a7cece; 28 | padding: 25px; 29 | padding-left: 80px; 30 | margin: 30px; 31 | margin-right: 250px; 32 | background-image: url(images/background.gif); 33 | background-repeat: no-repeat; 34 | background-position: top left; 35 | } 36 | -------------------------------------------------------------------------------- /chapter9/lounge-complete/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge 6 | 8 | 10 | 11 | 12 | 13 |

Head First Lounge

14 |

Welcome to the Head First Lounge

15 |

16 | The Head First Lounge is, no doubt, the biggest trendsetter in Webville. 17 | Stop in to sample the eclectic offering of elixirs, teas, and coffees, 18 | or, stay a bit longer and enjoy the multicultural culinary menu that 19 | combines a harmony of taste, texture, and color with the best in fresh 20 | and healthy ingredients. 21 |

22 | 23 |

24 | During your stay at the lounge, you'll enjoy a smooth mixture of 25 | ambient and mystic sounds, filling the lounge and adding an extra dimension 26 | to your dining experience. The decor surrounds you with the relaxing sentiments 27 | of sights from eras past. And, don't forget, the lounge offers free wireless 28 | access to the Internet, so bring your laptop. 29 |

30 | 31 |

32 | Our guarantee: at the lounge, we're committed to providing you, 33 | our guest, with an exceptional experience every time you visit. 34 | Whether you're just stopping by to check in on email over an 35 | elixir, or are here for an out-of-the-ordinary dinner, you'll 36 | find our knowledgeable service staff pay attention to every detail. 37 | If you're not fully satisfied, have a Blueberry Bliss Elixir on us. 38 |

39 | 40 |

41 | But that's not all; at night, join us in the backroom as our resident 42 | DJ spins a choice selection of trance and drum&bass beats across 43 | our spacious tiki-themed dance floor. Or just hang out in one of our 44 | comfy white vinyl booths at the dance bar. You can have your elixirs 45 | delivered from the main lounge right to the dance floor. If you've 46 | had enough of the beat, just head back to the lounge area to relax. 47 | And, no matter where you find yourself in the lounge, you'll always be 48 | connected with our wireless Internet access. 49 |

50 | 51 |

52 | Now that you've experienced the lounge virtually, isn't 53 | it time to check us out for real? We're located right 54 | in the heart of Webville, and we've created some 55 | detailed directions 57 | to get you here in record time. No reservations necessary; 58 | come and join us anytime. 59 |

60 | 61 |

Weekly Elixir Specials

62 |

63 | Lemon Breeze Elixir 64 |

65 |

Lemon Breeze

66 |

67 | The ultimate healthy drink, this elixir combines 68 | herbal botanicals, minerals, and vitamins with 69 | a twist of lemon into a smooth citrus wonder 70 | that will keep your immune system going all 71 | day and all night. 72 |

73 | 74 |

75 | Chai Chiller Elixir 76 |

77 |

Chai Chiller

78 |

79 | Not your traditional chai, this elixir mixes maté 80 | with chai spices and adds an extra chocolate kick for 81 | a caffeinated taste sensation on ice. 82 |

83 | 84 |

85 | Black Brain Brew Elixir 86 |

87 |

Black Brain Brew

88 |

89 | Want to boost your memory? Try our Black Brain Brew 90 | elixir, made with black oolong tea and just a touch 91 | of espresso. Your brain will thank you for the boost. 92 |

93 | 94 |

95 | Join us any evening for these and all our 96 | other wonderful 97 | elixirs. 99 |

100 | 101 |

What's playing at the Lounge

102 |

103 | We're frequently asked about the music we play at the lounge, and no wonder, 104 | it's great stuff. Just for you, we keep a list here on the site, updated weekly. 105 | Enjoy. 106 |

107 | 114 | 115 |

116 | © 2012, Head First Lounge
117 | All trademarks and registered trademarks appearing on this site are 118 | the property of their respective owners. 119 |

120 | 121 | 122 | -------------------------------------------------------------------------------- /chapter9/lounge/about/directions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Directions 6 | 7 | 8 | 9 |

Directions

10 |

Take the 305 S exit to Webville - go 0.4 mi

11 |

Continue on 305 - go 12 mi

12 |

Turn right at Structure Ave N - go 0.6 mi

13 |

Turn right and head toward Structure Ave N - go 0.0 mi

14 |

Turn right at Structure Ave N - go 0.7 mi

15 |

Continue on Stucture Ave S - go 0.2 mi

16 |

Turn right at SW Presentation Way - go 0.0 mi

17 |

18 | Back to the Lounge 19 |

20 | 21 | 22 | -------------------------------------------------------------------------------- /chapter9/lounge/beverages/elixir.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge Elixirs 6 | 7 | 8 | 9 |

Our Elixirs

10 | 11 |

Green Tea Cooler

12 |

13 | Green Tea Cooler 14 | Chock full of vitamins and minerals, this elixir 15 | combines the healthful benefits of green tea with 16 | a twist of chamomile blossoms and ginger root. 17 |

18 |

Raspberry Ice Concentration

19 |

20 | Raspberry Ice Concentration 21 | Combining raspberry juice with lemon grass, 22 | citrus peel and rosehips, this icy drink 23 | will make your mind feel clear and crisp. 24 |

25 |

Blueberry Bliss Elixir

26 |

27 | Blueberry Bliss Elixir 28 | Blueberries and cherry essence mixed into a base 29 | of elderflower herb tea will put you in a relaxed 30 | state of bliss in no time. 31 |

32 |

Cranberry Antioxidant Blast

33 |

34 | Cranberry Antioxidant Blast 35 | Wake up to the flavors of cranberry and hibiscus 36 | in this vitamin C rich elixir. 37 |

38 |

39 | Back to the Lounge 40 |

41 | 42 | 43 | -------------------------------------------------------------------------------- /chapter9/lounge/images/background.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/background.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/black.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/black.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/blue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/blue.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/blue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/blue.jpg -------------------------------------------------------------------------------- /chapter9/lounge/images/chai.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/chai.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/cocktail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/cocktail.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/drinks.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/drinks.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/green.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/green.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/green.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/green.jpg -------------------------------------------------------------------------------- /chapter9/lounge/images/lightblue.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/lightblue.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/lightblue.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/lightblue.jpg -------------------------------------------------------------------------------- /chapter9/lounge/images/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/logo.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/red.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/red.gif -------------------------------------------------------------------------------- /chapter9/lounge/images/red.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/red.jpg -------------------------------------------------------------------------------- /chapter9/lounge/images/yellow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bethrobson/Head-First-HTML/99cd75fe3cbaae4694a0b8b5b98ab809e837a0d9/chapter9/lounge/images/yellow.gif -------------------------------------------------------------------------------- /chapter9/lounge/lounge-mobile.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: small; 3 | font-family: Verdana, Helvetica, Arial, sans-serif; 4 | line-height: 1.6em; 5 | } 6 | 7 | h1, h2 { 8 | color: #007e7e; 9 | } 10 | 11 | h1 { 12 | font-size: 150%; 13 | } 14 | 15 | h2 { 16 | font-size: 130%; 17 | } 18 | 19 | #guarantee { 20 | line-height: 1.9em; 21 | font-style: italic; 22 | font-family: Georgia, "Times New Roman", Times, serif; 23 | color: #444444; 24 | border-color: white; 25 | border-width: 1px; 26 | border-style: dashed; 27 | background-color: #a7cece; 28 | padding: 25px; 29 | margin: 30px; 30 | /* 31 | padding-left: 80px; 32 | margin-right: 250px; 33 | background-image: url(images/background.gif); 34 | background-repeat: no-repeat; 35 | background-position: top left; 36 | */ 37 | } 38 | -------------------------------------------------------------------------------- /chapter9/lounge/lounge-print.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-size: 12pt; 3 | font-family: Times, "Times New Roman", serif; 4 | line-height: 1.4em; 5 | margin: 10px 40px 10px 40px; 6 | width: 700px; 7 | } 8 | 9 | h1, h2 { 10 | color: black; 11 | } 12 | 13 | h1 { 14 | font-size: 150%; 15 | } 16 | 17 | h2 { 18 | font-size: 130%; 19 | } 20 | 21 | #guarantee { 22 | padding: 25px 25px 25px 25px; 23 | border: thin solid black; 24 | margin-right: 240px; 25 | margin-left: 30px; 26 | line-height: 1.5em; 27 | font-style: italic; 28 | font-family: Georgia, "Times New Roman", Times, serif; 29 | color: #222222; 30 | } 31 | 32 | #elixirs { 33 | font-family: Verdana, Helvetica, Arial, sans-serif; 34 | width: 200px; 35 | background-color: #ffffff; 36 | background: url("images/elixirbackground.gif") repeat-x top center; 37 | padding: 0px 20px 20px 20px; 38 | margin-left: 25px; 39 | color: #000000; 40 | border: thin double #007e7e; 41 | text-align: center; 42 | font-size: 80%; 43 | } 44 | 45 | #elixirs a:link { color: #007e7e;} 46 | #elixirs a:visited { color: #333333;} 47 | #elixirs a:hover { background: #f88396; color: #0d5353;} 48 | 49 | #elixirs h2 { 50 | color: #000000; 51 | } 52 | 53 | #elixirs h3 { 54 | color: #d12c47; 55 | } 56 | 57 | #elixirs img { 58 | padding-top: 20px; 59 | } 60 | 61 | #elixirs p { 62 | line-height: 1em; 63 | } 64 | 65 | #footer { 66 | font-size: 50%; 67 | text-align: center; 68 | line-height: normal; 69 | margin-top: 30px; 70 | } 71 | 72 | .artist { 73 | font-weight: bold; 74 | } 75 | 76 | .cd { 77 | font-style: italic; 78 | } 79 | 80 | body p a:link { color: #007e7e; } 81 | body p a:visited { color: #333333; } 82 | 83 | -------------------------------------------------------------------------------- /chapter9/lounge/lounge.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Head First Lounge 6 | 7 | 8 | 9 |

Head First Lounge

10 |

Welcome to the Head First Lounge

11 |

12 | The Head First Lounge is, no doubt, the biggest trendsetter in Webville. 13 | Stop in to sample the eclectic offering of elixirs, teas, and coffees, 14 | or, stay a bit longer and enjoy the multicultural culinary menu that 15 | combines a harmony of taste, texture, and color with the best in fresh 16 | and healthy ingredients. 17 |

18 | 19 |

20 | During your stay at the lounge, you'll enjoy a smooth mixture of 21 | ambient and mystic sounds, filling the lounge and adding an extra dimension 22 | to your dining experience. The decor surrounds you with the relaxing sentiments 23 | of sights from eras past. And, don't forget, the lounge offers free wireless 24 | access to the Internet, so bring your laptop. 25 |

26 | 27 |

28 | Our guarantee: at the lounge, we're committed to providing you, 29 | our guest, with an exceptional experience every time you visit. 30 | Whether you're just stopping by to check in on email over an 31 | elixir, or are here for an out-of-the-ordinary dinner, you'll 32 | find our knowledgeable service staff pay attention to every detail. 33 | If you're not fully satisfied, have a Blueberry Bliss Elixir on us. 34 |

35 | 36 |

37 | But that's not all; at night, join us in the backroom as our resident 38 | DJ spins a choice selection of trance and drum&bass beats across 39 | our spacious tiki-themed dance floor. Or just hang out in one of our 40 | comfy white vinyl booths at the dance bar. You can have your elixirs 41 | delivered from the main lounge right to the dance floor. If you've 42 | had enough of the beat, just head back to the lounge area to relax. 43 | And, no matter where you find yourself in the lounge, you'll always be 44 | connected with our wireless Internet access. 45 |

46 | 47 |

48 | Now that you've experienced the lounge virtually, isn't 49 | it time to check us out for real? We're located right 50 | in the heart of Webville, and we've created some 51 | detailed directions 53 | to get you here in record time. No reservations necessary; 54 | come and join us anytime. 55 |

56 | 57 |

Weekly Elixir Specials

58 |

59 | Lemon Breeze Elixir 60 |

61 |

Lemon Breeze

62 |

63 | The ultimate healthy drink, this elixir combines 64 | herbal botanicals, minerals, and vitamins with 65 | a twist of lemon into a smooth citrus wonder 66 | that will keep your immune system going all 67 | day and all night. 68 |

69 | 70 |

71 | Chai Chiller Elixir 72 |

73 |

Chai Chiller

74 |

75 | Not your traditional chai, this elixir mixes maté 76 | with chai spices and adds an extra chocolate kick for 77 | a caffeinated taste sensation on ice. 78 |

79 | 80 |

81 | Black Brain Brew Elixir 82 |

83 |

Black Brain Brew

84 |

85 | Want to boost your memory? Try our Black Brain Brew 86 | elixir, made with black oolong tea and just a touch 87 | of espresso. Your brain will thank you for the boost. 88 |

89 | 90 |

91 | Join us any evening for these and all our 92 | other wonderful 93 | elixirs. 95 |

96 | 97 |

What's playing at the Lounge

98 |

99 | We're frequently asked about the music we play at the lounge, and no wonder, 100 | it's great stuff. Just for you, we keep a list here on the site, updated weekly. 101 | Enjoy. 102 |

103 | 110 | 111 |

112 | © 2012, Head First Lounge
113 | All trademarks and registered trademarks appearing on this site are 114 | the property of their respective owners. 115 |

116 | 117 | 118 | --------------------------------------------------------------------------------