html_test/restaurant_menu.html at main · Manjaro96/html_test · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Restaurant Menu</title>
        <style>

        </style>
    </head>
    <body>
        <header>
            <img id="header-img" src="https://play-lh.googleusercontent.com/wPHEy-hwjeP94zdZ_9-XKd15IpEh6DgCrEhhgKnMXxrHqbi7omjGWbyM45VWo3BInMk">
            <h1>
                My Restaurant
            </h1>
            <nav>
                <ul>
                    <li><a href="#menu">Menu</a></li>
                    <li><a href="#order-form">Order Form</a></li>
                </ul>
            </nav>
        </header>
        <main>
            <section id="menu">
                <h2>Menu</h2>
                <article>
                    <img src="img.png">
                    <h3>Beef</h3>
                    <p>A beef stake - <i>14.99$</i></p>
                </article>
                <article>
                    <img src="img1.png">
                    <h3>Fish</h3>
                    <p>A fish plate - <i>23.99$</i></p>
                </article>
                <article>
                    <img src="img2.png">
                    <h3>Vegan</h3>
                    <p>A vegan meal - <i>19.99$</i></p>
                </article>
            </section>
            <section id="order-form">
                <h2>Place Your Order</h2>
                <form>
                    <label>How many items:</label><br><input type="number" min="0"><br>
                    <label>Sides and add-ons</label><br>
                    <input type="checkbox">Cheese<br>
                    <input type="checkbox">Onions<br>
                    <input type="checkbox">Olives<br>
                    <textarea rows="5" cols="40" placeholder="Special Requests"></textarea><br>
                    <input type="submit" value="Go To Checkout">
                </form>
            </section>
        </main>
        <footer>
            <p>Made with love by Manjaro</p>
        </footer>
    </body>
</html>