RestaurantWeb-QWERTY/index.php at main · Jerothegreat/RestaurantWeb-QWERTY · 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="shortcut icon" href="assets/images/logo.png" type="image/x-icon">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="assets/css/main.css">
        <title>Sakura Restaurant | Home</title>
    </head>
    <body>
        <!-- Header -->
        <nav>
            <div class="header">
                <img src="assets/images/logo.png" alt="logo">
                <div class="nav-desktop">
                    <div class="icon-cart">
                        <a href="preorder.php">
                            <img src="assets/svg/pre-order.svg" alt="cart">
                            <span id="cart-count">0</span>
                        </a>
                    </div>
                    <div class="listProduct"></div>
                    <div class="listCart"></div>
                    <div class="links">
                        <ul>
                            <li>
                                <a href="#">Home</a>
                            </li>
                            <li>
                                <a href="about.php">About</a>
                            </li>
                            <li>
                                <a href="menu.php">Menu</a>
                            </li>
                            <li>
                                <a href="reservation.php">Reservation</a>
                            </li>
                            <li>
                                <a href="#footer">Contact Us</a>
                            </li>
                            <li>
                                <a href="auth/loginform.php">Staff</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="burger">
                    <div class="line1"></div>
                    <div class="line2"></div>
                    <div class="line3"></div>
                </div>
                <div class="nav-mobile">
                    <div class="links">
                        <ul>
                            <li>
                                <a href="#">Home</a>
                            </li>
                            <li>
                                <a href="about.php">About</a>
                            </li>
                            <li>
                                <a href="menu.php">Menu</a>
                            </li>
                            <li>
                                <a href="reservation.php">Reservation</a>
                            </li>
                            <li>
                                <a href="#footer">Contact Us</a>
                            </li>
                            <li>
                                <a href="auth/loginform.php">Staff</a>
                            </li>
                                <a href="preorder.php">
                                    <img src="assets/svg/pre-order.svg" alt="preorder">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
        <!-- Landing Page -->
        <div class="container">
            <a class="landbtn" href="#menu">Explore Menu</a>
        </div>
        <!-- About Us Page-->
        <div class="about">
            <div class="image">
                <img src="assets/images/about/aboutus.png" alt="aboutus">
            </div>
            <div class="content">
                <div>
                    <h1>About Us</h1>
                    <div class="line"></div>
                </div>
                <p>Sakura Restaurant is a Japanese restaurant dedicated to serving authentic cuisine with a modern twist. Our menu features a wide variety of dishes, from traditional ramen and sushi to innovative fusion creations, providing a diverse culinary experience that delights the senses.</p>
                <p>We pride ourselves on using high-quality ingredients and traditional cooking methods to ensure that every dish is a true representation of Japanese flavors. Our talented chefs are passionate about creating mouthwatering meals that not only taste amazing but also look stunning on the plate.</p>
                <a href="about.php">See More</a>
            </div>
        </div>
        <!-- Menu Page -->
        <div class="menu" id="menu">
            <div class="main-header">
                <h1>Menu</h1>
                <div class="line"></div>
                <p>At Sakura Restaurant, we invite you to savor the essence of Japanese cuisine in every bite, as we strive to deliver an unforgettable dining experience that celebrates tradition with a modern twist. Join us for lunch or dinner and discover the true taste of Japan.</p>
            </div>
            <div class="sub-header">
                <div>
                    <img src="assets/svg/calendar.svg" alt="time">
                    <p>Sakura Restaurant offers Japan's essence at lunch (11:30 am - 2:30 pm) and dinner (6 pm - 10 pm).</p>
                </div>
                <div>
                    <img src="assets/svg/soup.svg" alt="offer">
                    <p>Unlimited rice and soup are available during dinner, with slightly higher prices than lunch due to enhanced offerings.</p>
                </div>
            </div>
            <div class="menu-items" id="display-data"></div>
            <a class="more" href="menu.php">See More</a>
        </div>
        <!-- Footer -->
        <div class="footer" id="footer">
            <div class="main">
                <img class="logo" src="assets/images/logo.png" alt="logo">
                <div class="one">
                    <h1>Sakura Restaurant</h1>
                    <p> A restaurant that offers a comfortable atmosphere and diverse selection of delectable Japanese dishes that people can enjoy.</p>
                </div>
                <div class="two">
                    <h1>Contact Us</h1>
                    <p>Contact Number:  +63 2 8888 0000</p>
                    <p>Opening Hours: Mon–Sun: 11:00 AM – 10:00 PM</p>
                    <p>Address: 123 Cherry Blossom Ave, Makati City, Metro Manila</p>
                </div>
                <div class="three">
                    <a href="#">
                        <img src="assets/images/social/fb.png" alt="fb">
                    </a>
                    <a href="#">
                        <img src="assets/images/social/ig.png" alt="ig">
                    </a>
                    <a href="#">
                        <img src="assets/images/social/tt.png" alt="tt">
                    </a>
                    <p> A Restaurant that offers a welcoming atmosphere and Traditional Japanese Cusines</p>
                </div>
            </div>
        </div>
        <div class="copyright">
            Copyright © Sakura Restaurant | All Rights Reserved | Designed by QWERTY
        </div>
        <script src="assets/js/main.js"></script>
    </body>
</html>