HTML and CSS Reference
In-Depth Information
You've created links to go from “lounge.html” to “elixir.html” and “directions.html”; now we're
going to go back the other way. Below you'll find the HTML for “elixir.html”. Add a link with the
label “Back to the Lounge” at the bottom of the elixir page that points back to “lounge.html”.
<html>
<head>
<title>
Head First Lounge Elixirs
</title>
</head>
<body>
<h1>
Our Elixirs
</h1>
<h2>
Green Tea Cooler
</h2>
<p>
<img src="green.jpg">
Chock full of vitamins and minerals, this elixir
combines the healthful benefits of green tea with
a twist of chamomile blossoms and ginger root.
</p>
<h2>
Raspberry Ice Concentration
</h2>
<p>
<img src="lightblue.jpg">
Combining raspberry juice with lemon grass,
citrus peel and rosehips, this icy drink
will make your mind feel clear and crisp.
</p>
<h2>
Blueberry Bliss Elixir
</h2>
<p>
<img src="blue.jpg">
Blueberries and cherry essence mixed into a base
of elderflower herb tea will put you in a relaxed
state of bliss in no time.
</p>
<h2>
Cranberry Antioxidant Blast
</h2>
<p>
<img src="red.jpg">
Wake up to the flavors of cranberry and hibiscus
in this vitamin C rich elixir.
</p>
Yo
ur n
ew
H
TML
goe
s
h
ere.
</body>
</html>
When you are done, go ahead and do the same with “directions.html” as well.