-
Notifications
You must be signed in to change notification settings - Fork 1
/
track_order.html
94 lines (83 loc) · 3.88 KB
/
track_order.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BBFC</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/track-order.css">
</head>
<!--ss-->
<header>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 top-nav">
<h5 class="my-0 mr-md-auto font-weight-normal logo">BBFC</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2" href="main.html">Home</a>
<a class="p-2" href="menu_combo.html">Menu</a>
<a class="p-2" href="story.html">Story</a>
<a class="p-2" href="feedback_form.html">Contact Us</a>
<a class="p-2 cart-link" href="cart.html"><svg xmlns="http://www.w3.org/2000/svg"
class="bi bi-cart-check-fill" viewBox="0 0 16 16">
<path
d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0m7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-1.646-7.646-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708" />
</svg></a>
<a class="p-2" href="track_order.html">Track Order</a>
</nav>
<a class="p-2" id="login-link" href="logIn.html">Log In</a>
<div id="user-dropdown" class="dropdown-content" style="display:none;">
<a id = "details" href="customerDetails.html">Information</a>
<a id="sign-out" href="#">Sign Out</a>
</div>
</div>
</header>
<body class="p-3 m-0 border-0 bd-example m-0 border-0">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel">Order items</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>You're Ordered!</p>
</div>
<div class="cart-items" id="cart-items">
<div class="container foods">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<h2>-Track Order-</h2>
<div id="order-container" class="order-info">
</div>
<footer class="container-fluid footer" style="margin-top: 500px">
<div class="subscribe">
<h3>Subscribe to BBFC Email</h3>
<p>Get amazing deals and updates from our product, sent straight to your inbox!</p>
<br>
<input type="email" placeholder="Email Address"/>
<button>Subscribe</button>
</div>
<br>
<div class="smlogo">
<img src="images/fb.png" alt="logo" />
<img src="images/twitter.png" alt="logo" />
<img src="images/insta.png" alt="logo" />
</div>
</footer>
</body>
<script src="js/jquery-3.7.1.js"></script>
<script src="js/bootstrap.js"></script>
<script src="./js/customer.js"></script>
<script src="./js/axios.js"></script>
<script src="./js/AjaxHelper.js"></script>
<script src="js/track_order.js"></script>
</html>