web_apps_html_css_javascript/practice-css.html at master · MarsRising/web_apps_html_css_javascript · GitHub

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
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
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>CSS Practice: CSS Corner Cafe</title>
    <link rel="stylesheet" href="css/practice-styles.css"/>
</head>
<body>
    <h1>CSS Corner Cafe</h1>

    <section class="border">
        <h2>Menu</h2>

        <table>
            <thead>
                <tr>
                    <th>Item</th>
                    <th>Cost</th>
                    <th>Estimated Time</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Coffee</td>
                    <td>$2</td>
                    <td>4 mins</td>
                </tr>
                <tr>
                    <td>Tea</td>
                    <td>$1.50</td>
                    <td>4 mins</td>
                </tr>
                <tr>
                    <td>Chicken & Waffles</td>
                    <td>$12</td>
                    <td>10 mins</td>
                </tr>
                <tr>
                    <td>Blueberry Pancakes</td>
                    <td>$6</td>
                    <td>10 mins</td>
                </tr>
                <tr>
                    <td>Unicorn Special</td>
                    <td>$24</td>
                    <td>24 mins</td>
                </tr>
            </tbody>
        </table>
    </section>
    <section class="border">
        <h2>Submit Your Review</h2>
        <form action="https://us-central1-nucamp-production.cloudfunctions.net/post/formdata" method="post">
            <label for="name">Name</label>
            <input type="text" id="name" name="name" />
            <label for="rating">Your Rating:</label>
            1 <input type="range" id="rating" name="rating" min="1" max="5" /> 5
            <input type="submit" id="submit-btn" />
        </form>
    </section>
    <section class="border2">
        <h2>Contact</h2>
        <p>Call us at: <a href="tel:+15555551212">1-555-555-1212</a></p>
        <address>
            CSS Corner Cafe<br />
            101 W Main St<br />
            Bellevue, WA 98004
        </address>
    </section>
    <section>
   <textarea name="feedback" rows="5" cols="60" placeholder="Complaints"></textarea>
    </textarea>
</section>
<section>
    <h3>What is your favorite??</h3>
    <select name="favorite item">
        <option value="coffee">Coffee</option>
        <option value="Tea">Tea</option>
        <option value="chicken and waffles">Chicken and Waffles</option>
        <option value="Pancakes">Blueberry Pancakes</option>
        <option value="Unicorn">Unicorn Special</option>
    </select>
    <br>
    <div>

    <img src="images/linkedin.png" width="60" alt="Link to Linkedin">
</div>
</section>
</body>
</html>