HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.5.coffeepour.html


1
2
3
4
5
6
7
8
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

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Coffee House</title>
        <meta charset="utf-8">
        <style>
body { font-size: 150%;
    font-family: Arial; 
    color: #992435; 
    background-image: url(coffeepour.gif);
    background: url(coffee.gif) no-repeat left bottom,
    url(coffeeback.gif) no-repeat,
    url(coffeepour.gif) no-repeat;
}
        </style>
    </head>
    <body>
        <header>
            <h1>Coffee House</h1>
        </header>
        <main>
            <p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
            <ul>
                <li>Specialty Coffee and Tea</li>
                <li>Gluten-free Pastries</li>
                <li>Organic Salads</li>
            </ul>
        </main>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p> 
    </body>
</html>