<!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 &copy; 2018
            </div>
        </footer>
        <!-- The footer ends here -->
    </body>

</html>