Chris_Learning_Codedex_HTML/index.html at main · ChristianM20/Chris_Learning_Codedex_HTML · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Restaurant Menu</title>
</head>
<body>
    <header>
        <img src="https://img.freepik.com/premium-vector/menu-restaurant-hand-drawn-lettering-phrase-text-vector-illustration-inscription-white-background_81863-9419.jpg?semt=ais_hybrid&w=740&q=80" alt="Picture Of Menu Text" width="185" height="116">
        <h1>My Restaurant</h1>
        <nav>
            <ul>
                <li><a href="#menu">Menu</a></li>
                <li><a href="#order-form">Order</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section id="menu">
            <h2>Menu</h2>
            <article>
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRlEFUACnrU88gU8X0-I-v7ZeIElgQZ4JD7o_qg0f4_9hhIdufN8zSGG1dEofcRH2nBR3PnGggcBrbj4kEHgZcTxiqMG0MHwRVTUL6clA&s=10" alt="Nasi Goreng Picture" width="185" height="116"><br>
                <h3>Nasi Goreng - <i>20k</i></h3>
                <p>Nasi goreng adalah sebuah makanan berupa nasi yang digoreng dan dicampur dalam minyak goreng, margarin, atau mentega.<br>Biasanya ditambah dengan kecap manis, bawang merah, bawang putih, asam jawa, lada, dan bahan yang lainnya; seperti telur, daging ayam, dan kerupuk.</p><br>
            </article>
            <article>
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ_RLSwdQwhlP38CORLiR7hqPe9tQl_AmBFDIAxLewC25CuTrOhUFxhz34VGdsbswFH9iZTXeyc2rZLIxpy8QPeWjpkxs3s_8z1BKTxcQc&s=10" alt="Mie Goreng Picture" width="185" height="116"><br>
                <h3>Mie Goreng - <i>20k</i></h3>
                <p>Mi goreng berarti "mi yang digoreng" adalah hidangan mi yang dimasak dengan digoreng tumis khas Indonesia.<br>Mi goreng juga populer dan juga digemari di Malaysia, dan Singapura.</p><br>
            </article>
            <article>
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQhTw8HkwPSTbnoG-h0VndlM3-1a2-rnGKUwW2rFlronnxxAWZVUgrgZ41p0W5SlopIy1xAvQMGigeUpbA7rSho1DoeP9HUTCtICdQ2lw&s=10" alt="Steik Picture" width="185" height="116"><br>
                <h3>Steik - <i>30k</i></h3>
                <p>Steik atau dacak adalah sepotong besar daging, biasanya daging sapi.<br>Daging merah, dada ayam, dan ikan sering kali dipotong menjadi steik.<br>Kebanyakan steik dipotong tegak lurus dengan serat otot, menambah kelegitan daging.<br>Steik biasanya dimasak dengan dipanggang, meskipun dapat digoreng atau di-broil.</p><br>
            </article>
        </section>
        <hr><br>
        <section id="order-form">
            <form>
                <label for="nasi-goreng">Nasi Goreng: <input type="number" min="0"></label><br>
                <label for="nasi-goreng-add-ons">Add-ons: </label>
                <input type="radio" name="ng-telur" id="telur"> Telur
                <input type="radio" name="ng-nugget" id="nugget"> Nugget
                <input type="radio" name="ng-mendoan" id="nugget"> Mendoan
                <input type="radio" name="ng-cumi-goreng" id="cumi-goreng"> Cumi Goreng
                <br>
                Note:<br>
                <textarea maxlength="100" placeholder="Enter your note"></textarea>
                <br><br>
                <label for="mie-goreng">Mie Goreng: <input type="number" min="0"></label><br>
                <label for="nasi-goreng-add-ons">Add-ons: </label>
                <input type="radio" name="mg-telur" id="telur"> Telur
                <input type="radio" name="mg-nugget" id="nugget"> Nugget
                <input type="radio" name="mg-mendoan" id="nugget"> Mendoan
                <input type="radio" name="mg-cumi-goreng" id="cumi-goreng"> Cumi Goreng
                <br>
                Note:<br>
                <textarea maxlength="100" placeholder="Enter your note"></textarea>
                <br><br>
                <label for="steik">Steik: <input type="number" min="0"></label><br>
                <label for="steik-add-ons">Add-ons: </label>
                <input type="radio" name="st-telur" id="telur"> Telur
                <input type="radio" name="st-nugget" id="nugget"> Nugget
                <input type="radio" name="st-mendoan" id="nugget"> Mendoan
                <input type="radio" name="st-cumi-goreng" id="cumi-goreng"> Cumi Goreng
                <br>
                Note:<br>
                <textarea maxlength="100" placeholder="Enter your note"></textarea>
                <br><br>
                <input type="submit" value="Go to Checkout">
            </form>
        </section>
    </main>
    <footer>
        <p>Made with love by ChristianM8073</p>
    </footer>
</body>
</html>