Project4-Dishdev/index.php at main · 6046581/Project4-Dishdev · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <?php
    require 'include/head.php';
    ?>
    <title>Umami Sushi</title>
</head>

<body>
    <?php
    include 'include/navbar.php';
    ?>

    <main>
        <section id="featured">
            <article>
                <img src="img/logo-umami-sushi-white.png" draggable="false">
            </article>
        </section>
        <article class="featured-buttons-container">
            <article class="featured-buttons-grid">
                <a href="reserve.php" class="featured-button featured-button-big panel"><i class="fa-regular fa-calendar-check"></i>Reserve Now</a>
                <a href="menu.php" class="featured-button panel"><i class="fa-solid fa-utensils"></i>Menu</a>
                <a href="contact.php" class="featured-button panel"><i class="fa-solid fa-location-dot"></i>Contact</a>
                <a href="jobs.php" class="featured-button panel"><i class="fa-solid fa-person"></i>Jobs</a>
            </article>
        </article>

        <section class="grid-container-big">
            <section>
                <h2 class="gradient-text">Todays Special</h2>
                <article class="menu-item panel">
                    <article class="menu-item-image">
                        <img src="img/menu/sake-nigiri.jpg" alt="Fresh salmon nigiri with vinegared rice.">
                    </article>
                    <article class="menu-item-diet-tags">
                        <h4><i class="fa-solid fa-pepper-hot"></i></h4>
                    </article>
                    <article class="menu-item-text">
                        <h3>Sake Nigiri</h3>
                        <h4>Fresh salmon served on a small mound of vinegared rice. A classic and flavorful sushi option.</h4>
                    </article>
                </article>
            </section>
            <section>
                <h2 class="gradient-text">Open during</h2>
                <article class="menu-item panel padded">
                    <article class="contact-times-now">
                        <p>We are currently:</p>
                        <article class="contact-times-now-tag">
                            <h2>Open</h2>
                            <p>Closes at 21:00</p>
                        </article>
                        <p><i class="fa-solid fa-user"></i> 19 / 48 Places Available</p>
                    </article>
                </article>
            </section>
            <section>
                <h2 class="gradient-text">Find us at</h2>
                <article class="menu-item panel">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2447.123456789012!2d4.4837418!3d52.1608605!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c5c6ee75920585%3A0xb2bf2814cb018432!2sGalgewater%2012%2C%202311%20VZ%20Leiden!5e0!3m2!1snl!2snl!4v1234567890123!5m2!1snl!2snl"
                        style="border:0;"
                        allowfullscreen=""
                        loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade">
                    </iframe>
                </article>
            </section>
        </section>
    </main>

    <?php
    include 'include/footer.php';
    ?>
</body>

</html>