<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="description" content="Quality healthy food delivered to you very fast"> <meta name="keprettierywords" content="fast food, affordable food, quality food"> <meta name="author" content="Gabriel Machel"> <title>Welcome</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="./assets/css/admins_list.css"> </head> <body> <!-- The header starts here --> <header id="header"> <div class="container"> <div id="branding"> <h1>Fast Food Fast</h1> </div> <nav class="menu"> <ul id="menu-list"> <li class="current"> <a href="admins_list.html">Tasks</a> </li> <li> <a href="add_edit.html">Add/Edit</a> </li> <a href="admin_login.html">LogOut</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> </nav> </div> </header> <!-- The header ends here --> <!--The order list starts here --> <main class="container"> <h1>Order List</h1> <div class="food-cart"> <div class="column-labels"> <label class="food-image">Image</label> <label class="food-details">Product</label> <label class="food-price">Price</label> <label class="food-quantity">Quantity</label> <label class="order-complete">Complete</label> </div> <div class="food"> <div class="food-image"> <img src="./assets/img/whopper-_hires.png"> </div> <div class="food-details"> <div class="food-title">Beef Burger</div> <p class="food-description">Accompanied with small fries and soda.</p> </div> <div class="food-price"> 200</div> <div class="food-quantity"> <input type="number" value="2" min="1"> </div> <div class="order-complete"> <button class="complete-order"> Complete </button> </div> <div class="order-removal"> <button class="cancel-order"> Cancel </button> </div> </div> <div class="food"> <div class="food-image"> <img src="./assets/img/pizza.png"> </div> <div class="food-details"> <div class="food-title">Meat Deluxe</div> <p class="food-description">Accompanied with 500ml soda.</p> </div> <div class="food-price"> 400</div> <div class="food-quantity"> <input type="number" value="2" min="1"> </div> <div class="order-complete"> <button class="complete-order"> Complete </button> </div> <div class="order-removal"> <button class="cancel-order"> Cancel </button> </div> </div> <div class="food"> <div class="food-image"> <img src="./assets/img/shrimp-burger.png"> </div> <div class="food-details"> <div class="food-title">Shrimp Burger</div> <p class="food-description">Accompanied with small fries and soda.</p> </div> <div class="food-price"> 250</div> <div class="food-quantity"> <input type="number" value="2" min="1"> </div> <div class="order-complete"> <button class="complete-order"> Complete </button> </div> <div class="order-removal"> <button class="cancel-order"> Cancel </button> </div> </div> <div class="food"> <div class="food-image"> <img src="./assets/img/taco.png"> </div> <div class="food-details"> <div class="food-title">Meat Taco</div> <p class="food-description">Accompanied with small fries and a soda.</p> </div> <div class="food-price"> 150</div> <div class="food-quantity"> <input type="number" value="1" min="1"> </div> <div class="order-complete"> <button class="complete-order"> Complete </button> </div> <div class="order-removal"> <button class="cancel-order"> Cancel </button> </div> </div> <div class="food"> <div class="food-image"> <img src="./assets/img/Smoothie.png"> </div> <div class="food-details"> <div class="food-title">Mango Smoothie</div> <p class="food-description">Fresh mango Smoothie.</p> </div> <div class="food-price"> 120</div> <div class="food-quantity"> <input type="number" value="1" min="1"> </div> <div class="order-complete"> <button class="complete-order"> Complete </button> </div> <div class="order-removal"> <button class="cancel-order"> Cancel </button> </div> </div> </div> </main> <!--The order list ends here --> <!-- The footer starts here --> <footer id="footer"> <div class="container"> <div class="bottom"> <h2>City</h2><br> <p>Nairobi</p> <p>Mombasa</p> <p>Upper Hill</p> <p>Gigiri</p> <p>Riverside</p> </div> <div class="bottom"> <h2>Cuisines</h2><br> <p>Chicken in Nairobi</p> <p>Burger in Nairobi</p> <p>African Food in Nairobi</p> <p>Barbecue in Nairobi</p> <p>Seafood in Nairobi</p> <p>Pasta in Nairobi</p> <p>Cakes & Pastries in Nairobi</p> <p>Salad in Nairobi</p> <p>Halal in Nairobi</p> <p>Chinese in Nairobi</p> <p>Pizza in Nairobi</p> <p>Indian in Nairobi</p> </div> <div class="bottom"> <h2>Popular restaurants</h2><br> <p>KFC Delivery</p> <p>Big Square</p> <p>Java House</p> <p>Steers</p> <p>Debonairs</p> <p>Pizza Mojo</p> <p>Nyama Mama</p> <p>ArtCaffe</p> <p>Brew Bistro</p> <p>Thai Star</p> <p>Mambo Italia</p> <p>Absolute Juice</p> <p>The Vista Restaurant</p> <p>Clay Oven</p> <p>All restaurants near me</p> </div> <div class="bottom"> <h2>Fast Food Fast</h2><br> <p>About Us</p> <p>FAQs & Contact</p> <p>Terms and Conditions</p> <p>Privacy Policy</p> </div> </div> <div class="copyright"> Fast Food Fast, Copyright © 2018 </div> </footer> <!-- The footer ends here --> </body> </html>