myorder.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Khloris</title>
    <link rel="stylesheet" href="myorder.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"/>
</head>
<body>
    <header>
        <input type="checkbox" name="" id="toggler" />
        <label for="toggler" class="fas fa-bars"></label>
        <a href="#" class="logo">Khloris<span>.</span></a>
        <nav class="navbar">
            <a href="#home">Home</a>
            <a href="#Customization">Customization</a>
            <a href="flowerpage.html">Flowers</a>
            <a href="#Occassions">Occassions</a>
        </nav>
        <div class="icons">
            <a href="" class="fas fa-shopping-cart"></a>
            <a href="logout.php" class="fa-solid fa-right-from-bracket" onclick="return confirmLogout()"></a>
        </div>
    </header>

    <section class="myorder-section">
        <div class="myorder-container">
            <h1 class="myorder-title">My Orders</h1>
            <table>
                <tr>
                    <th>Order ID</th>
                    <th>Delivery Option</th>
                    <th>Status</th>
                    <th>Total Price</th>
                    <th>Order At</th>
                    <th>Action</th>
                </tr>
                <tr>
                    <td>1212</td>
                    <td>Pick Up</td>
                    <td>Delivered</td>
                    <td>P 1000</td>
                    <td>2023-05-24</td>
                    <td><button class="cancel-btn">Cancel</button></td>
                </tr>
        </div>


</body>
</html>