Skip to content

Commit ac2826f

Browse files
bethrobsonbethrobson
committed
Adding code for chapters 1, 3-11 for Tech Review
1 parent e092c09 commit ac2826f

File tree

226 files changed

+3870
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

226 files changed

+3870
-0
lines changed

‎chapter10/lounge-complete/about/directions.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
6+
<title>Head First Lounge Directions</title>
7+
<link type="text/css" rel="stylesheet" href="../lounge.css" />
8+
</head>
9+
<body>
10+
<h1>Directions</h1>
11+
<p>Take the 305 S exit to Webville - go 0.4 mi</p>
12+
<p>Continue on 305 - go 12 mi</p>
13+
<p>Turn right at Structure Ave N - go 0.6 mi</p>
14+
<p>Turn right and head toward Structure Ave N - go 0.0 mi</p>
15+
<p>Turn right at Structure Ave N - go 0.7 mi</p>
16+
<p>Continue on Stucture Ave S - go 0.2 mi</p>
17+
<p>Turn right at SW Presentation Way - go 0.0 mi</p>
18+
<p>
19+
<a href="../lounge.html">Back to the Lounge</a>
20+
</p>
21+
</body>
22+
</html>

‎chapter10/lounge-complete/beverages/elixir.html

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
6+
<title>Head First Lounge Elixirs</title>
7+
<link type="text/css" rel="stylesheet" href="../lounge.css" />
8+
</head>
9+
<body>
10+
<h1>Our Elixirs</h1>
11+
12+
<h2>Green Tea Cooler</h2>
13+
<p class="greentea">
14+
<img src="../images/green.jpg" alt="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+
</p>
19+
<h2>Raspberry Ice Concentration</h2>
20+
<p class="raspberry">
21+
<img src="../images/lightblue.jpg" alt="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+
</p>
26+
<h2>Blueberry Bliss Elixir</h2>
27+
<p class="blueberry">
28+
<img src="../images/blue.jpg" alt="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+
</p>
33+
<h2>Cranberry Antioxidant Blast</h2>
34+
<p>
35+
<img src="../images/red.jpg" alt="Cranberry Antioxidant Blast" />
36+
Wake up to the flavors of cranberry and hibiscus
37+
in this vitamin C rich elixir.
38+
</p>
39+
<p>
40+
<a href="../lounge.html">Back to the Lounge</a>
41+
</p>
42+
</body>
43+
</html>

‎chapter10/lounge-complete/images/background.gif

706 Bytes
Loading

‎chapter10/lounge-complete/images/black.gif

4.19 KB
Loading

‎chapter10/lounge-complete/images/blue.gif

5.34 KB
Loading

‎chapter10/lounge-complete/images/blue.jpg

28.7 KB
Loading

‎chapter10/lounge-complete/images/chai.gif

4.19 KB
Loading

‎chapter10/lounge-complete/images/cocktail.gif

1.06 KB
Loading

‎chapter10/lounge-complete/images/drinks.gif

11.6 KB
Loading

‎chapter10/lounge-complete/images/green.gif

4.93 KB
Loading

‎chapter10/lounge-complete/images/green.jpg

28.6 KB
Loading

‎chapter10/lounge-complete/images/lightblue.gif

4.89 KB
Loading

‎chapter10/lounge-complete/images/lightblue.jpg

28.4 KB
Loading

‎chapter10/lounge-complete/images/logo.gif

11.2 KB
Loading

‎chapter10/lounge-complete/images/red.gif

4.42 KB
Loading

‎chapter10/lounge-complete/images/red.jpg

28.5 KB
Loading

‎chapter10/lounge-complete/images/yellow.gif

4.52 KB
Loading

‎chapter10/lounge-complete/lounge.css

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
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+
}

‎chapter10/lounge-complete/lounge.html

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Head First Lounge</title>
6+
<link type="text/css" rel="stylesheet" href="lounge.css">
7+
</head>
8+
<body>
9+
<p><img src="images/logo.gif" alt="Head First Lounge"></p>
10+
<div id="elixirs">
11+
<h2>Weekly Elixir Specials</h2>
12+
<p>
13+
<img src="images/yellow.gif" alt="Lemon Breeze Elixir">
14+
</p>
15+
<h3>Lemon Breeze</h3>
16+
<p>
17+
The ultimate healthy drink, this elixir combines
18+
herbal botanicals, minerals, and vitamins with
19+
a twist of lemon into a smooth citrus wonder
20+
that will keep your immune system going all
21+
day and all night.
22+
</p>
23+
24+
<p>
25+
<img src="images/chai.gif" alt="Chai Chiller Elixir">
26+
</p>
27+
<h3>Chai Chiller</h3>
28+
<p>
29+
Not your traditional chai, this elixir mixes mat&eacute;
30+
with chai spices and adds an extra chocolate kick for
31+
a caffeinated taste sensation on ice.
32+
</p>
33+
34+
<p>
35+
<img src="images/black.gif" alt="Black Brain Brew Elixir">
36+
</p>
37+
<h3>Black Brain Brew</h3>
38+
<p>
39+
Want to boost your memory? Try our Black Brain Brew
40+
elixir, made with black oolong tea and just a touch
41+
of espresso. Your brain will thank you for the boost.
42+
</p>
43+
44+
<p>
45+
Join us any evening for these and all our
46+
other wonderful
47+
<a href="beverages/elixir.html"
48+
title="Head First Lounge Elixirs">elixirs</a>.
49+
</p>
50+
</div>
51+
52+
<h1>Welcome to the Head First Lounge</h1>
53+
<p>
54+
The Head First Lounge is, no doubt, the biggest trendsetter in Webville.
55+
Stop in to sample the eclectic offering of elixirs, teas, and coffees,
56+
or, stay a bit longer and enjoy the multicultural culinary menu that
57+
combines a harmony of taste, texture, and color with the best in fresh
58+
and healthy ingredients.
59+
</p>
60+
61+
<p>
62+
During your stay at the lounge, you'll enjoy a smooth mixture of
63+
ambient and mystic sounds, filling the lounge and adding an extra dimension
64+
to your dining experience. The decor surrounds you with the relaxing sentiments
65+
of sights from eras past. And, don't forget, the lounge offers free wireless
66+
access to the Internet, so bring your laptop.
67+
</p>
68+
69+
<p id="guarantee">
70+
Our guarantee: at the lounge, we're committed to providing you,
71+
our guest, with an exceptional experience every time you visit.
72+
Whether you're just stopping by to check in on email over an
73+
elixir, or are here for an out-of-the-ordinary dinner, you'll
74+
find our knowledgeable service staff pay attention to every detail.
75+
If you're not fully satisfied, have a Blueberry Bliss Elixir on us.
76+
</p>
77+
78+
<p>
79+
But that's not all; at night, join us in the backroom as our resident
80+
DJ spins a choice selection of trance and drum&amp;bass beats across
81+
our spacious tiki-themed dance floor. Or just hang out in one of our
82+
comfy white vinyl booths at the dance bar. You can have your elixirs
83+
delivered from the main lounge right to the dance floor. If you've
84+
had enough of the beat, just head back to the lounge area to relax.
85+
And, no matter where you find yourself in the lounge, you'll always be
86+
connected with our wireless Internet access.
87+
</p>
88+
89+
<p>
90+
Now that you've experienced the lounge <em>virtually</em>, isn't
91+
it time to check us out <em>for real</em>? We're located right
92+
in the heart of Webville, and we've created some
93+
<a href="about/directions.html"
94+
title="Detailed Directions to the Lounge">detailed directions</a>
95+
to get you here in record time. No reservations necessary;
96+
come and join us anytime.
97+
</p>
98+
99+
<h2>What's playing at the Lounge</h2>
100+
<p>
101+
We're frequently asked about the music we play at the lounge, and no wonder,
102+
it's great stuff. Just for you, we keep a list here on the site, updated weekly.
103+
Enjoy.
104+
</p>
105+
<ul>
106+
<li><span class="cd">Buddha Bar</span>, <span class="artist">Claude Challe</span></li>
107+
<li><span class="cd">When It Falls</span>, <span class="artist">Zero 7</span></li>
108+
<li><span class="cd">Earth 7</span>, <span class="artist">L.T.J. Bukem</span></li>
109+
<li><span class="cd">Le Roi Est Mort, Vive Le Roi!</span>, <span class="artist">Engima</span></li>
110+
<li><span class="cd">Music for Airports</span>, <span class="artist">Brian Eno</span></li>
111+
</ul>
112+
113+
<div id="footer">
114+
<p>
115+
&copy; 2012, Head First Lounge<br>
116+
All trademarks and registered trademarks appearing on this site are
117+
the property of their respective owners.
118+
</p>
119+
</div>
120+
</body>
121+
</html>

‎chapter10/lounge/about/directions.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
6+
<title>Head First Lounge Directions</title>
7+
<link type="text/css" rel="stylesheet" href="../lounge.css" />
8+
</head>
9+
<body>
10+
<h1>Directions</h1>
11+
<p>Take the 305 S exit to Webville - go 0.4 mi</p>
12+
<p>Continue on 305 - go 12 mi</p>
13+
<p>Turn right at Structure Ave N - go 0.6 mi</p>
14+
<p>Turn right and head toward Structure Ave N - go 0.0 mi</p>
15+
<p>Turn right at Structure Ave N - go 0.7 mi</p>
16+
<p>Continue on Stucture Ave S - go 0.2 mi</p>
17+
<p>Turn right at SW Presentation Way - go 0.0 mi</p>
18+
<p>
19+
<a href="../lounge.html">Back to the Lounge</a>
20+
</p>
21+
</body>
22+
</html>

‎chapter10/lounge/beverages/elixir.html

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
4+
<head>
5+
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
6+
<title>Head First Lounge Elixirs</title>
7+
<link type="text/css" rel="stylesheet" href="../lounge.css" />
8+
</head>
9+
<body>
10+
<h1>Our Elixirs</h1>
11+
12+
<h2>Green Tea Cooler</h2>
13+
<p class="greentea">
14+
<img src="../images/green.jpg" alt="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+
</p>
19+
<h2>Raspberry Ice Concentration</h2>
20+
<p class="raspberry">
21+
<img src="../images/lightblue.jpg" alt="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+
</p>
26+
<h2>Blueberry Bliss Elixir</h2>
27+
<p class="blueberry">
28+
<img src="../images/blue.jpg" alt="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+
</p>
33+
<h2>Cranberry Antioxidant Blast</h2>
34+
<p>
35+
<img src="../images/red.jpg" alt="Cranberry Antioxidant Blast" />
36+
Wake up to the flavors of cranberry and hibiscus
37+
in this vitamin C rich elixir.
38+
</p>
39+
<p>
40+
<a href="../lounge.html">Back to the Lounge</a>
41+
</p>
42+
</body>
43+
</html>

‎chapter10/lounge/images/background.gif

706 Bytes
Loading

‎chapter10/lounge/images/black.gif

4.19 KB
Loading

‎chapter10/lounge/images/blue.gif

5.34 KB
Loading

‎chapter10/lounge/images/blue.jpg

28.7 KB
Loading

‎chapter10/lounge/images/chai.gif

4.19 KB
Loading

‎chapter10/lounge/images/cocktail.gif

1.06 KB
Loading

‎chapter10/lounge/images/drinks.gif

11.6 KB
Loading

‎chapter10/lounge/images/green.gif

4.93 KB
Loading

‎chapter10/lounge/images/green.jpg

28.6 KB
Loading

‎chapter10/lounge/images/lightblue.gif

4.89 KB
Loading

‎chapter10/lounge/images/lightblue.jpg

28.4 KB
Loading

‎chapter10/lounge/images/logo.gif

11.2 KB
Loading

‎chapter10/lounge/images/red.gif

4.42 KB
Loading

‎chapter10/lounge/images/red.jpg

28.5 KB
Loading

‎chapter10/lounge/images/yellow.gif

4.52 KB
Loading

‎chapter10/lounge/lounge.css

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
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+
}

0 commit comments

Comments
 (0)