Restaurant-Menu/Practica.html at master · CyberFroppy/Restaurant-Menu · 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Welcome to our menu!</title>
    <link href="styles.css" rel="stylesheet"/>
</head>
<body>
    <ul id="nav">
        <li><a href="/">Home</a></li>
        <li><a href="/">About</a></li>
        <Li><a href="/">Reviews</a></Li>
    </ul>
    <section>
        This is a side bar
    </section>
    <h1>Welcome to our menu!</h1>
    <table>
        <thead>
            <tr>
                <th>Food</th>
                <th>Description</th>
                <th>Price</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Salad</td>
                <td>Fresh, delicious Cobb Salad</td>
                <td>$7.99</td>
            </tr>
            <tr>
                <td>Burguer</td>
                <td>1/4 lb grass-fed burguer with choice of cheese</td>
                <td>$6.99</td>
            </tr>
            <tr>
                <td>Chicken Sandwich</td>
                <td>Our world famous chicken salad on a bagel with homemade pickels</td>
                <td>$8.99</td>
            </tr>
            <tr>
                <td>Buffalo Chicken Sandwich</td>
                <td>Spicy fried chicken on a brioche bun</td>
                <td>$10.99</td>
            </tr>
            <tr>
                <td>Fries</td>
                <td>Hand cut potatoes lightly fried and seasoned</td>
                <td>$1.99</td>
            </tr>
            <tr>
                <td>Soda</td>
                <td>Regular, diet, orange, or root beer</td>
                <td>$1.00</td>
            </tr>
        </tbody>
    </table>
    <form id="commentForm">
        <fieldset>
            <legend>
                This is where any content in the form
            </legend>
            <span>We would not share any of this information</span>
            <label>
                First Name: <input type="text"class= "formElement" id = "firstname">
            </label>
            <p></p>
            <label>
                Last Name: <input type="text"class= "formElement">
            </label>
            <p></p>
            <label>
                Email: <input type="mail"class= "formElement">
            </label>
            <p></p>
            <label>
                Phone Number: <input type="tel"class= "formElement">
            </label>
            <p></p>
            <div>Rate Us!</div>
            <select name="rate">
                <option value="-1">Please Select an Option</option>
                <option value="5">Very Good</option>
                <option value="4">Good</option>
                <option value="3">Neutral</option>
                <option value="2">Bad</option>
                <option value="1">Awful</option>
            </select>
            <p></p>
            <div>Your comments: </div>
            <textarea name="Comentario" id="comments"></textarea>
            <p></p>
            <div>Would you like to visit us again?</div>
            <label>
                Yes:<input type="radio" class= "formElement">
            </label>
            <p></p>
            <label>
                No: <input type="radio"class="formElement">
            </label>
            <p></p>
            <input type="submit" value="Guardar"class="clickable" id="submitButton">
            <input type="reset" value="Reset"class="clickable"id="resetButton"/>
        </fieldset>
    </form>
    <script src = "./js/index.js" type="text/javascript"></script>
</body>
</html>